@eui/mobile-core 18.1.4-snapshot-1762343132805 → 18.1.4-snapshot-1763725940736
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuimLanguageSelectorComponent.html +4 -2
- package/docs/js/search/search_index.js +2 -2
- package/docs/properties.html +1 -1
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +10 -8
- package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +4 -3
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs +4 -4
- package/esm2022/lib/components/base-states.directive.mjs +26 -28
- package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs +4 -3
- package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-footer-transparent/euim-footer-transparent.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs +4 -3
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs +5 -6
- package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs +4 -6
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +7 -9
- package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +8 -5
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +4 -6
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +6 -6
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +5 -7
- package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +7 -5
- package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +6 -8
- package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +10 -9
- package/esm2022/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.mjs +4 -6
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.mjs +4 -6
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.mjs +8 -10
- package/esm2022/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.mjs +5 -6
- package/esm2022/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.mjs +4 -6
- package/esm2022/lib/components/euim-avatar/euim-avatar.component.mjs +8 -10
- package/esm2022/lib/components/euim-avatar/euim-avatar.module.mjs +5 -5
- package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +4 -3
- package/esm2022/lib/components/euim-badge/euim-badge.module.mjs +4 -4
- package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +6 -6
- package/esm2022/lib/components/euim-card/euim-card.component.mjs +6 -3
- package/esm2022/lib/components/euim-card/euim-card.module.mjs +4 -4
- package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs +4 -6
- package/esm2022/lib/components/euim-card-list/euim-card-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +10 -7
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +27 -27
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.module.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.mjs +4 -6
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs +4 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs +5 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +7 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.module.mjs +5 -5
- package/esm2022/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-icon.directive.mjs +4 -6
- package/esm2022/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-subtitle.directive.mjs +4 -6
- package/esm2022/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-title.directive.mjs +4 -6
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +14 -5
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.mjs +5 -5
- package/esm2022/lib/components/euim-helper-text/euim-helper-text.component.mjs +5 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.mjs +4 -6
- package/esm2022/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.mjs +4 -6
- package/esm2022/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.mjs +4 -6
- package/esm2022/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.mjs +4 -6
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +7 -6
- package/esm2022/lib/components/euim-media-header/euim-media-header.module.mjs +5 -5
- package/esm2022/lib/components/euim-message/euim-message-title/euim-message-title.component.mjs +4 -6
- package/esm2022/lib/components/euim-message/euim-message.component.mjs +4 -3
- package/esm2022/lib/components/euim-message/euim-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.mjs +6 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +7 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.mjs +8 -5
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.mjs +6 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.mjs +8 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +11 -8
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +15 -7
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.module.mjs +6 -6
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +22 -10
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +4 -4
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +4 -6
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +4 -6
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +4 -6
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.component.mjs +4 -6
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +7 -8
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +14 -11
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs +5 -7
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs +4 -6
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs +4 -6
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs +4 -6
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +34 -27
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs +5 -5
- package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs +4 -6
- package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs +4 -6
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +4 -6
- package/esm2022/lib/components/euim-spinner/euim-spinner.module.mjs +5 -5
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs +12 -8
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +33 -10
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs +4 -4
- package/esm2022/lib/components/euim-toolbar-qrcode/euim-toolbar-qrcode.component.mjs +6 -6
- package/esm2022/lib/components/euim-toolbar-qrcode/euim-toolbar-qrcode.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-app/euim-app.component.mjs +6 -4
- package/esm2022/lib/components/layout/euim-app/euim-app.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.mjs +4 -6
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.mjs +4 -6
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.mjs +4 -6
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +5 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +41 -4
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +29 -11
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.module.mjs +6 -6
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +18 -11
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +11 -7
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.module.mjs +6 -6
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component.mjs +4 -6
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +4 -3
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +12 -10
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.module.mjs +5 -5
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.mjs +4 -6
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.mjs +4 -6
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.mjs +4 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.mjs +4 -6
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.component.mjs +4 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.module.mjs +5 -5
- package/esm2022/lib/euim-all.module.mjs +6 -6
- package/esm2022/lib/services/euim-app.service.mjs +4 -3
- package/fesm2022/eui-mobile-core.mjs +682 -615
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -30,6 +30,7 @@ const initialState = {
|
|
|
30
30
|
isLanguageListVisible: false,
|
|
31
31
|
};
|
|
32
32
|
class EuimAppService {
|
|
33
|
+
_state$;
|
|
33
34
|
constructor() {
|
|
34
35
|
this._state$ = new BehaviorSubject(initialState);
|
|
35
36
|
}
|
|
@@ -50,8 +51,8 @@ class EuimAppService {
|
|
|
50
51
|
...nextState,
|
|
51
52
|
});
|
|
52
53
|
}
|
|
53
|
-
static
|
|
54
|
-
static
|
|
54
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
55
|
+
/** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, providedIn: 'root' });
|
|
55
56
|
}
|
|
56
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, decorators: [{
|
|
57
58
|
type: Injectable,
|
|
@@ -59,31 +60,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
59
60
|
}], ctorParameters: () => [] });
|
|
60
61
|
|
|
61
62
|
class BaseStatesDirective {
|
|
62
|
-
constructor() {
|
|
63
|
-
// STATES
|
|
64
|
-
this.euimDisabled = false;
|
|
65
|
-
// POSITION
|
|
66
|
-
this.euimPositionTopEnd = false;
|
|
67
|
-
// TYPOGRAPHY
|
|
68
|
-
this.euimFontBold = false;
|
|
69
|
-
this.euimFontRegular = false;
|
|
70
|
-
this.euimFontBoldItalic = false;
|
|
71
|
-
this.euimFontItalic = false;
|
|
72
|
-
this.euimFontLight = false;
|
|
73
|
-
// SIZES
|
|
74
|
-
this.euimSize2XS = false;
|
|
75
|
-
this.euimSizeXS = false;
|
|
76
|
-
this.euimSizeS = false;
|
|
77
|
-
this.euimSizeM = false;
|
|
78
|
-
this.euimSizeL = false;
|
|
79
|
-
this.euimSizeXL = false;
|
|
80
|
-
this.euimSize2XL = false;
|
|
81
|
-
this.euimSize3XL = false;
|
|
82
|
-
this.euimSize4XL = false;
|
|
83
|
-
this.euimSize5XL = false;
|
|
84
|
-
this._euimSizeVariant = '';
|
|
85
|
-
this._color = '';
|
|
86
|
-
}
|
|
87
63
|
// COLORS
|
|
88
64
|
get color() {
|
|
89
65
|
return this._color;
|
|
@@ -91,6 +67,27 @@ class BaseStatesDirective {
|
|
|
91
67
|
set color(value) {
|
|
92
68
|
this._color = value;
|
|
93
69
|
}
|
|
70
|
+
// STATES
|
|
71
|
+
euimDisabled = false;
|
|
72
|
+
// POSITION
|
|
73
|
+
euimPositionTopEnd = false;
|
|
74
|
+
// TYPOGRAPHY
|
|
75
|
+
euimFontBold = false;
|
|
76
|
+
euimFontRegular = false;
|
|
77
|
+
euimFontBoldItalic = false;
|
|
78
|
+
euimFontItalic = false;
|
|
79
|
+
euimFontLight = false;
|
|
80
|
+
// SIZES
|
|
81
|
+
euimSize2XS = false;
|
|
82
|
+
euimSizeXS = false;
|
|
83
|
+
euimSizeS = false;
|
|
84
|
+
euimSizeM = false;
|
|
85
|
+
euimSizeL = false;
|
|
86
|
+
euimSizeXL = false;
|
|
87
|
+
euimSize2XL = false;
|
|
88
|
+
euimSize3XL = false;
|
|
89
|
+
euimSize4XL = false;
|
|
90
|
+
euimSize5XL = false;
|
|
94
91
|
get euimSizeVariant() {
|
|
95
92
|
return this._euimSizeVariant;
|
|
96
93
|
}
|
|
@@ -107,6 +104,8 @@ class BaseStatesDirective {
|
|
|
107
104
|
this.euimSize5XL = value === '5xl';
|
|
108
105
|
this._euimSizeVariant = value;
|
|
109
106
|
}
|
|
107
|
+
_euimSizeVariant = '';
|
|
108
|
+
_color = '';
|
|
110
109
|
getCssClasses(rootClass) {
|
|
111
110
|
return [
|
|
112
111
|
rootClass,
|
|
@@ -132,8 +131,8 @@ class BaseStatesDirective {
|
|
|
132
131
|
.join(' ')
|
|
133
132
|
.trim();
|
|
134
133
|
}
|
|
135
|
-
static
|
|
136
|
-
static
|
|
134
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
135
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 });
|
|
137
136
|
}
|
|
138
137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
139
138
|
type: Directive,
|
|
@@ -204,16 +203,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
204
203
|
}] } });
|
|
205
204
|
|
|
206
205
|
class EuimLabelComponent {
|
|
206
|
+
baseStatesDirective;
|
|
207
|
+
euimLabelTruncateWithLines;
|
|
208
|
+
euimLabelTitle = false;
|
|
209
|
+
euimLabelSubTitle = false;
|
|
210
|
+
euimLabelMeta = false;
|
|
211
|
+
euimLabelTruncate = false;
|
|
212
|
+
euimLabelTextWrap = false;
|
|
207
213
|
get cssClasses() {
|
|
208
214
|
return this.getCssClasses();
|
|
209
215
|
}
|
|
210
216
|
constructor(baseStatesDirective) {
|
|
211
217
|
this.baseStatesDirective = baseStatesDirective;
|
|
212
|
-
this.euimLabelTitle = false;
|
|
213
|
-
this.euimLabelSubTitle = false;
|
|
214
|
-
this.euimLabelMeta = false;
|
|
215
|
-
this.euimLabelTruncate = false;
|
|
216
|
-
this.euimLabelTextWrap = false;
|
|
217
218
|
}
|
|
218
219
|
getCssClasses() {
|
|
219
220
|
return [
|
|
@@ -226,8 +227,8 @@ class EuimLabelComponent {
|
|
|
226
227
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
227
228
|
].join(' ');
|
|
228
229
|
}
|
|
229
|
-
static
|
|
230
|
-
static
|
|
230
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
231
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLabelComponent, isStandalone: true, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.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-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-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-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-c-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
231
232
|
}
|
|
232
233
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
233
234
|
type: Component,
|
|
@@ -277,9 +278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
277
278
|
* @deprecated Use {@link EUIM_LABEL} instead.
|
|
278
279
|
*/
|
|
279
280
|
class EuimLabelModule {
|
|
280
|
-
static
|
|
281
|
-
static
|
|
282
|
-
static
|
|
281
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
282
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, imports: [EuimLabelComponent], exports: [EuimLabelComponent] });
|
|
283
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule });
|
|
283
284
|
}
|
|
284
285
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
285
286
|
type: NgModule,
|
|
@@ -294,6 +295,7 @@ const EUIM_LABEL = [
|
|
|
294
295
|
];
|
|
295
296
|
|
|
296
297
|
class EuimNotificationItemComponent {
|
|
298
|
+
baseStatesDirective;
|
|
297
299
|
get cssClasses() {
|
|
298
300
|
return this.getCssClasses();
|
|
299
301
|
}
|
|
@@ -305,8 +307,8 @@ class EuimNotificationItemComponent {
|
|
|
305
307
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
306
308
|
].join(' ');
|
|
307
309
|
}
|
|
308
|
-
static
|
|
309
|
-
static
|
|
310
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
311
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimNotificationItemComponent, isStandalone: true, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success-dark)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
310
312
|
}
|
|
311
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
312
314
|
type: Component,
|
|
@@ -327,9 +329,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
327
329
|
* @deprecated Use {@link EUIM_NOTIFICATION_ITEM} instead.
|
|
328
330
|
*/
|
|
329
331
|
class EuimNotificationItemModule {
|
|
330
|
-
static
|
|
331
|
-
static
|
|
332
|
-
static
|
|
332
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
333
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, imports: [EuimNotificationItemComponent], exports: [EuimNotificationItemComponent] });
|
|
334
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule });
|
|
333
335
|
}
|
|
334
336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
335
337
|
type: NgModule,
|
|
@@ -344,12 +346,13 @@ const EUIM_NOTIFICATION_ITEM = [
|
|
|
344
346
|
];
|
|
345
347
|
|
|
346
348
|
class EuimAppComponent {
|
|
349
|
+
asService;
|
|
350
|
+
ionMenuId = 'main';
|
|
347
351
|
constructor(asService) {
|
|
348
352
|
this.asService = asService;
|
|
349
|
-
this.ionMenuId = 'main';
|
|
350
353
|
}
|
|
351
|
-
static
|
|
352
|
-
static
|
|
354
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component });
|
|
355
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAppComponent, isStandalone: true, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, ngImport: i0, template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] });
|
|
353
356
|
}
|
|
354
357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
355
358
|
type: Component,
|
|
@@ -362,9 +365,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
362
365
|
* @deprecated Use {@link EUIM_APP} instead.
|
|
363
366
|
*/
|
|
364
367
|
class EuimAppModule {
|
|
365
|
-
static
|
|
366
|
-
static
|
|
367
|
-
static
|
|
368
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
369
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent], exports: [EuimAppComponent] });
|
|
370
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent] });
|
|
368
371
|
}
|
|
369
372
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
370
373
|
type: NgModule,
|
|
@@ -379,13 +382,11 @@ const EUIM_APP = [
|
|
|
379
382
|
];
|
|
380
383
|
|
|
381
384
|
class EuimAvatarComponent {
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
this.borderColor = 'default';
|
|
388
|
-
}
|
|
385
|
+
color = 'default';
|
|
386
|
+
size = 'default';
|
|
387
|
+
fill = 'default';
|
|
388
|
+
variant = 'default';
|
|
389
|
+
borderColor = 'default';
|
|
389
390
|
get cssClasses() {
|
|
390
391
|
return this.getCssClasses();
|
|
391
392
|
}
|
|
@@ -399,8 +400,8 @@ class EuimAvatarComponent {
|
|
|
399
400
|
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
400
401
|
].join(' ');
|
|
401
402
|
}
|
|
402
|
-
static
|
|
403
|
-
static
|
|
403
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
404
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarComponent, isStandalone: true, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral-bg);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-neutral-contrast)}.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-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral)}.euim-avatar--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-contrast)}.euim-avatar--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.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-dark)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger-dark)}.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-dark)}.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-dark)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.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-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.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-compact)}.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-compact)}.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:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.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-compact)}.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-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.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-bg);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-contrast)}.euim-avatar-icon-sub--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-neutral-min);color:var(--eui-c-branding-contrast)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-neutral-min);color:var(--eui-c-primary-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-neutral-min);color:var(--eui-c-info-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-success-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-neutral-min);color:var(--eui-c-warning-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-danger-contrast)}.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-dark)}.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-dark)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-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)}.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-compact)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
404
405
|
}
|
|
405
406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
406
407
|
type: Component,
|
|
@@ -421,11 +422,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
421
422
|
}] } });
|
|
422
423
|
|
|
423
424
|
class EuimAvatarIconComponent {
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
}
|
|
427
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
428
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
425
|
+
string = 'euim-avatar-icon';
|
|
426
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
427
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
429
428
|
}
|
|
430
429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
431
430
|
type: Component,
|
|
@@ -436,13 +435,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
436
435
|
}] } });
|
|
437
436
|
|
|
438
437
|
class EuimAvatarIconSubComponent {
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
this.borderColor = 'default';
|
|
445
|
-
}
|
|
438
|
+
color = 'default';
|
|
439
|
+
size = 'default';
|
|
440
|
+
fill = 'default';
|
|
441
|
+
variant = 'default';
|
|
442
|
+
borderColor = 'default';
|
|
446
443
|
get cssClasses() {
|
|
447
444
|
return this.getCssClasses();
|
|
448
445
|
}
|
|
@@ -456,8 +453,8 @@ class EuimAvatarIconSubComponent {
|
|
|
456
453
|
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
457
454
|
].join(' ');
|
|
458
455
|
}
|
|
459
|
-
static
|
|
460
|
-
static
|
|
456
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
457
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarIconSubComponent, isStandalone: true, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
461
458
|
}
|
|
462
459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
463
460
|
type: Component,
|
|
@@ -478,9 +475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
478
475
|
}] } });
|
|
479
476
|
|
|
480
477
|
class EuimAvatarTextComponent {
|
|
481
|
-
|
|
482
|
-
this.color = 'default';
|
|
483
|
-
}
|
|
478
|
+
color = 'default';
|
|
484
479
|
get cssClasses() {
|
|
485
480
|
return this.getCssClasses();
|
|
486
481
|
}
|
|
@@ -490,8 +485,8 @@ class EuimAvatarTextComponent {
|
|
|
490
485
|
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
491
486
|
].join(' ');
|
|
492
487
|
}
|
|
493
|
-
static
|
|
494
|
-
static
|
|
488
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
489
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
495
490
|
}
|
|
496
491
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
497
492
|
type: Component,
|
|
@@ -504,11 +499,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
504
499
|
}] } });
|
|
505
500
|
|
|
506
501
|
class EuimAvatarImageComponent {
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
}
|
|
510
|
-
static
|
|
511
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAvatarImageComponent, isStandalone: true, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }); }
|
|
502
|
+
string = 'euim-avatar-image';
|
|
503
|
+
imageUrl;
|
|
504
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
505
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAvatarImageComponent, isStandalone: true, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" });
|
|
512
506
|
}
|
|
513
507
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
514
508
|
type: Component,
|
|
@@ -521,17 +515,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
521
515
|
}] } });
|
|
522
516
|
|
|
523
517
|
class EuimAvatarBadgeComponent {
|
|
524
|
-
constructor() {
|
|
525
|
-
this.position = 'default';
|
|
526
|
-
}
|
|
527
518
|
get cssClasses() {
|
|
528
519
|
return [
|
|
529
520
|
'euim-avatar-badge',
|
|
530
521
|
`euim-avatar-badge--position-${this.position}`,
|
|
531
522
|
].join(' ').trim();
|
|
532
523
|
}
|
|
533
|
-
|
|
534
|
-
static
|
|
524
|
+
position = 'default';
|
|
525
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
526
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
535
527
|
}
|
|
536
528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
537
529
|
type: Component,
|
|
@@ -547,8 +539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
547
539
|
* @deprecated Use {@link EUIM_AVATAR} instead.
|
|
548
540
|
*/
|
|
549
541
|
class EuimAvatarModule {
|
|
550
|
-
static
|
|
551
|
-
static
|
|
542
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
543
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, imports: [EuimAvatarComponent,
|
|
552
544
|
EuimAvatarIconComponent,
|
|
553
545
|
EuimAvatarIconSubComponent,
|
|
554
546
|
EuimAvatarTextComponent,
|
|
@@ -558,8 +550,8 @@ class EuimAvatarModule {
|
|
|
558
550
|
EuimAvatarIconSubComponent,
|
|
559
551
|
EuimAvatarTextComponent,
|
|
560
552
|
EuimAvatarImageComponent,
|
|
561
|
-
EuimAvatarBadgeComponent] });
|
|
562
|
-
static
|
|
553
|
+
EuimAvatarBadgeComponent] });
|
|
554
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule });
|
|
563
555
|
}
|
|
564
556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
565
557
|
type: NgModule,
|
|
@@ -593,11 +585,9 @@ const EUIM_AVATAR = [
|
|
|
593
585
|
];
|
|
594
586
|
|
|
595
587
|
class EuimEmptyListPlaceholderTitleDirective {
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
}
|
|
599
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
600
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderTitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
588
|
+
className = 'euim-empty-list-placeholder__message';
|
|
589
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
590
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderTitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
601
591
|
}
|
|
602
592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, decorators: [{
|
|
603
593
|
type: Directive,
|
|
@@ -611,11 +601,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
611
601
|
}] } });
|
|
612
602
|
|
|
613
603
|
class EuimEmptyListPlaceholderSubtitleDirective {
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
}
|
|
617
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
618
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderSubtitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderSubtitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
604
|
+
className = 'euim-empty-list-placeholder__description';
|
|
605
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
606
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderSubtitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderSubtitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
619
607
|
}
|
|
620
608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, decorators: [{
|
|
621
609
|
type: Directive,
|
|
@@ -629,11 +617,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
629
617
|
}] } });
|
|
630
618
|
|
|
631
619
|
class EuimEmptyListPlaceholderIconDirective {
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
}
|
|
635
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
636
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderIconDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
620
|
+
className = 'euim-empty-list-placeholder__icon';
|
|
621
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
622
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderIconDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
637
623
|
}
|
|
638
624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, decorators: [{
|
|
639
625
|
type: Directive,
|
|
@@ -647,12 +633,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
647
633
|
}] } });
|
|
648
634
|
|
|
649
635
|
class EuimEmptyListPlaceholderComponent {
|
|
636
|
+
cdr;
|
|
637
|
+
message;
|
|
638
|
+
icon;
|
|
639
|
+
description;
|
|
640
|
+
button;
|
|
641
|
+
euimMarginTopLarge;
|
|
642
|
+
euimMarginTopSmall;
|
|
643
|
+
euimMarginBottomSmall;
|
|
650
644
|
get cssClasses() {
|
|
651
645
|
return this.getCssClasses();
|
|
652
646
|
}
|
|
647
|
+
contentWrapper;
|
|
648
|
+
isEmptyContent = true;
|
|
653
649
|
constructor(cdr) {
|
|
654
650
|
this.cdr = cdr;
|
|
655
|
-
this.isEmptyContent = true;
|
|
656
651
|
}
|
|
657
652
|
ngAfterViewInit() {
|
|
658
653
|
this.isEmptyContent = this.contentWrapper.nativeElement.textContent.trim().length === 0;
|
|
@@ -666,8 +661,8 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
666
661
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
667
662
|
].join(' ');
|
|
668
663
|
}
|
|
669
|
-
static
|
|
670
|
-
static
|
|
664
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
665
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderComponent, isStandalone: true, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n <ion-icon name=\"search\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<div #contentWrapper>\n <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.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-neutral-light);width:var(--eui-is-l);height:var(--eui-is-l)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
671
666
|
}
|
|
672
667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
673
668
|
type: Component,
|
|
@@ -701,15 +696,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
701
696
|
* @deprecated Use {@link EUIM_EMPTY_LIST_PLACEHOLDER} instead.
|
|
702
697
|
*/
|
|
703
698
|
class EuimEmptyListPlaceholderModule {
|
|
704
|
-
static
|
|
705
|
-
static
|
|
699
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
700
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent,
|
|
706
701
|
EuimEmptyListPlaceholderTitleDirective,
|
|
707
702
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
708
703
|
EuimEmptyListPlaceholderIconDirective], exports: [EuimEmptyListPlaceholderComponent,
|
|
709
704
|
EuimEmptyListPlaceholderTitleDirective,
|
|
710
705
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
711
|
-
EuimEmptyListPlaceholderIconDirective] });
|
|
712
|
-
static
|
|
706
|
+
EuimEmptyListPlaceholderIconDirective] });
|
|
707
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent] });
|
|
713
708
|
}
|
|
714
709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
715
710
|
type: NgModule,
|
|
@@ -737,6 +732,41 @@ const EUIM_EMPTY_LIST_PLACEHOLDER = [
|
|
|
737
732
|
];
|
|
738
733
|
|
|
739
734
|
class EuimLanguageListComponent {
|
|
735
|
+
appShellService;
|
|
736
|
+
appService;
|
|
737
|
+
modalCtrl;
|
|
738
|
+
i18nService;
|
|
739
|
+
/**
|
|
740
|
+
* @deprecated will be removed in eUI Mobile v19.
|
|
741
|
+
*/
|
|
742
|
+
name;
|
|
743
|
+
/**
|
|
744
|
+
* @deprecated will be removed in eUI Mobile v19. Use nonEULanguageList[0] instead.
|
|
745
|
+
*/
|
|
746
|
+
firstElementFromNonEUList;
|
|
747
|
+
/**
|
|
748
|
+
* @deprecated will be removed in eUI Mobile v19. Use euLanguageList[0] instead.
|
|
749
|
+
*/
|
|
750
|
+
firstElementFromEUList;
|
|
751
|
+
/**
|
|
752
|
+
* @deprecated will be removed in eUI Mobile v19. Use isLastElementOfArray() function instead.
|
|
753
|
+
*/
|
|
754
|
+
lastElementFromEUList;
|
|
755
|
+
languages;
|
|
756
|
+
selectedLanguage;
|
|
757
|
+
euLanguageList;
|
|
758
|
+
nonEULanguageList;
|
|
759
|
+
/**
|
|
760
|
+
* @deprecated
|
|
761
|
+
* will become private in eUI Mobile v19.
|
|
762
|
+
*/
|
|
763
|
+
languagesSortedByEUAndNonEU;
|
|
764
|
+
results;
|
|
765
|
+
/**
|
|
766
|
+
* @deprecated will be removed in eUI Mobile v19.
|
|
767
|
+
*/
|
|
768
|
+
isKeyboardShown;
|
|
769
|
+
hasSearchbar;
|
|
740
770
|
constructor(
|
|
741
771
|
/**
|
|
742
772
|
* @deprecated will be removed in eUI Mobile v19.
|
|
@@ -782,8 +812,8 @@ class EuimLanguageListComponent {
|
|
|
782
812
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
783
813
|
});
|
|
784
814
|
}
|
|
785
|
-
static
|
|
786
|
-
static
|
|
815
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
|
|
816
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n", dependencies: [{ kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
787
817
|
}
|
|
788
818
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
789
819
|
type: Component,
|
|
@@ -791,6 +821,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
791
821
|
}], ctorParameters: () => [{ type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1.ModalController }, { type: i1$1.I18nService }] });
|
|
792
822
|
|
|
793
823
|
class EuimLanguageSelectorComponent {
|
|
824
|
+
cd;
|
|
825
|
+
appShellService;
|
|
826
|
+
appService;
|
|
827
|
+
i18nService;
|
|
828
|
+
modalCtrl;
|
|
829
|
+
baseStatesDirective;
|
|
830
|
+
baseGlobalConfig;
|
|
831
|
+
hasSearchbar = true;
|
|
832
|
+
/**
|
|
833
|
+
* @deprecated will be removed in eUI Mobile v20. _euimBranding instead.
|
|
834
|
+
*/
|
|
835
|
+
_euimPrimary;
|
|
836
|
+
_euimBranding;
|
|
837
|
+
/**
|
|
838
|
+
* @deprecated
|
|
839
|
+
* will become private in eUI Mobile v19.
|
|
840
|
+
*/
|
|
841
|
+
languages;
|
|
842
|
+
config;
|
|
843
|
+
selectedLanguage;
|
|
844
|
+
destroy$ = new Subject();
|
|
794
845
|
constructor(cd,
|
|
795
846
|
/**
|
|
796
847
|
* @deprecated will be removed in eUI Mobile v19.
|
|
@@ -807,14 +858,9 @@ class EuimLanguageSelectorComponent {
|
|
|
807
858
|
this.modalCtrl = modalCtrl;
|
|
808
859
|
this.baseStatesDirective = baseStatesDirective;
|
|
809
860
|
this.baseGlobalConfig = baseGlobalConfig;
|
|
810
|
-
this.
|
|
811
|
-
/**
|
|
812
|
-
* @deprecated will be removed in eUI Mobile v20. _euimBranding instead.
|
|
813
|
-
*/
|
|
861
|
+
this.config = getI18nServiceConfig(this.baseGlobalConfig.i18n.i18nService);
|
|
814
862
|
this._euimPrimary = this.baseStatesDirective.color === 'primary';
|
|
815
863
|
this._euimBranding = this.baseStatesDirective.color === 'branding';
|
|
816
|
-
this.destroy$ = new Subject();
|
|
817
|
-
this.config = getI18nServiceConfig(this.baseGlobalConfig.i18n.i18nService);
|
|
818
864
|
}
|
|
819
865
|
get cssClasses() {
|
|
820
866
|
return this.baseStatesDirective.getCssClasses('euim-language-selector');
|
|
@@ -859,8 +905,8 @@ class EuimLanguageSelectorComponent {
|
|
|
859
905
|
}
|
|
860
906
|
return null;
|
|
861
907
|
}
|
|
862
|
-
static
|
|
863
|
-
static
|
|
908
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
909
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding || _euimPrimary ? 'euim-language-selector__icon--branding' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimBranding || _euimPrimary ? 'euim-language-selector__text--branding' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold-compact);margin-bottom:var(--eui-s-2xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding,.euim-language-selector__icon{color:var(--eui-c-branding-contrast)}.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 });
|
|
864
910
|
}
|
|
865
911
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
866
912
|
type: Component,
|
|
@@ -891,11 +937,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
891
937
|
* @deprecated Use {@link EUIM_LANGUAGE_SELECTOR} instead.
|
|
892
938
|
*/
|
|
893
939
|
class EuimLanguageSelectorModule {
|
|
894
|
-
static
|
|
895
|
-
static
|
|
896
|
-
EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] });
|
|
897
|
-
static
|
|
898
|
-
EuimLanguageListComponent] });
|
|
940
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
941
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
942
|
+
EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] });
|
|
943
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
944
|
+
EuimLanguageListComponent] });
|
|
899
945
|
}
|
|
900
946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
901
947
|
type: NgModule,
|
|
@@ -914,6 +960,7 @@ const EUIM_LANGUAGE_SELECTOR = [
|
|
|
914
960
|
];
|
|
915
961
|
|
|
916
962
|
class EuimUserProfileComponent {
|
|
963
|
+
color;
|
|
917
964
|
get cssClasses() {
|
|
918
965
|
return this.getCssClasses();
|
|
919
966
|
}
|
|
@@ -923,8 +970,8 @@ class EuimUserProfileComponent {
|
|
|
923
970
|
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
924
971
|
].join(' ').trim();
|
|
925
972
|
}
|
|
926
|
-
static
|
|
927
|
-
static
|
|
973
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
974
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimUserProfileComponent, isStandalone: true, selector: "euim-user-profile", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-c-neutral-bg-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]{color:var(--eui-c-neutral-light)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-neutral)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-contrast)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
928
975
|
}
|
|
929
976
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
930
977
|
type: Component,
|
|
@@ -937,11 +984,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
937
984
|
}] } });
|
|
938
985
|
|
|
939
986
|
class EuiMUserProfileAvatarComponent {
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
}
|
|
943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
944
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
987
|
+
class = 'euim-user-profile-avatar';
|
|
988
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
945
990
|
}
|
|
946
991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
947
992
|
type: Component,
|
|
@@ -951,6 +996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
951
996
|
}] } });
|
|
952
997
|
|
|
953
998
|
class EuiMUserProfileInfosComponent {
|
|
999
|
+
color;
|
|
954
1000
|
get cssClasses() {
|
|
955
1001
|
return this.getCssClasses();
|
|
956
1002
|
}
|
|
@@ -960,8 +1006,8 @@ class EuiMUserProfileInfosComponent {
|
|
|
960
1006
|
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
961
1007
|
].join(' ').trim();
|
|
962
1008
|
}
|
|
963
|
-
static
|
|
964
|
-
static
|
|
1009
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1010
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
965
1011
|
}
|
|
966
1012
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
967
1013
|
type: Component,
|
|
@@ -974,11 +1020,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
974
1020
|
}] } });
|
|
975
1021
|
|
|
976
1022
|
class EuiMUserProfileInfosItemComponent {
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
}
|
|
980
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
981
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1023
|
+
class = 'euim-user-profile-infos-item';
|
|
1024
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1025
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
982
1026
|
}
|
|
983
1027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
984
1028
|
type: Component,
|
|
@@ -988,11 +1032,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
988
1032
|
}] } });
|
|
989
1033
|
|
|
990
1034
|
class EuiMUserProfileActionComponent {
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
}
|
|
994
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
995
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileActionComponent, isStandalone: true, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1035
|
+
className = 'euim-user-profile-action';
|
|
1036
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1037
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileActionComponent, isStandalone: true, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
996
1038
|
}
|
|
997
1039
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
998
1040
|
type: Component,
|
|
@@ -1005,8 +1047,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1005
1047
|
* @deprecated Use {@link EUIM_USER_PROFILE} instead.
|
|
1006
1048
|
*/
|
|
1007
1049
|
class EuimUserProfileModule {
|
|
1008
|
-
static
|
|
1009
|
-
static
|
|
1050
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1051
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, imports: [EuimUserProfileComponent,
|
|
1010
1052
|
EuiMUserProfileAvatarComponent,
|
|
1011
1053
|
EuiMUserProfileInfosComponent,
|
|
1012
1054
|
EuiMUserProfileInfosItemComponent,
|
|
@@ -1014,8 +1056,8 @@ class EuimUserProfileModule {
|
|
|
1014
1056
|
EuiMUserProfileAvatarComponent,
|
|
1015
1057
|
EuiMUserProfileInfosComponent,
|
|
1016
1058
|
EuiMUserProfileInfosItemComponent,
|
|
1017
|
-
EuiMUserProfileActionComponent] });
|
|
1018
|
-
static
|
|
1059
|
+
EuiMUserProfileActionComponent] });
|
|
1060
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, imports: [EuiMUserProfileActionComponent] });
|
|
1019
1061
|
}
|
|
1020
1062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, decorators: [{
|
|
1021
1063
|
type: NgModule,
|
|
@@ -1047,15 +1089,16 @@ const EUIM_USER_PROFILE = [
|
|
|
1047
1089
|
];
|
|
1048
1090
|
|
|
1049
1091
|
class EuimToolbarComponent {
|
|
1092
|
+
navCtrl;
|
|
1093
|
+
hasBackButton = true;
|
|
1094
|
+
backButtonDefaultHref = '';
|
|
1095
|
+
ionMenuId = 'main';
|
|
1096
|
+
hasSidebarTrigger = false;
|
|
1097
|
+
hasLanguageSelector = false;
|
|
1098
|
+
backButtonClick = new EventEmitter();
|
|
1099
|
+
className = 'euim-toolbar';
|
|
1050
1100
|
constructor(navCtrl) {
|
|
1051
1101
|
this.navCtrl = navCtrl;
|
|
1052
|
-
this.hasBackButton = true;
|
|
1053
|
-
this.backButtonDefaultHref = '';
|
|
1054
|
-
this.ionMenuId = 'main';
|
|
1055
|
-
this.hasSidebarTrigger = false;
|
|
1056
|
-
this.hasLanguageSelector = false;
|
|
1057
|
-
this.backButtonClick = new EventEmitter();
|
|
1058
|
-
this.className = 'euim-toolbar';
|
|
1059
1102
|
}
|
|
1060
1103
|
ngOnInit() {
|
|
1061
1104
|
if (this.hasSidebarTrigger) {
|
|
@@ -1071,8 +1114,8 @@ class EuimToolbarComponent {
|
|
|
1071
1114
|
this.navCtrl.navigateBack('/');
|
|
1072
1115
|
}
|
|
1073
1116
|
}
|
|
1074
|
-
static
|
|
1075
|
-
static
|
|
1117
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
|
|
1118
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, isStandalone: true, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n <ion-back-button (click)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EuimLanguageSelectorModule }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1076
1119
|
}
|
|
1077
1120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
1078
1121
|
type: Component,
|
|
@@ -1102,6 +1145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1102
1145
|
}] } });
|
|
1103
1146
|
|
|
1104
1147
|
class EuimToolbarTitleComponent {
|
|
1148
|
+
baseStatesDirective;
|
|
1105
1149
|
get cssClasses() {
|
|
1106
1150
|
return this.getCssClasses();
|
|
1107
1151
|
}
|
|
@@ -1113,8 +1157,8 @@ class EuimToolbarTitleComponent {
|
|
|
1113
1157
|
this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
|
|
1114
1158
|
].join(' ');
|
|
1115
1159
|
}
|
|
1116
|
-
static
|
|
1117
|
-
static
|
|
1160
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1161
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1118
1162
|
}
|
|
1119
1163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
1120
1164
|
type: Component,
|
|
@@ -1129,11 +1173,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1129
1173
|
}] } });
|
|
1130
1174
|
|
|
1131
1175
|
class EuimToolbarActionItemsComponent {
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
}
|
|
1135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1136
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1176
|
+
className = 'euim-toolbar-action-items';
|
|
1177
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1178
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1137
1179
|
}
|
|
1138
1180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
1139
1181
|
type: Component,
|
|
@@ -1146,11 +1188,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1146
1188
|
* @deprecated Use {@link EUIM_TOOLBAR} instead.
|
|
1147
1189
|
*/
|
|
1148
1190
|
class EuimToolbarComponentModule {
|
|
1149
|
-
static
|
|
1150
|
-
static
|
|
1191
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1192
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent,
|
|
1151
1193
|
EuimToolbarTitleComponent,
|
|
1152
|
-
EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] });
|
|
1153
|
-
static
|
|
1194
|
+
EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] });
|
|
1195
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent] });
|
|
1154
1196
|
}
|
|
1155
1197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
1156
1198
|
type: NgModule,
|
|
@@ -1171,19 +1213,24 @@ const EUIM_TOOLBAR = [
|
|
|
1171
1213
|
];
|
|
1172
1214
|
|
|
1173
1215
|
class EuimSidebarContentComponent {
|
|
1216
|
+
i18nService;
|
|
1217
|
+
asService;
|
|
1218
|
+
menuCtrl;
|
|
1219
|
+
navCtrl;
|
|
1220
|
+
className = 'euim-sidebar-content';
|
|
1221
|
+
sidebarItems = [];
|
|
1222
|
+
ionMenuId = 'main';
|
|
1223
|
+
hasSearchbar = false;
|
|
1224
|
+
isSearchbarSticky = false;
|
|
1225
|
+
sidebarItemsFilter = new EventEmitter();
|
|
1226
|
+
searchbar;
|
|
1227
|
+
filteredItems = [];
|
|
1228
|
+
query = '';
|
|
1174
1229
|
constructor(i18nService, asService, menuCtrl, navCtrl) {
|
|
1175
1230
|
this.i18nService = i18nService;
|
|
1176
1231
|
this.asService = asService;
|
|
1177
1232
|
this.menuCtrl = menuCtrl;
|
|
1178
1233
|
this.navCtrl = navCtrl;
|
|
1179
|
-
this.className = 'euim-sidebar-content';
|
|
1180
|
-
this.sidebarItems = [];
|
|
1181
|
-
this.ionMenuId = 'main';
|
|
1182
|
-
this.hasSearchbar = false;
|
|
1183
|
-
this.isSearchbarSticky = false;
|
|
1184
|
-
this.sidebarItemsFilter = new EventEmitter();
|
|
1185
|
-
this.filteredItems = [];
|
|
1186
|
-
this.query = '';
|
|
1187
1234
|
i18nService.init().subscribe();
|
|
1188
1235
|
}
|
|
1189
1236
|
ngOnInit() {
|
|
@@ -1225,8 +1272,8 @@ class EuimSidebarContentComponent {
|
|
|
1225
1272
|
return labelMatch || typeMatch;
|
|
1226
1273
|
});
|
|
1227
1274
|
}
|
|
1228
|
-
static
|
|
1229
|
-
static
|
|
1275
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1$1.I18nService }, { token: i1$1.EuiAppShellService }, { token: i1.MenuController }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
|
|
1276
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, isStandalone: true, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1230
1277
|
}
|
|
1231
1278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1232
1279
|
type: Component,
|
|
@@ -1251,12 +1298,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1251
1298
|
}] } });
|
|
1252
1299
|
|
|
1253
1300
|
class EuimSidebarComponent {
|
|
1301
|
+
router;
|
|
1302
|
+
menuCtrl;
|
|
1303
|
+
sidebarContent;
|
|
1304
|
+
className = 'euim-sidebar';
|
|
1305
|
+
ionMenuId = 'main';
|
|
1306
|
+
routerPath = 'home';
|
|
1254
1307
|
constructor(router, menuCtrl) {
|
|
1255
1308
|
this.router = router;
|
|
1256
1309
|
this.menuCtrl = menuCtrl;
|
|
1257
|
-
this.className = 'euim-sidebar';
|
|
1258
|
-
this.ionMenuId = 'main';
|
|
1259
|
-
this.routerPath = 'home';
|
|
1260
1310
|
}
|
|
1261
1311
|
ngOnInit() {
|
|
1262
1312
|
this.router.events.subscribe(event => {
|
|
@@ -1282,8 +1332,8 @@ class EuimSidebarComponent {
|
|
|
1282
1332
|
this.sidebarContent.ionMenuId = this.ionMenuId;
|
|
1283
1333
|
}
|
|
1284
1334
|
}
|
|
1285
|
-
static
|
|
1286
|
-
static
|
|
1335
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component });
|
|
1336
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1287
1337
|
}
|
|
1288
1338
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1289
1339
|
type: Component,
|
|
@@ -1307,11 +1357,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1307
1357
|
* @deprecated Use {@link EUIM_SIDEBAR} instead.
|
|
1308
1358
|
*/
|
|
1309
1359
|
class EuimSidebarModule {
|
|
1310
|
-
static
|
|
1311
|
-
static
|
|
1312
|
-
EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] });
|
|
1313
|
-
static
|
|
1314
|
-
EuimSidebarContentComponent] });
|
|
1360
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1361
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1362
|
+
EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] });
|
|
1363
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1364
|
+
EuimSidebarContentComponent] });
|
|
1315
1365
|
}
|
|
1316
1366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1317
1367
|
type: NgModule,
|
|
@@ -1330,12 +1380,13 @@ const EUIM_SIDEBAR = [
|
|
|
1330
1380
|
];
|
|
1331
1381
|
|
|
1332
1382
|
class EuimHeaderDetailsComponent {
|
|
1383
|
+
baseStatesDirective;
|
|
1384
|
+
hasBorderBottom = true;
|
|
1333
1385
|
get cssClasses() {
|
|
1334
1386
|
return this.getCssClasses();
|
|
1335
1387
|
}
|
|
1336
1388
|
constructor(baseStatesDirective) {
|
|
1337
1389
|
this.baseStatesDirective = baseStatesDirective;
|
|
1338
|
-
this.hasBorderBottom = true;
|
|
1339
1390
|
}
|
|
1340
1391
|
getCssClasses() {
|
|
1341
1392
|
return [
|
|
@@ -1343,8 +1394,8 @@ class EuimHeaderDetailsComponent {
|
|
|
1343
1394
|
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1344
1395
|
].join(' ');
|
|
1345
1396
|
}
|
|
1346
|
-
static
|
|
1347
|
-
static
|
|
1397
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1398
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimHeaderDetailsComponent, isStandalone: true, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-header-details__meta{color:var(--eui-c-neutral-light);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1348
1399
|
}
|
|
1349
1400
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1350
1401
|
type: Component,
|
|
@@ -1365,11 +1416,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1365
1416
|
}] } });
|
|
1366
1417
|
|
|
1367
1418
|
class EuimHeaderDetailsMetaDirective {
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
}
|
|
1371
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1372
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsMetaDirective, isStandalone: true, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1419
|
+
className = 'euim-header-details__meta';
|
|
1420
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1421
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsMetaDirective, isStandalone: true, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1373
1422
|
}
|
|
1374
1423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1375
1424
|
type: Directive,
|
|
@@ -1383,11 +1432,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1383
1432
|
}] } });
|
|
1384
1433
|
|
|
1385
1434
|
class EuimHeaderDetailsTitleDirective {
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
}
|
|
1389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1390
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsTitleDirective, isStandalone: true, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1435
|
+
className = 'euim-header-details__title';
|
|
1436
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1437
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsTitleDirective, isStandalone: true, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1391
1438
|
}
|
|
1392
1439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1393
1440
|
type: Directive,
|
|
@@ -1401,11 +1448,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1401
1448
|
}] } });
|
|
1402
1449
|
|
|
1403
1450
|
class EuimHeaderDetailsIconDirective {
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
}
|
|
1407
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1408
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsIconDirective, isStandalone: true, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1451
|
+
className = 'euim-header-details__icon';
|
|
1452
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1453
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsIconDirective, isStandalone: true, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1409
1454
|
}
|
|
1410
1455
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1411
1456
|
type: Directive,
|
|
@@ -1422,9 +1467,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1422
1467
|
* @deprecated Use {@link EUIM_HEADER_DETAILS} instead.
|
|
1423
1468
|
*/
|
|
1424
1469
|
class EuimHeaderDetailsModule {
|
|
1425
|
-
static
|
|
1426
|
-
static
|
|
1427
|
-
static
|
|
1470
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1471
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective], exports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective] });
|
|
1472
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule });
|
|
1428
1473
|
}
|
|
1429
1474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1430
1475
|
type: NgModule,
|
|
@@ -1442,6 +1487,7 @@ const EUIM_HEADER_DETAILS = [
|
|
|
1442
1487
|
];
|
|
1443
1488
|
|
|
1444
1489
|
class EuimBadgeComponent {
|
|
1490
|
+
baseStatesDirective;
|
|
1445
1491
|
get cssClasses() {
|
|
1446
1492
|
return this.getCssClasses();
|
|
1447
1493
|
}
|
|
@@ -1453,8 +1499,8 @@ class EuimBadgeComponent {
|
|
|
1453
1499
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1454
1500
|
].join(' ').trim();
|
|
1455
1501
|
}
|
|
1456
|
-
static
|
|
1457
|
-
static
|
|
1502
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1503
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);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)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success-dark)}.euim-badge--warning{background:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-badge--danger{background:var(--eui-c-danger-dark)}.euim-badge--white{background:var(--eui-c-neutral-min);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1458
1504
|
}
|
|
1459
1505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1460
1506
|
type: Component,
|
|
@@ -1480,9 +1526,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1480
1526
|
* @deprecated Use {@link EUIM_BADGE} instead.
|
|
1481
1527
|
*/
|
|
1482
1528
|
class EuimBadgeModule {
|
|
1483
|
-
static
|
|
1484
|
-
static
|
|
1485
|
-
static
|
|
1529
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1530
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, imports: [EuimBadgeComponent], exports: [EuimBadgeComponent] });
|
|
1531
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule });
|
|
1486
1532
|
}
|
|
1487
1533
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1488
1534
|
type: NgModule,
|
|
@@ -1500,6 +1546,7 @@ const EUIM_BADGE = [
|
|
|
1500
1546
|
* @deprecated It will be removed on v20 release. Use {@link EuimAlertMessageComponent} instead.
|
|
1501
1547
|
*/
|
|
1502
1548
|
class EuimMessageComponent {
|
|
1549
|
+
baseStatesDirective;
|
|
1503
1550
|
get icon() {
|
|
1504
1551
|
switch (this.baseStatesDirective.color) {
|
|
1505
1552
|
case 'warning':
|
|
@@ -1527,8 +1574,8 @@ class EuimMessageComponent {
|
|
|
1527
1574
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1528
1575
|
].join(' ');
|
|
1529
1576
|
}
|
|
1530
|
-
static
|
|
1531
|
-
static
|
|
1577
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1578
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageComponent, isStandalone: true, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;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-dark)}.euim-message--danger ion-icon{color:var(--eui-c-danger-dark)}.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-dark)}.euim-message--success ion-icon{color:var(--eui-c-success-dark)}.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-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1532
1579
|
}
|
|
1533
1580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1534
1581
|
type: Component,
|
|
@@ -1546,11 +1593,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1546
1593
|
}] } });
|
|
1547
1594
|
|
|
1548
1595
|
class EuimMessageTitleComponent {
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
}
|
|
1552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1553
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1596
|
+
className = 'euim-message-title';
|
|
1597
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1598
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1554
1599
|
}
|
|
1555
1600
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1556
1601
|
type: Component,
|
|
@@ -1563,9 +1608,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1563
1608
|
* @deprecated Use {@link EUIM_MESSAGE} instead.
|
|
1564
1609
|
*/
|
|
1565
1610
|
class EuimMessageModule {
|
|
1566
|
-
static
|
|
1567
|
-
static
|
|
1568
|
-
static
|
|
1611
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1612
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent, EuimMessageTitleComponent], exports: [EuimMessageComponent, EuimMessageTitleComponent] });
|
|
1613
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent] });
|
|
1569
1614
|
}
|
|
1570
1615
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1571
1616
|
type: NgModule,
|
|
@@ -1581,9 +1626,7 @@ const EUIM_MESSAGE = [
|
|
|
1581
1626
|
];
|
|
1582
1627
|
|
|
1583
1628
|
class EuimSpinnerComponent {
|
|
1584
|
-
|
|
1585
|
-
this.variant = 'default';
|
|
1586
|
-
}
|
|
1629
|
+
variant = 'default';
|
|
1587
1630
|
get cssClasses() {
|
|
1588
1631
|
return this.getCssClasses();
|
|
1589
1632
|
}
|
|
@@ -1593,8 +1636,8 @@ class EuimSpinnerComponent {
|
|
|
1593
1636
|
this.variant ? `euim-spinner--variant-${this.variant}` : '',
|
|
1594
1637
|
].join(' ');
|
|
1595
1638
|
}
|
|
1596
|
-
static
|
|
1597
|
-
static
|
|
1639
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1640
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, isStandalone: true, selector: "euim-spinner", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;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--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-neutral-min)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-neutral-min)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
1598
1641
|
}
|
|
1599
1642
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1600
1643
|
type: Component,
|
|
@@ -1611,11 +1654,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1611
1654
|
|
|
1612
1655
|
/* eslint-disable @angular-eslint/component-selector */
|
|
1613
1656
|
class EuimSpinnerMessageComponent {
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
}
|
|
1617
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1618
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1657
|
+
className = 'euim-spinner-message';
|
|
1658
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1659
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1619
1660
|
}
|
|
1620
1661
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1621
1662
|
type: Component,
|
|
@@ -1627,11 +1668,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1627
1668
|
|
|
1628
1669
|
/* eslint-disable @angular-eslint/component-selector */
|
|
1629
1670
|
class EuimSpinnerDescriptionComponent {
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
}
|
|
1633
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1634
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1671
|
+
className = 'euim-spinner-description';
|
|
1672
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1673
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1635
1674
|
}
|
|
1636
1675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1637
1676
|
type: Component,
|
|
@@ -1645,13 +1684,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1645
1684
|
* @deprecated Use {@link EUIM_SPINNER} instead.
|
|
1646
1685
|
*/
|
|
1647
1686
|
class EuimSpinnerComponentModule {
|
|
1648
|
-
static
|
|
1649
|
-
static
|
|
1687
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1688
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent,
|
|
1650
1689
|
EuimSpinnerMessageComponent,
|
|
1651
1690
|
EuimSpinnerDescriptionComponent], exports: [EuimSpinnerComponent,
|
|
1652
1691
|
EuimSpinnerMessageComponent,
|
|
1653
|
-
EuimSpinnerDescriptionComponent] });
|
|
1654
|
-
static
|
|
1692
|
+
EuimSpinnerDescriptionComponent] });
|
|
1693
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent] });
|
|
1655
1694
|
}
|
|
1656
1695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1657
1696
|
type: NgModule,
|
|
@@ -1676,14 +1715,15 @@ const EUIM_SPINNER = [
|
|
|
1676
1715
|
];
|
|
1677
1716
|
|
|
1678
1717
|
class EuimMediaHeaderComponent {
|
|
1718
|
+
baseStatesDirective;
|
|
1719
|
+
euimNoGradient = false;
|
|
1720
|
+
euimTwoSidesGradient = false;
|
|
1721
|
+
hasBlur = false;
|
|
1679
1722
|
get cssClasses() {
|
|
1680
1723
|
return this.getCssClasses();
|
|
1681
1724
|
}
|
|
1682
1725
|
constructor(baseStatesDirective) {
|
|
1683
1726
|
this.baseStatesDirective = baseStatesDirective;
|
|
1684
|
-
this.euimNoGradient = false;
|
|
1685
|
-
this.euimTwoSidesGradient = false;
|
|
1686
|
-
this.hasBlur = false;
|
|
1687
1727
|
}
|
|
1688
1728
|
getCssClasses() {
|
|
1689
1729
|
let size;
|
|
@@ -1701,8 +1741,8 @@ class EuimMediaHeaderComponent {
|
|
|
1701
1741
|
size ? `euim-media-header__size-${size}` : '',
|
|
1702
1742
|
].join(' ').trim();
|
|
1703
1743
|
}
|
|
1704
|
-
static
|
|
1705
|
-
static
|
|
1744
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1745
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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-neutral-min);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-compact);color:var(--eui-c-neutral-min)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;top:0;right:0;left:0;overflow:auto;height:100%}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;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-compact);color:var(--eui-c-neutral-min)}.euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1706
1746
|
}
|
|
1707
1747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1708
1748
|
type: Component,
|
|
@@ -1731,11 +1771,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1731
1771
|
}] } });
|
|
1732
1772
|
|
|
1733
1773
|
class EuimMediaHeaderSubTitleDirective {
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
}
|
|
1737
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1738
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderSubTitleDirective, isStandalone: true, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1774
|
+
className = 'euim-media-header__sub-title';
|
|
1775
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1776
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderSubTitleDirective, isStandalone: true, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1739
1777
|
}
|
|
1740
1778
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1741
1779
|
type: Directive,
|
|
@@ -1749,11 +1787,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1749
1787
|
}] } });
|
|
1750
1788
|
|
|
1751
1789
|
class EuimMediaHeaderTitleDirective {
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
}
|
|
1755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1756
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderTitleDirective, isStandalone: true, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1790
|
+
className = 'euim-media-header__title';
|
|
1791
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1792
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderTitleDirective, isStandalone: true, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1757
1793
|
}
|
|
1758
1794
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1759
1795
|
type: Directive,
|
|
@@ -1767,11 +1803,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1767
1803
|
}] } });
|
|
1768
1804
|
|
|
1769
1805
|
class EuimMediaHeaderImageDirective {
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
}
|
|
1773
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1774
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderImageDirective, isStandalone: true, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1806
|
+
className = 'euim-media-header__image';
|
|
1807
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1808
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderImageDirective, isStandalone: true, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1775
1809
|
}
|
|
1776
1810
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1777
1811
|
type: Directive,
|
|
@@ -1785,11 +1819,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1785
1819
|
}] } });
|
|
1786
1820
|
|
|
1787
1821
|
class EuimMediaHeaderCustomContentDirective {
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
}
|
|
1791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1792
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1822
|
+
className = 'euim-media-header__custom-content';
|
|
1823
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1824
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
1793
1825
|
}
|
|
1794
1826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1795
1827
|
type: Directive,
|
|
@@ -1806,8 +1838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1806
1838
|
* @deprecated Use {@link EUIM_MEDIA_HEADER} instead.
|
|
1807
1839
|
*/
|
|
1808
1840
|
class EuimMediaHeaderModule {
|
|
1809
|
-
static
|
|
1810
|
-
static
|
|
1841
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1842
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderCustomContentDirective,
|
|
1811
1843
|
EuimMediaHeaderComponent,
|
|
1812
1844
|
EuimMediaHeaderTitleDirective,
|
|
1813
1845
|
EuimMediaHeaderSubTitleDirective,
|
|
@@ -1815,8 +1847,8 @@ class EuimMediaHeaderModule {
|
|
|
1815
1847
|
EuimMediaHeaderTitleDirective,
|
|
1816
1848
|
EuimMediaHeaderSubTitleDirective,
|
|
1817
1849
|
EuimMediaHeaderImageDirective,
|
|
1818
|
-
EuimMediaHeaderCustomContentDirective] });
|
|
1819
|
-
static
|
|
1850
|
+
EuimMediaHeaderCustomContentDirective] });
|
|
1851
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderComponent] });
|
|
1820
1852
|
}
|
|
1821
1853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1822
1854
|
type: NgModule,
|
|
@@ -1847,6 +1879,7 @@ const EUIM_MEDIA_HEADER = [
|
|
|
1847
1879
|
];
|
|
1848
1880
|
|
|
1849
1881
|
class EuimDataSummaryColLabelDirective {
|
|
1882
|
+
baseStatesDirective;
|
|
1850
1883
|
get cssClasses() {
|
|
1851
1884
|
return this.getCssClasses();
|
|
1852
1885
|
}
|
|
@@ -1858,8 +1891,8 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1858
1891
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1859
1892
|
].join(' ').trim();
|
|
1860
1893
|
}
|
|
1861
|
-
static
|
|
1862
|
-
static
|
|
1894
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1895
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColLabelDirective, isStandalone: true, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 });
|
|
1863
1896
|
}
|
|
1864
1897
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1865
1898
|
type: Directive,
|
|
@@ -1881,6 +1914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1881
1914
|
}] } });
|
|
1882
1915
|
|
|
1883
1916
|
class EuimDataSummaryColValueDirective {
|
|
1917
|
+
baseStatesDirective;
|
|
1884
1918
|
get cssClasses() {
|
|
1885
1919
|
return this.getCssClasses();
|
|
1886
1920
|
}
|
|
@@ -1892,8 +1926,8 @@ class EuimDataSummaryColValueDirective {
|
|
|
1892
1926
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1893
1927
|
].join(' ').trim();
|
|
1894
1928
|
}
|
|
1895
|
-
static
|
|
1896
|
-
static
|
|
1929
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1930
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColValueDirective, isStandalone: true, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
|
|
1897
1931
|
}
|
|
1898
1932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1899
1933
|
type: Directive,
|
|
@@ -1907,6 +1941,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1907
1941
|
}] } });
|
|
1908
1942
|
|
|
1909
1943
|
class EuimDataSummaryComponent {
|
|
1944
|
+
baseStatesDirective;
|
|
1945
|
+
euimDataSummaryColLabelComponent;
|
|
1946
|
+
euimDataSummaryColValueComponent;
|
|
1910
1947
|
get cssClasses() {
|
|
1911
1948
|
return this.getCssClasses();
|
|
1912
1949
|
}
|
|
@@ -1931,8 +1968,8 @@ class EuimDataSummaryComponent {
|
|
|
1931
1968
|
}
|
|
1932
1969
|
}
|
|
1933
1970
|
}
|
|
1934
|
-
static
|
|
1935
|
-
static
|
|
1971
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
1972
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, isStandalone: true, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1936
1973
|
}
|
|
1937
1974
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1938
1975
|
type: Component,
|
|
@@ -1956,11 +1993,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1956
1993
|
}] } });
|
|
1957
1994
|
|
|
1958
1995
|
class EuimDataSummaryColComponent {
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
}
|
|
1962
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1963
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColComponent, isStandalone: true, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
1996
|
+
className = 'euim-data-summary__col';
|
|
1997
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1998
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColComponent, isStandalone: true, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
1964
1999
|
}
|
|
1965
2000
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1966
2001
|
type: Component,
|
|
@@ -1978,12 +2013,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1978
2013
|
* @deprecated Use {@link EUIM_DATA_SUMMARY} instead.
|
|
1979
2014
|
*/
|
|
1980
2015
|
class EuimDataSummaryModule {
|
|
1981
|
-
static
|
|
1982
|
-
static
|
|
2016
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2017
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, imports: [EuimDataSummaryComponent,
|
|
1983
2018
|
EuimDataSummaryColComponent,
|
|
1984
2019
|
EuimDataSummaryColLabelDirective,
|
|
1985
|
-
EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] });
|
|
1986
|
-
static
|
|
2020
|
+
EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] });
|
|
2021
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule });
|
|
1987
2022
|
}
|
|
1988
2023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1989
2024
|
type: NgModule,
|
|
@@ -2006,11 +2041,11 @@ const EUIM_DATA_SUMMARY = [
|
|
|
2006
2041
|
];
|
|
2007
2042
|
|
|
2008
2043
|
class EuimCardImageDirective {
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
static
|
|
2013
|
-
static
|
|
2044
|
+
euimCardImageHeight;
|
|
2045
|
+
euimCardImageWidth;
|
|
2046
|
+
className = 'euim-card__image';
|
|
2047
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2048
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardImageDirective, isStandalone: true, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 });
|
|
2014
2049
|
}
|
|
2015
2050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
2016
2051
|
type: Directive,
|
|
@@ -2034,6 +2069,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2034
2069
|
}] } });
|
|
2035
2070
|
|
|
2036
2071
|
class EuimCardComponent {
|
|
2072
|
+
baseStatesDirective;
|
|
2073
|
+
cardImageDirective;
|
|
2074
|
+
imageWidth;
|
|
2037
2075
|
get cssClasses() {
|
|
2038
2076
|
return this.getCssClasses();
|
|
2039
2077
|
}
|
|
@@ -2050,8 +2088,8 @@ class EuimCardComponent {
|
|
|
2050
2088
|
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
2051
2089
|
}
|
|
2052
2090
|
}
|
|
2053
|
-
static
|
|
2054
|
-
static
|
|
2091
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
2092
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2055
2093
|
}
|
|
2056
2094
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
2057
2095
|
type: Component,
|
|
@@ -2077,9 +2115,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2077
2115
|
* @deprecated Use {@link EUIM_CARD} instead.
|
|
2078
2116
|
*/
|
|
2079
2117
|
class EuimCardModule {
|
|
2080
|
-
static
|
|
2081
|
-
static
|
|
2082
|
-
static
|
|
2118
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2119
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent, EuimCardImageDirective], exports: [EuimCardComponent, EuimCardImageDirective] });
|
|
2120
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent] });
|
|
2083
2121
|
}
|
|
2084
2122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
2085
2123
|
type: NgModule,
|
|
@@ -2095,9 +2133,7 @@ const EUIM_CARD = [
|
|
|
2095
2133
|
];
|
|
2096
2134
|
|
|
2097
2135
|
class EuimCardListComponent {
|
|
2098
|
-
|
|
2099
|
-
this.direction = '';
|
|
2100
|
-
}
|
|
2136
|
+
direction = '';
|
|
2101
2137
|
get cssClasses() {
|
|
2102
2138
|
return this.getCssClasses();
|
|
2103
2139
|
}
|
|
@@ -2107,8 +2143,8 @@ class EuimCardListComponent {
|
|
|
2107
2143
|
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
2108
2144
|
].join(' ').trim();
|
|
2109
2145
|
}
|
|
2110
|
-
static
|
|
2111
|
-
static
|
|
2146
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2147
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2112
2148
|
}
|
|
2113
2149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
2114
2150
|
type: Component,
|
|
@@ -2124,9 +2160,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2124
2160
|
* @deprecated Use {@link EUIM_CARD_LIST} instead.
|
|
2125
2161
|
*/
|
|
2126
2162
|
class EuimCardListModule {
|
|
2127
|
-
static
|
|
2128
|
-
static
|
|
2129
|
-
static
|
|
2163
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2164
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, imports: [EuimCardListComponent], exports: [EuimCardListComponent] });
|
|
2165
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule });
|
|
2130
2166
|
}
|
|
2131
2167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2132
2168
|
type: NgModule,
|
|
@@ -2141,14 +2177,15 @@ const EUIM_CARD_LIST = [
|
|
|
2141
2177
|
];
|
|
2142
2178
|
|
|
2143
2179
|
class EuimAlertMessageComponent {
|
|
2180
|
+
baseStatesDirective;
|
|
2181
|
+
_variant = 'default';
|
|
2182
|
+
euimClose = new EventEmitter();
|
|
2183
|
+
euimLabelTruncate = false;
|
|
2184
|
+
hasIcon = false;
|
|
2185
|
+
isCloseable = false;
|
|
2186
|
+
isVisible = true;
|
|
2144
2187
|
constructor(baseStatesDirective) {
|
|
2145
2188
|
this.baseStatesDirective = baseStatesDirective;
|
|
2146
|
-
this._variant = 'default';
|
|
2147
|
-
this.euimClose = new EventEmitter();
|
|
2148
|
-
this.euimLabelTruncate = false;
|
|
2149
|
-
this.hasIcon = false;
|
|
2150
|
-
this.isCloseable = false;
|
|
2151
|
-
this.isVisible = true;
|
|
2152
2189
|
}
|
|
2153
2190
|
ngOnInit() {
|
|
2154
2191
|
if (this.baseStatesDirective) {
|
|
@@ -2201,8 +2238,8 @@ class EuimAlertMessageComponent {
|
|
|
2201
2238
|
this.isVisible = false;
|
|
2202
2239
|
this.euimClose.emit();
|
|
2203
2240
|
}
|
|
2204
|
-
static
|
|
2205
|
-
static
|
|
2241
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
2242
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAlertMessageComponent, isStandalone: true, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-dark);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info-dark);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success-darker);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-dark);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2206
2243
|
}
|
|
2207
2244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2208
2245
|
type: Component,
|
|
@@ -2234,9 +2271,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2234
2271
|
* @deprecated Use {@link EUIM_ALERT_MESSAGE} instead.
|
|
2235
2272
|
*/
|
|
2236
2273
|
class EuimAlertMessageModule {
|
|
2237
|
-
static
|
|
2238
|
-
static
|
|
2239
|
-
static
|
|
2274
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2275
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent], exports: [EuimAlertMessageComponent] });
|
|
2276
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent] });
|
|
2240
2277
|
}
|
|
2241
2278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
2242
2279
|
type: NgModule,
|
|
@@ -2251,34 +2288,40 @@ const EUIM_ALERT_MESSAGE = [
|
|
|
2251
2288
|
];
|
|
2252
2289
|
|
|
2253
2290
|
class EuimSliderInfoScreenComponent {
|
|
2291
|
+
renderer;
|
|
2292
|
+
gestureCtrl;
|
|
2293
|
+
sliderElement;
|
|
2294
|
+
cdr;
|
|
2295
|
+
slides;
|
|
2296
|
+
rightActionClicked = new EventEmitter();
|
|
2297
|
+
lastStepActionClicked = new EventEmitter();
|
|
2298
|
+
leftActionClicked = new EventEmitter();
|
|
2299
|
+
isLastItemReached = false;
|
|
2300
|
+
isCarousel = false;
|
|
2301
|
+
showLeftBtn = false;
|
|
2302
|
+
showRightBtn = false;
|
|
2303
|
+
isPreviousBtn = false;
|
|
2304
|
+
isNextBtn = false;
|
|
2305
|
+
paginationColor;
|
|
2306
|
+
actionBtnNames = {
|
|
2307
|
+
rightBtnName: '',
|
|
2308
|
+
lastStepActionBtnName: '',
|
|
2309
|
+
leftBtnName: '',
|
|
2310
|
+
};
|
|
2311
|
+
actionBtnIconsNames = {
|
|
2312
|
+
rightBtnIconName: '',
|
|
2313
|
+
lastStepActionBtnIconName: '',
|
|
2314
|
+
leftBtnIconName: '',
|
|
2315
|
+
};
|
|
2316
|
+
showLeftBtnAsPrevious = false;
|
|
2317
|
+
slidesArray = [];
|
|
2318
|
+
currentSlide = 0;
|
|
2319
|
+
startX = 0;
|
|
2254
2320
|
constructor(renderer, gestureCtrl, sliderElement, cdr) {
|
|
2255
2321
|
this.renderer = renderer;
|
|
2256
2322
|
this.gestureCtrl = gestureCtrl;
|
|
2257
2323
|
this.sliderElement = sliderElement;
|
|
2258
2324
|
this.cdr = cdr;
|
|
2259
|
-
this.rightActionClicked = new EventEmitter();
|
|
2260
|
-
this.lastStepActionClicked = new EventEmitter();
|
|
2261
|
-
this.leftActionClicked = new EventEmitter();
|
|
2262
|
-
this.isLastItemReached = false;
|
|
2263
|
-
this.isCarousel = false;
|
|
2264
|
-
this.showLeftBtn = false;
|
|
2265
|
-
this.showRightBtn = false;
|
|
2266
|
-
this.isPreviousBtn = false;
|
|
2267
|
-
this.isNextBtn = false;
|
|
2268
|
-
this.actionBtnNames = {
|
|
2269
|
-
rightBtnName: '',
|
|
2270
|
-
lastStepActionBtnName: '',
|
|
2271
|
-
leftBtnName: '',
|
|
2272
|
-
};
|
|
2273
|
-
this.actionBtnIconsNames = {
|
|
2274
|
-
rightBtnIconName: '',
|
|
2275
|
-
lastStepActionBtnIconName: '',
|
|
2276
|
-
leftBtnIconName: '',
|
|
2277
|
-
};
|
|
2278
|
-
this.showLeftBtnAsPrevious = false;
|
|
2279
|
-
this.slidesArray = [];
|
|
2280
|
-
this.currentSlide = 0;
|
|
2281
|
-
this.startX = 0;
|
|
2282
2325
|
}
|
|
2283
2326
|
onResize(event) {
|
|
2284
2327
|
this.setSliderStyles();
|
|
@@ -2403,8 +2446,8 @@ class EuimSliderInfoScreenComponent {
|
|
|
2403
2446
|
paginationClass,
|
|
2404
2447
|
].join(' ').trim();
|
|
2405
2448
|
}
|
|
2406
|
-
static
|
|
2407
|
-
static
|
|
2449
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2450
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSliderInfoScreenComponent, isStandalone: true, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
2408
2451
|
}
|
|
2409
2452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2410
2453
|
type: Component,
|
|
@@ -2452,14 +2495,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2452
2495
|
}] } });
|
|
2453
2496
|
|
|
2454
2497
|
class EuimSlideInfoScreenComponent {
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
}
|
|
2458
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2459
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2498
|
+
className = 'euim-slider-info-screen__slide';
|
|
2499
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2500
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2460
2501
|
<div #slide>
|
|
2461
2502
|
<ng-content></ng-content>
|
|
2462
|
-
</div>`, isInline: true });
|
|
2503
|
+
</div>`, isInline: true });
|
|
2463
2504
|
}
|
|
2464
2505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2465
2506
|
type: Component,
|
|
@@ -2477,9 +2518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2477
2518
|
}] } });
|
|
2478
2519
|
|
|
2479
2520
|
class EuimSliderInfoScreenContentDirective {
|
|
2480
|
-
|
|
2481
|
-
this.euimTextCenter = false;
|
|
2482
|
-
}
|
|
2521
|
+
euimTextCenter = false;
|
|
2483
2522
|
get cssClasses() {
|
|
2484
2523
|
return this.getCssClasses();
|
|
2485
2524
|
}
|
|
@@ -2489,8 +2528,8 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2489
2528
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2490
2529
|
].join(' ').trim();
|
|
2491
2530
|
}
|
|
2492
|
-
static
|
|
2493
|
-
static
|
|
2531
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2532
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuimSliderInfoScreenContentDirective, isStandalone: true, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
|
|
2494
2533
|
}
|
|
2495
2534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2496
2535
|
type: Directive,
|
|
@@ -2507,11 +2546,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2507
2546
|
}] } });
|
|
2508
2547
|
|
|
2509
2548
|
class EuimSliderInfoScreenTitleDirective {
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
}
|
|
2513
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2514
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2549
|
+
className = 'euim-slider-info-screen__title';
|
|
2550
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2551
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
2515
2552
|
}
|
|
2516
2553
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2517
2554
|
type: Directive,
|
|
@@ -2525,11 +2562,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2525
2562
|
}] } });
|
|
2526
2563
|
|
|
2527
2564
|
class EuimSliderInfoScreenSubTitleDirective {
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
}
|
|
2531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2532
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenSubTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2565
|
+
className = 'euim-slider-info-screen__sub-title';
|
|
2566
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2567
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenSubTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
2533
2568
|
}
|
|
2534
2569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2535
2570
|
type: Directive,
|
|
@@ -2546,8 +2581,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2546
2581
|
* @deprecated Use {@link EUIM_SLIDER_INFO_SCREEN} instead.
|
|
2547
2582
|
*/
|
|
2548
2583
|
class EuimSliderInfoScreenModule {
|
|
2549
|
-
static
|
|
2550
|
-
static
|
|
2584
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2585
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent,
|
|
2551
2586
|
EuimSlideInfoScreenComponent,
|
|
2552
2587
|
EuimSliderInfoScreenContentDirective,
|
|
2553
2588
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2555,8 +2590,8 @@ class EuimSliderInfoScreenModule {
|
|
|
2555
2590
|
EuimSlideInfoScreenComponent,
|
|
2556
2591
|
EuimSliderInfoScreenContentDirective,
|
|
2557
2592
|
EuimSliderInfoScreenTitleDirective,
|
|
2558
|
-
EuimSliderInfoScreenSubTitleDirective] });
|
|
2559
|
-
static
|
|
2593
|
+
EuimSliderInfoScreenSubTitleDirective] });
|
|
2594
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent] });
|
|
2560
2595
|
}
|
|
2561
2596
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2562
2597
|
type: NgModule,
|
|
@@ -2587,11 +2622,9 @@ const EUIM_SLIDER_INFO_SCREEN = [
|
|
|
2587
2622
|
];
|
|
2588
2623
|
|
|
2589
2624
|
class EuimScrollerXComponent {
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
}
|
|
2593
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2625
|
+
className = 'euim-scroller-x';
|
|
2626
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2627
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2595
2628
|
}
|
|
2596
2629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2597
2630
|
type: Component,
|
|
@@ -2605,9 +2638,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2605
2638
|
* @deprecated Use {@link EUIM_SCROLLER_X} instead.
|
|
2606
2639
|
*/
|
|
2607
2640
|
class EuimScrollerXComponentModule {
|
|
2608
|
-
static
|
|
2609
|
-
static
|
|
2610
|
-
static
|
|
2641
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2642
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, imports: [EuimScrollerXComponent], exports: [EuimScrollerXComponent] });
|
|
2643
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule });
|
|
2611
2644
|
}
|
|
2612
2645
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
2613
2646
|
type: NgModule,
|
|
@@ -2622,15 +2655,18 @@ const EUIM_SCROLLER_X = [
|
|
|
2622
2655
|
];
|
|
2623
2656
|
|
|
2624
2657
|
class EuimChipSelectorItemDirective {
|
|
2658
|
+
renderer;
|
|
2659
|
+
el;
|
|
2660
|
+
clickEventAdded = false;
|
|
2661
|
+
id;
|
|
2662
|
+
euimChipSelectorAll = false;
|
|
2663
|
+
className = 'euim-chip-selector__item';
|
|
2625
2664
|
constructor(renderer, el) {
|
|
2626
2665
|
this.renderer = renderer;
|
|
2627
2666
|
this.el = el;
|
|
2628
|
-
this.clickEventAdded = false;
|
|
2629
|
-
this.euimChipSelectorAll = false;
|
|
2630
|
-
this.className = 'euim-chip-selector__item';
|
|
2631
2667
|
}
|
|
2632
|
-
static
|
|
2633
|
-
static
|
|
2668
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2669
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuimChipSelectorItemDirective, isStandalone: true, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
2634
2670
|
}
|
|
2635
2671
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2636
2672
|
type: Directive,
|
|
@@ -2650,32 +2686,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2650
2686
|
}] } });
|
|
2651
2687
|
|
|
2652
2688
|
class EuimChipSelectorComponent {
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
this.selectedChipsChange = new EventEmitter();
|
|
2670
|
-
this.filteredData = [...this.sourceData];
|
|
2671
|
-
this.filterConditions = [];
|
|
2672
|
-
this.searchInput = '';
|
|
2673
|
-
this.isEmitEvent = true;
|
|
2674
|
-
this.clickEventHandled = false;
|
|
2675
|
-
}
|
|
2689
|
+
backgroundColor = 'branding';
|
|
2690
|
+
color = 'white';
|
|
2691
|
+
chipSelectedColor = 'white';
|
|
2692
|
+
chipFill = 'default';
|
|
2693
|
+
sourceData = [];
|
|
2694
|
+
hasBoxShadow = false;
|
|
2695
|
+
hasNoScrollerX = false;
|
|
2696
|
+
hasColorTransparency = false;
|
|
2697
|
+
selectedChips = [];
|
|
2698
|
+
isMultiSelectionMode = false;
|
|
2699
|
+
isCustomMode = false;
|
|
2700
|
+
euimKeepSelection = false;
|
|
2701
|
+
hasSearchbar = false;
|
|
2702
|
+
filterData = new EventEmitter();
|
|
2703
|
+
clickItems = new EventEmitter();
|
|
2704
|
+
selectedChipsChange = new EventEmitter();
|
|
2676
2705
|
get cssClasses() {
|
|
2677
2706
|
return this.getCssClasses();
|
|
2678
2707
|
}
|
|
2708
|
+
euimChipSelectorItemComponent;
|
|
2709
|
+
filteredData = [...this.sourceData];
|
|
2710
|
+
filterConditions = [];
|
|
2711
|
+
searchInput = '';
|
|
2712
|
+
isEmitEvent = true;
|
|
2713
|
+
euimChipSelectorItemSubscription;
|
|
2714
|
+
clickEventHandled = false;
|
|
2679
2715
|
ngAfterViewInit() {
|
|
2680
2716
|
this.setCssItemClasses();
|
|
2681
2717
|
}
|
|
@@ -2921,8 +2957,8 @@ class EuimChipSelectorComponent {
|
|
|
2921
2957
|
return data;
|
|
2922
2958
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2923
2959
|
}
|
|
2924
|
-
static
|
|
2925
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 }); }
|
|
2960
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2961
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 });
|
|
2926
2962
|
}
|
|
2927
2963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2928
2964
|
type: Component,
|
|
@@ -2978,9 +3014,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2978
3014
|
* @deprecated Use {@link EUIM_CHIP_SELECTOR} instead.
|
|
2979
3015
|
*/
|
|
2980
3016
|
class EuimChipSelectorComponentModule {
|
|
2981
|
-
static
|
|
2982
|
-
static
|
|
2983
|
-
static
|
|
3017
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3018
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective], exports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective] });
|
|
3019
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent] });
|
|
2984
3020
|
}
|
|
2985
3021
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2986
3022
|
type: NgModule,
|
|
@@ -2996,19 +3032,22 @@ const EUIM_CHIP_SELECTOR = [
|
|
|
2996
3032
|
];
|
|
2997
3033
|
|
|
2998
3034
|
class EuimSkeletonListItemComponent {
|
|
3035
|
+
baseStatesDirective;
|
|
2999
3036
|
get cssClasses() {
|
|
3000
3037
|
return this.getCssClasses();
|
|
3001
3038
|
}
|
|
3039
|
+
hasAvatar = true;
|
|
3040
|
+
hasTitle = true;
|
|
3041
|
+
hasSubtitle = true;
|
|
3042
|
+
hasMetaLine = true;
|
|
3043
|
+
isAnimated = true;
|
|
3044
|
+
avatarType;
|
|
3045
|
+
separator;
|
|
3046
|
+
titleWidth = '80%';
|
|
3047
|
+
subTitleWidth = '60%';
|
|
3048
|
+
metaLineWidth = '40%';
|
|
3002
3049
|
constructor(baseStatesDirective) {
|
|
3003
3050
|
this.baseStatesDirective = baseStatesDirective;
|
|
3004
|
-
this.hasAvatar = true;
|
|
3005
|
-
this.hasTitle = true;
|
|
3006
|
-
this.hasSubtitle = true;
|
|
3007
|
-
this.hasMetaLine = true;
|
|
3008
|
-
this.isAnimated = true;
|
|
3009
|
-
this.titleWidth = '80%';
|
|
3010
|
-
this.subTitleWidth = '60%';
|
|
3011
|
-
this.metaLineWidth = '40%';
|
|
3012
3051
|
}
|
|
3013
3052
|
getCssClasses() {
|
|
3014
3053
|
return [
|
|
@@ -3018,8 +3057,8 @@ class EuimSkeletonListItemComponent {
|
|
|
3018
3057
|
.join(' ')
|
|
3019
3058
|
.trim();
|
|
3020
3059
|
}
|
|
3021
|
-
static
|
|
3022
|
-
static
|
|
3060
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
3061
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListItemComponent, isStandalone: true, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs)}.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: 0}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3023
3062
|
}
|
|
3024
3063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
3025
3064
|
type: Component,
|
|
@@ -3066,9 +3105,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3066
3105
|
* @deprecated Use {@link EUIM_SKELETON_LIST_ITEM} instead.
|
|
3067
3106
|
*/
|
|
3068
3107
|
class EuimSkeletonListItemModule {
|
|
3069
|
-
static
|
|
3070
|
-
static
|
|
3071
|
-
static
|
|
3108
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3109
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent], exports: [EuimSkeletonListItemComponent] });
|
|
3110
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent] });
|
|
3072
3111
|
}
|
|
3073
3112
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
3074
3113
|
type: NgModule,
|
|
@@ -3083,11 +3122,10 @@ const EUIM_SKELETON_LIST_ITEM = [
|
|
|
3083
3122
|
];
|
|
3084
3123
|
|
|
3085
3124
|
class EuimSkeletonListComponent {
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
}
|
|
3125
|
+
items = 3;
|
|
3126
|
+
skeletonListItem;
|
|
3127
|
+
skeletonItem = null;
|
|
3128
|
+
skeletonItemInputs = {};
|
|
3091
3129
|
ngAfterContentInit() {
|
|
3092
3130
|
this.skeletonItem = EuimSkeletonListItemComponent;
|
|
3093
3131
|
this.skeletonItemInputs = {
|
|
@@ -3106,8 +3144,8 @@ class EuimSkeletonListComponent {
|
|
|
3106
3144
|
get itemsArray() {
|
|
3107
3145
|
return Array.from({ length: this.items });
|
|
3108
3146
|
}
|
|
3109
|
-
static
|
|
3110
|
-
static
|
|
3147
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3148
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListComponent, isStandalone: true, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n", dependencies: [{ kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3111
3149
|
}
|
|
3112
3150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
3113
3151
|
type: Component,
|
|
@@ -3123,9 +3161,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3123
3161
|
* @deprecated Use {@link EUIM_SKELETON_LIST} instead.
|
|
3124
3162
|
*/
|
|
3125
3163
|
class EuimSkeletonListModule {
|
|
3126
|
-
static
|
|
3127
|
-
static
|
|
3128
|
-
static
|
|
3164
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3165
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent], exports: [EuimSkeletonListComponent] });
|
|
3166
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent] });
|
|
3129
3167
|
}
|
|
3130
3168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
3131
3169
|
type: NgModule,
|
|
@@ -3140,11 +3178,19 @@ const EUIM_SKELETON_LIST = [
|
|
|
3140
3178
|
];
|
|
3141
3179
|
|
|
3142
3180
|
class EuimMultiselectComponent {
|
|
3181
|
+
ref;
|
|
3182
|
+
className = 'euim-multiselect';
|
|
3183
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3184
|
+
initialDataProvider;
|
|
3185
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3186
|
+
currentDataProvider;
|
|
3187
|
+
toolbarTitle;
|
|
3188
|
+
euimKeepSelection = false;
|
|
3189
|
+
selectAll;
|
|
3190
|
+
indeterminate;
|
|
3191
|
+
numberOfSelected = 0;
|
|
3143
3192
|
constructor(ref) {
|
|
3144
3193
|
this.ref = ref;
|
|
3145
|
-
this.className = 'euim-multiselect';
|
|
3146
|
-
this.euimKeepSelection = false;
|
|
3147
|
-
this.numberOfSelected = 0;
|
|
3148
3194
|
}
|
|
3149
3195
|
ngOnInit() {
|
|
3150
3196
|
if (this.euimKeepSelection) {
|
|
@@ -3196,8 +3242,8 @@ class EuimMultiselectComponent {
|
|
|
3196
3242
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
3197
3243
|
}
|
|
3198
3244
|
}
|
|
3199
|
-
static
|
|
3200
|
-
static
|
|
3245
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3246
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimMultiselectComponent, isStandalone: true, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold-compact)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3201
3247
|
}
|
|
3202
3248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3203
3249
|
type: Component,
|
|
@@ -3219,9 +3265,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3219
3265
|
}] } });
|
|
3220
3266
|
|
|
3221
3267
|
class EuimMultiselectFilterComponent {
|
|
3268
|
+
multiselect;
|
|
3269
|
+
className = 'euim-multiselect-filter';
|
|
3270
|
+
filterByFieldsNames;
|
|
3222
3271
|
constructor(multiselect) {
|
|
3223
3272
|
this.multiselect = multiselect;
|
|
3224
|
-
this.className = 'euim-multiselect-filter';
|
|
3225
3273
|
}
|
|
3226
3274
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3227
3275
|
handleChange(event) {
|
|
@@ -3266,8 +3314,8 @@ class EuimMultiselectFilterComponent {
|
|
|
3266
3314
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
3267
3315
|
}
|
|
3268
3316
|
}
|
|
3269
|
-
static
|
|
3270
|
-
static
|
|
3317
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
3318
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectFilterComponent, isStandalone: true, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3271
3319
|
}
|
|
3272
3320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
3273
3321
|
type: Component,
|
|
@@ -3280,9 +3328,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3280
3328
|
}] } });
|
|
3281
3329
|
|
|
3282
3330
|
class EuimMultiselectAllDirective {
|
|
3331
|
+
euimMulti;
|
|
3332
|
+
className = 'euim-multiselect__all';
|
|
3283
3333
|
constructor(euimMulti) {
|
|
3284
3334
|
this.euimMulti = euimMulti;
|
|
3285
|
-
this.className = 'euim-multiselect__all';
|
|
3286
3335
|
}
|
|
3287
3336
|
onIonChange(event) {
|
|
3288
3337
|
this.euimMulti.currentDataProvider?.forEach((item) => (item.selected = event.detail.checked));
|
|
@@ -3300,8 +3349,8 @@ class EuimMultiselectAllDirective {
|
|
|
3300
3349
|
get checked() {
|
|
3301
3350
|
return this.euimMulti.selectAll;
|
|
3302
3351
|
}
|
|
3303
|
-
static
|
|
3304
|
-
static
|
|
3352
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3353
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectAllDirective, isStandalone: true, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 });
|
|
3305
3354
|
}
|
|
3306
3355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
3307
3356
|
type: Directive,
|
|
@@ -3324,12 +3373,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3324
3373
|
}] } });
|
|
3325
3374
|
|
|
3326
3375
|
class EuimMultiselectListComponent {
|
|
3376
|
+
multiselect;
|
|
3377
|
+
className = 'euim-multiselect-list';
|
|
3327
3378
|
constructor(multiselect) {
|
|
3328
3379
|
this.multiselect = multiselect;
|
|
3329
|
-
this.className = 'euim-multiselect-list';
|
|
3330
3380
|
}
|
|
3331
|
-
static
|
|
3332
|
-
static
|
|
3381
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
3382
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectListComponent, isStandalone: true, selector: "euim-multiselect-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3333
3383
|
}
|
|
3334
3384
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3335
3385
|
type: Component,
|
|
@@ -3340,9 +3390,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3340
3390
|
}] } });
|
|
3341
3391
|
|
|
3342
3392
|
class EuimMultiselectSelectFieldDirective {
|
|
3393
|
+
euimMulti;
|
|
3394
|
+
className = 'euim-multiselect-all';
|
|
3395
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3396
|
+
item;
|
|
3343
3397
|
constructor(euimMulti) {
|
|
3344
3398
|
this.euimMulti = euimMulti;
|
|
3345
|
-
this.className = 'euim-multiselect-all';
|
|
3346
3399
|
}
|
|
3347
3400
|
onIonChange(event) {
|
|
3348
3401
|
this.item.selected = event.detail.checked;
|
|
@@ -3367,8 +3420,8 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3367
3420
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3368
3421
|
}
|
|
3369
3422
|
}
|
|
3370
|
-
static
|
|
3371
|
-
static
|
|
3423
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3424
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectSelectFieldDirective, isStandalone: true, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 });
|
|
3372
3425
|
}
|
|
3373
3426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3374
3427
|
type: Directive,
|
|
@@ -3390,16 +3443,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3390
3443
|
}] } });
|
|
3391
3444
|
|
|
3392
3445
|
class EuimMultiselectInfoComponent {
|
|
3446
|
+
multiselect;
|
|
3447
|
+
ref;
|
|
3448
|
+
className = 'euim-multiselect-info';
|
|
3393
3449
|
constructor(multiselect, ref) {
|
|
3394
3450
|
this.multiselect = multiselect;
|
|
3395
3451
|
this.ref = ref;
|
|
3396
|
-
this.className = 'euim-multiselect-info';
|
|
3397
3452
|
}
|
|
3398
3453
|
ngAfterContentChecked() {
|
|
3399
3454
|
this.ref.detectChanges();
|
|
3400
3455
|
}
|
|
3401
|
-
static
|
|
3402
|
-
static
|
|
3456
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3457
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectInfoComponent, isStandalone: true, selector: "euim-multiselect-info", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3403
3458
|
}
|
|
3404
3459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3405
3460
|
type: Component,
|
|
@@ -3410,13 +3465,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3410
3465
|
}] } });
|
|
3411
3466
|
|
|
3412
3467
|
class EuimMultiselectToolbarComponent {
|
|
3468
|
+
multiselect;
|
|
3469
|
+
className = 'euim-multiselect__toolbar';
|
|
3470
|
+
toolbarTitle;
|
|
3471
|
+
euimCustomRender = false;
|
|
3472
|
+
cancel = new EventEmitter();
|
|
3473
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3474
|
+
confirm = new EventEmitter();
|
|
3413
3475
|
constructor(multiselect) {
|
|
3414
3476
|
this.multiselect = multiselect;
|
|
3415
|
-
this.className = 'euim-multiselect__toolbar';
|
|
3416
|
-
this.euimCustomRender = false;
|
|
3417
|
-
this.cancel = new EventEmitter();
|
|
3418
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3419
|
-
this.confirm = new EventEmitter();
|
|
3420
3477
|
}
|
|
3421
3478
|
onConfirm() {
|
|
3422
3479
|
this.confirm.emit(this.multiselect?.selectedItems());
|
|
@@ -3424,8 +3481,8 @@ class EuimMultiselectToolbarComponent {
|
|
|
3424
3481
|
onCancelClick() {
|
|
3425
3482
|
this.cancel.emit(true);
|
|
3426
3483
|
}
|
|
3427
|
-
static
|
|
3428
|
-
static
|
|
3484
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
3485
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimMultiselectToolbarComponent, isStandalone: true, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "ngmodule", type: EuimToolbarComponentModule }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "ionMenuId", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3429
3486
|
}
|
|
3430
3487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3431
3488
|
type: Component,
|
|
@@ -3448,8 +3505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3448
3505
|
* @deprecated Use {@link EUIM_MULTISELECT} instead.
|
|
3449
3506
|
*/
|
|
3450
3507
|
class EuimMultiselectModule {
|
|
3451
|
-
static
|
|
3452
|
-
static
|
|
3508
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3509
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3453
3510
|
EuimMultiselectFilterComponent,
|
|
3454
3511
|
EuimMultiselectListComponent,
|
|
3455
3512
|
EuimMultiselectInfoComponent,
|
|
@@ -3461,12 +3518,12 @@ class EuimMultiselectModule {
|
|
|
3461
3518
|
EuimMultiselectInfoComponent,
|
|
3462
3519
|
EuimMultiselectSelectFieldDirective,
|
|
3463
3520
|
EuimMultiselectAllDirective,
|
|
3464
|
-
EuimMultiselectToolbarComponent] });
|
|
3465
|
-
static
|
|
3521
|
+
EuimMultiselectToolbarComponent] });
|
|
3522
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3466
3523
|
EuimMultiselectFilterComponent,
|
|
3467
3524
|
EuimMultiselectListComponent,
|
|
3468
3525
|
EuimMultiselectInfoComponent,
|
|
3469
|
-
EuimMultiselectToolbarComponent] });
|
|
3526
|
+
EuimMultiselectToolbarComponent] });
|
|
3470
3527
|
}
|
|
3471
3528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3472
3529
|
type: NgModule,
|
|
@@ -3503,16 +3560,25 @@ const EUIM_MULTISELECT = [
|
|
|
3503
3560
|
];
|
|
3504
3561
|
|
|
3505
3562
|
class EuimPdfViewerComponent {
|
|
3563
|
+
alertService;
|
|
3564
|
+
http;
|
|
3565
|
+
url;
|
|
3566
|
+
page = 1;
|
|
3567
|
+
className = 'euim-pdf-viewer';
|
|
3568
|
+
pinch;
|
|
3569
|
+
zoom = 1;
|
|
3570
|
+
loading = true;
|
|
3571
|
+
errorMessage = '';
|
|
3572
|
+
pdf;
|
|
3573
|
+
eventResult;
|
|
3574
|
+
pdfNumPages = 1;
|
|
3575
|
+
data;
|
|
3576
|
+
showDefaultError;
|
|
3577
|
+
urlChange$ = new Subject();
|
|
3578
|
+
subscription;
|
|
3506
3579
|
constructor(alertService, http) {
|
|
3507
3580
|
this.alertService = alertService;
|
|
3508
3581
|
this.http = http;
|
|
3509
|
-
this.page = 1;
|
|
3510
|
-
this.className = 'euim-pdf-viewer';
|
|
3511
|
-
this.zoom = 1;
|
|
3512
|
-
this.loading = true;
|
|
3513
|
-
this.errorMessage = '';
|
|
3514
|
-
this.pdfNumPages = 1;
|
|
3515
|
-
this.urlChange$ = new Subject();
|
|
3516
3582
|
this.showDefaultError = true;
|
|
3517
3583
|
setTimeout(() => {
|
|
3518
3584
|
if (this.showDefaultError) {
|
|
@@ -3618,8 +3684,8 @@ class EuimPdfViewerComponent {
|
|
|
3618
3684
|
return throwError(() => err);
|
|
3619
3685
|
}));
|
|
3620
3686
|
}
|
|
3621
|
-
static
|
|
3622
|
-
static
|
|
3687
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
|
|
3688
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div class=\"euim-pdf-viewer__container\">\n @if (data) {\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n }\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons>\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: PdfViewerModule }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "ngmodule", type: EuimSpinnerComponentModule }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner", inputs: ["variant"] }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: HttpClientModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
3623
3689
|
}
|
|
3624
3690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3625
3691
|
type: Component,
|
|
@@ -3646,9 +3712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3646
3712
|
* @deprecated Use {@link EUIM_PDF_VIEWER} instead.
|
|
3647
3713
|
*/
|
|
3648
3714
|
class EuimPdfViewerModule {
|
|
3649
|
-
static
|
|
3650
|
-
static
|
|
3651
|
-
static
|
|
3715
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3716
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent], exports: [EuimPdfViewerComponent] });
|
|
3717
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent] });
|
|
3652
3718
|
}
|
|
3653
3719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3654
3720
|
type: NgModule,
|
|
@@ -3663,11 +3729,9 @@ const EUIM_PDF_VIEWER = [
|
|
|
3663
3729
|
];
|
|
3664
3730
|
|
|
3665
3731
|
class EuimAboutComponent {
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
}
|
|
3669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3670
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold-compact)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s-compact)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: QRCodeModule }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3732
|
+
className = 'euim-about';
|
|
3733
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3734
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold-compact)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s-compact)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: QRCodeModule }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None });
|
|
3671
3735
|
}
|
|
3672
3736
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3673
3737
|
type: Component,
|
|
@@ -3683,12 +3747,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3683
3747
|
}] } });
|
|
3684
3748
|
|
|
3685
3749
|
class EuimChangelogComponent {
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
}
|
|
3690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral-light)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3750
|
+
className = 'euim-changelog';
|
|
3751
|
+
changeLogs = [];
|
|
3752
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3753
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral-light)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3692
3754
|
}
|
|
3693
3755
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3694
3756
|
type: Component,
|
|
@@ -3701,10 +3763,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3701
3763
|
}] } });
|
|
3702
3764
|
|
|
3703
3765
|
class EuimHelpSupportComponent {
|
|
3766
|
+
router;
|
|
3767
|
+
helpAndSupportItems = [];
|
|
3768
|
+
className = 'euim-help-support';
|
|
3704
3769
|
constructor(router) {
|
|
3705
3770
|
this.router = router;
|
|
3706
|
-
this.helpAndSupportItems = [];
|
|
3707
|
-
this.className = 'euim-help-support';
|
|
3708
3771
|
}
|
|
3709
3772
|
onItemClick(item, linkType, linkTitle) {
|
|
3710
3773
|
if (item?.routerLink) {
|
|
@@ -3746,8 +3809,8 @@ class EuimHelpSupportComponent {
|
|
|
3746
3809
|
}
|
|
3747
3810
|
return '_blank';
|
|
3748
3811
|
}
|
|
3749
|
-
static
|
|
3750
|
-
static
|
|
3812
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
3813
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { 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 });
|
|
3751
3814
|
}
|
|
3752
3815
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3753
3816
|
type: Component,
|
|
@@ -3760,16 +3823,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3760
3823
|
}] } });
|
|
3761
3824
|
|
|
3762
3825
|
class EuimOpenSourceLicencesComponent {
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
this.clickItem = new EventEmitter();
|
|
3767
|
-
}
|
|
3826
|
+
className = 'euim-opensource-licences';
|
|
3827
|
+
items = [];
|
|
3828
|
+
clickItem = new EventEmitter();
|
|
3768
3829
|
emitItemClick(itemName) {
|
|
3769
3830
|
this.clickItem.emit([itemName]);
|
|
3770
3831
|
}
|
|
3771
|
-
static
|
|
3772
|
-
static
|
|
3832
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3833
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-neutral)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3773
3834
|
}
|
|
3774
3835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3775
3836
|
type: Component,
|
|
@@ -3784,16 +3845,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3784
3845
|
}] } });
|
|
3785
3846
|
|
|
3786
3847
|
class EuimAboutContentLoadingComponent {
|
|
3848
|
+
sanitizer;
|
|
3849
|
+
className = 'euim-about-content-loading';
|
|
3850
|
+
webUrl = '';
|
|
3851
|
+
sanitizedUrl;
|
|
3787
3852
|
constructor(sanitizer) {
|
|
3788
3853
|
this.sanitizer = sanitizer;
|
|
3789
|
-
this.className = 'euim-about-content-loading';
|
|
3790
|
-
this.webUrl = '';
|
|
3791
3854
|
}
|
|
3792
3855
|
ngOnInit() {
|
|
3793
3856
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3794
3857
|
}
|
|
3795
|
-
static
|
|
3796
|
-
static
|
|
3858
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
3859
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
3797
3860
|
}
|
|
3798
3861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3799
3862
|
type: Component,
|
|
@@ -3809,8 +3872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3809
3872
|
* @deprecated Use {@link EUIM_ABOUT} instead.
|
|
3810
3873
|
*/
|
|
3811
3874
|
class EuimAboutModule {
|
|
3812
|
-
static
|
|
3813
|
-
static
|
|
3875
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3876
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3814
3877
|
TranslateModule,
|
|
3815
3878
|
RouterModule,
|
|
3816
3879
|
EuimAboutComponent,
|
|
@@ -3821,14 +3884,14 @@ class EuimAboutModule {
|
|
|
3821
3884
|
EuimChangelogComponent,
|
|
3822
3885
|
EuimOpenSourceLicencesComponent,
|
|
3823
3886
|
EuimHelpSupportComponent,
|
|
3824
|
-
EuimAboutContentLoadingComponent] });
|
|
3825
|
-
static
|
|
3887
|
+
EuimAboutContentLoadingComponent] });
|
|
3888
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3826
3889
|
TranslateModule,
|
|
3827
3890
|
RouterModule,
|
|
3828
3891
|
EuimAboutComponent,
|
|
3829
3892
|
EuimChangelogComponent,
|
|
3830
3893
|
EuimOpenSourceLicencesComponent,
|
|
3831
|
-
EuimHelpSupportComponent] });
|
|
3894
|
+
EuimHelpSupportComponent] });
|
|
3832
3895
|
}
|
|
3833
3896
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3834
3897
|
type: NgModule,
|
|
@@ -3862,11 +3925,11 @@ const EUIM_ABOUT = [
|
|
|
3862
3925
|
];
|
|
3863
3926
|
|
|
3864
3927
|
class EuimToolbarQrcodeComponent {
|
|
3865
|
-
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
static
|
|
3869
|
-
static
|
|
3928
|
+
qrCodeUrl;
|
|
3929
|
+
logoUrl = '';
|
|
3930
|
+
showCode;
|
|
3931
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3932
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarQrcodeComponent, isStandalone: true, selector: "euim-toolbar-qrcode", inputs: { qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", showCode: "showCode" }, ngImport: i0, template: "<div>\n @if (showCode) {\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n @if (!showCode) {\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n </div>", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: QRCodeModule }, { kind: "component", type: i1$4.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3870
3933
|
}
|
|
3871
3934
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
|
|
3872
3935
|
type: Component,
|
|
@@ -3883,9 +3946,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3883
3946
|
* @deprecated Use {@link EUIM_TOOLBAR_QRCODE} instead.
|
|
3884
3947
|
*/
|
|
3885
3948
|
class EuimToolbarQrcodeModule {
|
|
3886
|
-
static
|
|
3887
|
-
static
|
|
3888
|
-
static
|
|
3949
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3950
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent], exports: [EuimToolbarQrcodeComponent] });
|
|
3951
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent] });
|
|
3889
3952
|
}
|
|
3890
3953
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, decorators: [{
|
|
3891
3954
|
type: NgModule,
|
|
@@ -3900,13 +3963,16 @@ const EUIM_TOOLBAR_QRCODE = [
|
|
|
3900
3963
|
];
|
|
3901
3964
|
|
|
3902
3965
|
class EuimToolbarDatepickerDatetimeDirective {
|
|
3966
|
+
euimToolbarDatepickerComponent;
|
|
3967
|
+
className = 'euim-toolbar-datepicker';
|
|
3968
|
+
value;
|
|
3969
|
+
showDefaultButtons = true;
|
|
3970
|
+
id;
|
|
3971
|
+
size = 'cover';
|
|
3972
|
+
presentation = 'date';
|
|
3973
|
+
displayFormat = 'DD-MM-YYYY';
|
|
3903
3974
|
constructor(euimToolbarDatepickerComponent) {
|
|
3904
3975
|
this.euimToolbarDatepickerComponent = euimToolbarDatepickerComponent;
|
|
3905
|
-
this.className = 'euim-toolbar-datepicker';
|
|
3906
|
-
this.showDefaultButtons = true;
|
|
3907
|
-
this.size = 'cover';
|
|
3908
|
-
this.presentation = 'date';
|
|
3909
|
-
this.displayFormat = 'DD-MM-YYYY';
|
|
3910
3976
|
}
|
|
3911
3977
|
onIonChange(event) {
|
|
3912
3978
|
this.euimToolbarDatepickerComponent.calendarDateChanged(event);
|
|
@@ -3923,8 +3989,8 @@ class EuimToolbarDatepickerDatetimeDirective {
|
|
|
3923
3989
|
this.value = item.toISOString();
|
|
3924
3990
|
});
|
|
3925
3991
|
}
|
|
3926
|
-
static
|
|
3927
|
-
static
|
|
3992
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3993
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarDatepickerDatetimeDirective, isStandalone: true, selector: "[euimToolbarDatepickerDatetime]", inputs: { value: "value", showDefaultButtons: "showDefaultButtons", id: "id", size: "size", presentation: "presentation", displayFormat: "displayFormat" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "value": "this.value", "showDefaultButtons": "this.showDefaultButtons", "id": "this.id", "size": "this.size", "presentation": "this.presentation", "displayFormat": "this.displayFormat" } }, ngImport: i0 });
|
|
3928
3994
|
}
|
|
3929
3995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
|
|
3930
3996
|
type: Directive,
|
|
@@ -3971,6 +4037,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
3971
4037
|
}] } });
|
|
3972
4038
|
|
|
3973
4039
|
class EuimToolbarDatepickerComponent {
|
|
4040
|
+
baseStatesDirective;
|
|
4041
|
+
router;
|
|
4042
|
+
location;
|
|
4043
|
+
translate;
|
|
4044
|
+
modalController;
|
|
4045
|
+
icon = 'calendar-clear';
|
|
4046
|
+
title;
|
|
4047
|
+
subTitle;
|
|
4048
|
+
euimPrevBtnDisabled;
|
|
4049
|
+
euimNextBtnDisabled;
|
|
4050
|
+
euimReadOnly;
|
|
4051
|
+
closeModalOnBack;
|
|
4052
|
+
selectDateBy;
|
|
4053
|
+
prevBtnClick = new EventEmitter();
|
|
4054
|
+
nextBtnClick = new EventEmitter();
|
|
4055
|
+
dateChanged = new EventEmitter();
|
|
4056
|
+
weekDayName;
|
|
4057
|
+
formattedDate;
|
|
4058
|
+
selectedDate;
|
|
4059
|
+
isModalOpen = false;
|
|
4060
|
+
weekdays = [];
|
|
4061
|
+
_dateTimeId = 'date';
|
|
4062
|
+
langChangeSubscription;
|
|
4063
|
+
currentLang;
|
|
4064
|
+
modalId;
|
|
3974
4065
|
get cssClasses() {
|
|
3975
4066
|
return this.getCssClasses();
|
|
3976
4067
|
}
|
|
@@ -3980,13 +4071,6 @@ class EuimToolbarDatepickerComponent {
|
|
|
3980
4071
|
this.location = location;
|
|
3981
4072
|
this.translate = translate;
|
|
3982
4073
|
this.modalController = modalController;
|
|
3983
|
-
this.icon = 'calendar-clear';
|
|
3984
|
-
this.prevBtnClick = new EventEmitter();
|
|
3985
|
-
this.nextBtnClick = new EventEmitter();
|
|
3986
|
-
this.dateChanged = new EventEmitter();
|
|
3987
|
-
this.isModalOpen = false;
|
|
3988
|
-
this.weekdays = [];
|
|
3989
|
-
this._dateTimeId = 'date';
|
|
3990
4074
|
this.dateTimeId = crypto.randomUUID();
|
|
3991
4075
|
this.modalId = crypto.randomUUID();
|
|
3992
4076
|
this.currentDate = new Date();
|
|
@@ -4004,6 +4088,7 @@ class EuimToolbarDatepickerComponent {
|
|
|
4004
4088
|
set dateTimeId(val) {
|
|
4005
4089
|
this._dateTimeId = val;
|
|
4006
4090
|
}
|
|
4091
|
+
currentDate;
|
|
4007
4092
|
ngOnInit() {
|
|
4008
4093
|
if (!this.baseStatesDirective.color) {
|
|
4009
4094
|
this.baseStatesDirective.color = 'primary';
|
|
@@ -4086,8 +4171,8 @@ class EuimToolbarDatepickerComponent {
|
|
|
4086
4171
|
formatDateAndWeekDay() {
|
|
4087
4172
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
4088
4173
|
}
|
|
4089
|
-
static
|
|
4090
|
-
static
|
|
4174
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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 });
|
|
4175
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4091
4176
|
}
|
|
4092
4177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
4093
4178
|
type: Component,
|
|
@@ -4137,9 +4222,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4137
4222
|
* @deprecated Use {@link EUIM_TOOLBAR_DATEPICKER} instead.
|
|
4138
4223
|
*/
|
|
4139
4224
|
class EuimToolbarDatepickerModule {
|
|
4140
|
-
static
|
|
4141
|
-
static
|
|
4142
|
-
static
|
|
4225
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4226
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent], exports: [EuimToolbarDatepickerComponent] });
|
|
4227
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent] });
|
|
4143
4228
|
}
|
|
4144
4229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
4145
4230
|
type: NgModule,
|
|
@@ -4154,11 +4239,9 @@ const EUIM_TOOLBAR_DATEPICKER = [
|
|
|
4154
4239
|
];
|
|
4155
4240
|
|
|
4156
4241
|
class EuimReadOnlyFormLabelDirective {
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
}
|
|
4160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4161
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4242
|
+
className = 'euim-read-only-form__label';
|
|
4243
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4244
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4162
4245
|
}
|
|
4163
4246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
4164
4247
|
type: Directive,
|
|
@@ -4172,11 +4255,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4172
4255
|
}] } });
|
|
4173
4256
|
|
|
4174
4257
|
class EuimReadOnlyFormValueDirective {
|
|
4175
|
-
|
|
4176
|
-
|
|
4177
|
-
}
|
|
4178
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4179
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4258
|
+
className = 'euim-read-only-form__value';
|
|
4259
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4260
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4180
4261
|
}
|
|
4181
4262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
4182
4263
|
type: Directive,
|
|
@@ -4190,11 +4271,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4190
4271
|
}] } });
|
|
4191
4272
|
|
|
4192
4273
|
class EuimReadOnlyFormDirective {
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
}
|
|
4196
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4197
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4274
|
+
className = 'euim-read-only-form';
|
|
4275
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4276
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4198
4277
|
}
|
|
4199
4278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4200
4279
|
type: Directive,
|
|
@@ -4208,12 +4287,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4208
4287
|
}] } });
|
|
4209
4288
|
|
|
4210
4289
|
class EuimHelperTextComponent {
|
|
4290
|
+
baseStatesDirective;
|
|
4291
|
+
hasNoPadding = input(false, { transform: booleanAttribute });
|
|
4211
4292
|
get cssClasses() {
|
|
4212
4293
|
return this.getCssClasses();
|
|
4213
4294
|
}
|
|
4214
4295
|
constructor(baseStatesDirective) {
|
|
4215
4296
|
this.baseStatesDirective = baseStatesDirective;
|
|
4216
|
-
this.hasNoPadding = input(false, { transform: booleanAttribute });
|
|
4217
4297
|
}
|
|
4218
4298
|
getCssClasses() {
|
|
4219
4299
|
return [
|
|
@@ -4221,8 +4301,8 @@ class EuimHelperTextComponent {
|
|
|
4221
4301
|
this.hasNoPadding() ? 'euim-helper-text--no-padding' : '',
|
|
4222
4302
|
].join(' ');
|
|
4223
4303
|
}
|
|
4224
|
-
static
|
|
4225
|
-
static
|
|
4304
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelperTextComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
4305
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:0;font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:0}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4226
4306
|
}
|
|
4227
4307
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
|
|
4228
4308
|
type: Component,
|
|
@@ -4240,6 +4320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4240
4320
|
}] } });
|
|
4241
4321
|
|
|
4242
4322
|
class EuimDividerDirective {
|
|
4323
|
+
lines;
|
|
4243
4324
|
get cssClasses() {
|
|
4244
4325
|
return this.getCssClasses('euim-divider');
|
|
4245
4326
|
}
|
|
@@ -4249,8 +4330,8 @@ class EuimDividerDirective {
|
|
|
4249
4330
|
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
4250
4331
|
].join(' ').trim();
|
|
4251
4332
|
}
|
|
4252
|
-
static
|
|
4253
|
-
static
|
|
4333
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4334
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDividerDirective, isStandalone: true, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
|
|
4254
4335
|
}
|
|
4255
4336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
4256
4337
|
type: Directive,
|
|
@@ -4269,9 +4350,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4269
4350
|
* @deprecated Use {@link EUIM_DIVIDER} instead.
|
|
4270
4351
|
*/
|
|
4271
4352
|
class EuimDividerModule {
|
|
4272
|
-
static
|
|
4273
|
-
static
|
|
4274
|
-
static
|
|
4353
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4354
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, imports: [EuimDividerDirective], exports: [EuimDividerDirective] });
|
|
4355
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule });
|
|
4275
4356
|
}
|
|
4276
4357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
4277
4358
|
type: NgModule,
|
|
@@ -4286,6 +4367,7 @@ const EUIM_DIVIDER = [
|
|
|
4286
4367
|
];
|
|
4287
4368
|
|
|
4288
4369
|
class EuimListHeaderDirective {
|
|
4370
|
+
border;
|
|
4289
4371
|
get cssClasses() {
|
|
4290
4372
|
return this.getCssClasses('euim-list-header');
|
|
4291
4373
|
}
|
|
@@ -4295,8 +4377,8 @@ class EuimListHeaderDirective {
|
|
|
4295
4377
|
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
4296
4378
|
].join(' ').trim();
|
|
4297
4379
|
}
|
|
4298
|
-
static
|
|
4299
|
-
static
|
|
4380
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4381
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimListHeaderDirective, isStandalone: true, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
|
|
4300
4382
|
}
|
|
4301
4383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
4302
4384
|
type: Directive,
|
|
@@ -4315,9 +4397,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4315
4397
|
* @deprecated Use {@link EUIM_LIST_HEADER} instead.
|
|
4316
4398
|
*/
|
|
4317
4399
|
class EuimListHeaderModule {
|
|
4318
|
-
static
|
|
4319
|
-
static
|
|
4320
|
-
static
|
|
4400
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4401
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, imports: [EuimListHeaderDirective], exports: [EuimListHeaderDirective] });
|
|
4402
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule });
|
|
4321
4403
|
}
|
|
4322
4404
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
4323
4405
|
type: NgModule,
|
|
@@ -4332,11 +4414,9 @@ const EUIM_LIST_HEADER = [
|
|
|
4332
4414
|
];
|
|
4333
4415
|
|
|
4334
4416
|
class EuimAlignCenterDirective {
|
|
4335
|
-
|
|
4336
|
-
|
|
4337
|
-
}
|
|
4338
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4339
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4417
|
+
className = 'euim-align-center';
|
|
4418
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4419
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4340
4420
|
}
|
|
4341
4421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4342
4422
|
type: Directive,
|
|
@@ -4350,11 +4430,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4350
4430
|
}] } });
|
|
4351
4431
|
|
|
4352
4432
|
class EuimAlignTopDirective {
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
}
|
|
4356
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4357
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4433
|
+
className = 'euim-align-top';
|
|
4434
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4435
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4358
4436
|
}
|
|
4359
4437
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4360
4438
|
type: Directive,
|
|
@@ -4368,12 +4446,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4368
4446
|
}] } });
|
|
4369
4447
|
|
|
4370
4448
|
class EuimToolbarTransparentDirective {
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
this.className = 'euim-toolbar--transparent';
|
|
4376
|
-
}
|
|
4449
|
+
scrollThreshold = 150;
|
|
4450
|
+
hasTitle = false;
|
|
4451
|
+
isLightToolbar = false;
|
|
4452
|
+
className = 'euim-toolbar--transparent';
|
|
4377
4453
|
get cssClasses() {
|
|
4378
4454
|
return this.getCssClasses();
|
|
4379
4455
|
}
|
|
@@ -4401,8 +4477,8 @@ class EuimToolbarTransparentDirective {
|
|
|
4401
4477
|
this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
|
|
4402
4478
|
].join(' ');
|
|
4403
4479
|
}
|
|
4404
|
-
static
|
|
4405
|
-
static
|
|
4480
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4481
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 });
|
|
4406
4482
|
}
|
|
4407
4483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
4408
4484
|
type: Directive,
|
|
@@ -4428,11 +4504,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4428
4504
|
}] } });
|
|
4429
4505
|
|
|
4430
4506
|
class EuimFooterTransparentDirective {
|
|
4431
|
-
|
|
4432
|
-
|
|
4433
|
-
}
|
|
4434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4435
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimFooterTransparentDirective, isStandalone: true, selector: "[euimFooterTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4507
|
+
className = 'euim-footer--transparent';
|
|
4508
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4509
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimFooterTransparentDirective, isStandalone: true, selector: "[euimFooterTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4436
4510
|
}
|
|
4437
4511
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimFooterTransparentDirective, decorators: [{
|
|
4438
4512
|
type: Directive,
|
|
@@ -4446,14 +4520,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4446
4520
|
}] } });
|
|
4447
4521
|
|
|
4448
4522
|
class EuimMinWidthDirective {
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
}
|
|
4523
|
+
minWidth = '20%';
|
|
4524
|
+
widthVar;
|
|
4452
4525
|
ngOnInit() {
|
|
4453
4526
|
this.widthVar = this.minWidth;
|
|
4454
4527
|
}
|
|
4455
|
-
static
|
|
4456
|
-
static
|
|
4528
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4529
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 });
|
|
4457
4530
|
}
|
|
4458
4531
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4459
4532
|
type: Directive,
|
|
@@ -4469,11 +4542,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4469
4542
|
}] } });
|
|
4470
4543
|
|
|
4471
4544
|
class EuimListItemNoPaddingsDirective {
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
}
|
|
4475
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4476
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4545
|
+
className = 'euim-list-item--no-paddings';
|
|
4546
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4547
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4477
4548
|
}
|
|
4478
4549
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4479
4550
|
type: Directive,
|
|
@@ -4487,11 +4558,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4487
4558
|
}] } });
|
|
4488
4559
|
|
|
4489
4560
|
class EuimSidebarFooterNoBordersDirective {
|
|
4490
|
-
|
|
4491
|
-
|
|
4492
|
-
}
|
|
4493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4494
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4561
|
+
className = 'euim-sidebar-footer--no-borders';
|
|
4562
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4563
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4495
4564
|
}
|
|
4496
4565
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
4497
4566
|
type: Directive,
|
|
@@ -4505,11 +4574,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4505
4574
|
}] } });
|
|
4506
4575
|
|
|
4507
4576
|
class EuimSkeletonTextAvatarDirective {
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
}
|
|
4511
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4512
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSkeletonTextAvatarDirective, isStandalone: true, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4577
|
+
className = 'euim-skeleton-text-avatar';
|
|
4578
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4579
|
+
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSkeletonTextAvatarDirective, isStandalone: true, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
|
|
4513
4580
|
}
|
|
4514
4581
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
4515
4582
|
type: Directive,
|
|
@@ -4526,9 +4593,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4526
4593
|
* @deprecated Use {@link EUIM_SKELETON_TEXT_AVATAR} instead.
|
|
4527
4594
|
*/
|
|
4528
4595
|
class EuimSkeletonTextAvatarModule {
|
|
4529
|
-
static
|
|
4530
|
-
static
|
|
4531
|
-
static
|
|
4596
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4597
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [EuimSkeletonTextAvatarDirective], exports: [EuimSkeletonTextAvatarDirective] });
|
|
4598
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule });
|
|
4532
4599
|
}
|
|
4533
4600
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
4534
4601
|
type: NgModule,
|
|
@@ -4590,8 +4657,8 @@ const MODULES = [
|
|
|
4590
4657
|
EuimSkeletonTextAvatarModule,
|
|
4591
4658
|
];
|
|
4592
4659
|
class EuimAllModule {
|
|
4593
|
-
static
|
|
4594
|
-
static
|
|
4660
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4661
|
+
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, imports: [
|
|
4595
4662
|
// Layout
|
|
4596
4663
|
EuimAppModule,
|
|
4597
4664
|
// Components
|
|
@@ -4681,8 +4748,8 @@ class EuimAllModule {
|
|
|
4681
4748
|
EuimReadOnlyFormValueDirective,
|
|
4682
4749
|
EuimReadOnlyFormLabelDirective,
|
|
4683
4750
|
EuimMediaHeaderCustomContentDirective,
|
|
4684
|
-
EuimSkeletonTextAvatarModule] });
|
|
4685
|
-
static
|
|
4751
|
+
EuimSkeletonTextAvatarModule] });
|
|
4752
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, imports: [
|
|
4686
4753
|
// Layout
|
|
4687
4754
|
EuimAppModule,
|
|
4688
4755
|
// Components
|
|
@@ -4750,7 +4817,7 @@ class EuimAllModule {
|
|
|
4750
4817
|
EuimSpinnerComponentModule,
|
|
4751
4818
|
EuimDividerModule,
|
|
4752
4819
|
EuimListHeaderModule,
|
|
4753
|
-
EuimSkeletonTextAvatarModule] });
|
|
4820
|
+
EuimSkeletonTextAvatarModule] });
|
|
4754
4821
|
}
|
|
4755
4822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4756
4823
|
type: NgModule,
|