@eui/mobile-core 16.7.0-snapshot-1709133352306 → 16.7.0-snapshot-1709219670867
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/EuimChipSelectorComponent.html +1 -1
- package/docs/components/EuimHeaderDetailsComponent.html +1 -1
- package/docs/components/EuimLanguageSelectorComponent.html +1 -1
- package/docs/components/EuimMessageComponent.html +1 -1
- package/docs/components/EuimSliderComponent.html +0 -4
- package/docs/components/EuimSliderInfoScreenComponent.html +0 -4
- package/docs/components/EuimToolbarTitleComponent.html +143 -26
- package/docs/directives/BaseStatesDirective.html +118 -13
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/base-states.directive.mjs +78 -2
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +5 -1
- package/esm2022/lib/components/euim-message/euim-message.component.mjs +3 -2
- package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +3 -2
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +3 -2
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +23 -8
- package/fesm2022/eui-mobile-core.mjs +111 -15
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/base-states.directive.d.ts +59 -1
- package/lib/components/base-states.directive.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +4 -0
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/lib/components/euim-message/euim-message.component.d.ts +1 -1
- package/lib/components/euim-message/euim-message.component.d.ts.map +1 -1
- package/lib/components/euim-slider/euim-slider.component.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +1 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts.map +1 -1
- package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts +7 -2
- package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -51,17 +51,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
51
51
|
class BaseStatesDirective {
|
|
52
52
|
constructor() {
|
|
53
53
|
// COLORS
|
|
54
|
+
/**
|
|
55
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
56
|
+
* Please use {@link color} property instead
|
|
57
|
+
*/
|
|
54
58
|
this.euimPrimary = false;
|
|
59
|
+
/**
|
|
60
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
61
|
+
* Please use {@link color} property instead
|
|
62
|
+
*/
|
|
55
63
|
this.euimSecondary = false;
|
|
64
|
+
/**
|
|
65
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
66
|
+
* Please use {@link color} property instead
|
|
67
|
+
*/
|
|
56
68
|
this.euimInfo = false;
|
|
69
|
+
/**
|
|
70
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
71
|
+
* Please use {@link color} property instead
|
|
72
|
+
*/
|
|
57
73
|
this.euimSuccess = false;
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
76
|
+
* Please use {@link color} property instead
|
|
77
|
+
*/
|
|
58
78
|
this.euimWarning = false;
|
|
79
|
+
/**
|
|
80
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
81
|
+
* Please use {@link color} property instead
|
|
82
|
+
*/
|
|
59
83
|
this.euimDanger = false;
|
|
84
|
+
/**
|
|
85
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
86
|
+
* Please use {@link color} property instead
|
|
87
|
+
*/
|
|
60
88
|
this.euimAccent = false;
|
|
89
|
+
/**
|
|
90
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
91
|
+
* Please use {@link color} property instead
|
|
92
|
+
*/
|
|
61
93
|
this.euimDefault = false;
|
|
94
|
+
/**
|
|
95
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
96
|
+
* Please use {@link color} property instead
|
|
97
|
+
*/
|
|
62
98
|
this.euimDark = false;
|
|
99
|
+
/**
|
|
100
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
101
|
+
* Please use {@link color} property instead
|
|
102
|
+
*/
|
|
63
103
|
this.euimWhite = false;
|
|
104
|
+
/**
|
|
105
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
106
|
+
* Please use {@link color} property instead
|
|
107
|
+
*/
|
|
64
108
|
this.euimLight = false;
|
|
109
|
+
/**
|
|
110
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
111
|
+
* Please use {@link color} property instead
|
|
112
|
+
*/
|
|
65
113
|
this.euimClear = false;
|
|
66
114
|
// STATES
|
|
67
115
|
this.euimDisabled = false;
|
|
@@ -86,8 +134,13 @@ class BaseStatesDirective {
|
|
|
86
134
|
this.euimSize5XL = false;
|
|
87
135
|
this._euimSizeVariant = '';
|
|
88
136
|
this._euimVariant = '';
|
|
137
|
+
this._variant = '';
|
|
89
138
|
this._color = '';
|
|
90
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
142
|
+
* Please use {@link color} property instead
|
|
143
|
+
*/
|
|
91
144
|
get euimVariant() {
|
|
92
145
|
return this._euimVariant;
|
|
93
146
|
}
|
|
@@ -106,6 +159,27 @@ class BaseStatesDirective {
|
|
|
106
159
|
this.euimLight = value === 'light';
|
|
107
160
|
this.euimClear = value === 'clear';
|
|
108
161
|
}
|
|
162
|
+
/**
|
|
163
|
+
* @deprecated will be removed in eUIMobile17. Please use {@link euimVariant} instead
|
|
164
|
+
*/
|
|
165
|
+
get variant() {
|
|
166
|
+
return this._variant;
|
|
167
|
+
}
|
|
168
|
+
set variant(value) {
|
|
169
|
+
this.euimPrimary = value === 'primary';
|
|
170
|
+
this.euimSecondary = value === 'secondary';
|
|
171
|
+
this.euimWarning = value === 'warning';
|
|
172
|
+
this.euimInfo = value === 'info';
|
|
173
|
+
this.euimSuccess = value === 'success';
|
|
174
|
+
this.euimDanger = value === 'danger';
|
|
175
|
+
this.euimAccent = value === 'accent';
|
|
176
|
+
this.euimDefault = value === 'default';
|
|
177
|
+
this.euimDark = value === 'dark';
|
|
178
|
+
this.euimWhite = value === 'white';
|
|
179
|
+
this._variant = value;
|
|
180
|
+
this.euimLight = value === 'light';
|
|
181
|
+
this.euimClear = value === 'clear';
|
|
182
|
+
}
|
|
109
183
|
get color() {
|
|
110
184
|
return this._color;
|
|
111
185
|
}
|
|
@@ -175,7 +249,7 @@ class BaseStatesDirective {
|
|
|
175
249
|
.trim();
|
|
176
250
|
}
|
|
177
251
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
178
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { euimPrimary: "euimPrimary", euimSecondary: "euimSecondary", euimInfo: "euimInfo", euimSuccess: "euimSuccess", euimWarning: "euimWarning", euimDanger: "euimDanger", euimAccent: "euimAccent", euimDefault: "euimDefault", euimDark: "euimDark", euimWhite: "euimWhite", euimLight: "euimLight", euimClear: "euimClear", euimVariant: "euimVariant", color: "color", euimDisabled: "euimDisabled", euimPositionTopEnd: "euimPositionTopEnd", euimFontBold: "euimFontBold", euimFontRegular: "euimFontRegular", euimFontBoldItalic: "euimFontBoldItalic", euimFontItalic: "euimFontItalic", euimFontLight: "euimFontLight", euimSize2XS: "euimSize2XS", euimSizeXS: "euimSizeXS", euimSizeS: "euimSizeS", euimSizeM: "euimSizeM", euimSizeL: "euimSizeL", euimSizeXL: "euimSizeXL", euimSize2XL: "euimSize2XL", euimSize3XL: "euimSize3XL", euimSize4XL: "euimSize4XL", euimSize5XL: "euimSize5XL", euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
|
|
252
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { euimPrimary: "euimPrimary", euimSecondary: "euimSecondary", euimInfo: "euimInfo", euimSuccess: "euimSuccess", euimWarning: "euimWarning", euimDanger: "euimDanger", euimAccent: "euimAccent", euimDefault: "euimDefault", euimDark: "euimDark", euimWhite: "euimWhite", euimLight: "euimLight", euimClear: "euimClear", euimVariant: "euimVariant", variant: "variant", color: "color", euimDisabled: "euimDisabled", euimPositionTopEnd: "euimPositionTopEnd", euimFontBold: "euimFontBold", euimFontRegular: "euimFontRegular", euimFontBoldItalic: "euimFontBoldItalic", euimFontItalic: "euimFontItalic", euimFontLight: "euimFontLight", euimSize2XS: "euimSize2XS", euimSizeXS: "euimSizeXS", euimSizeS: "euimSizeS", euimSizeM: "euimSizeM", euimSizeL: "euimSizeL", euimSizeXL: "euimSizeXL", euimSize2XL: "euimSize2XL", euimSize3XL: "euimSize3XL", euimSize4XL: "euimSize4XL", euimSize5XL: "euimSize5XL", euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
|
|
179
253
|
}
|
|
180
254
|
__decorate([
|
|
181
255
|
coerceBoolean
|
|
@@ -301,6 +375,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
301
375
|
type: Input
|
|
302
376
|
}], euimVariant: [{
|
|
303
377
|
type: Input
|
|
378
|
+
}], variant: [{
|
|
379
|
+
type: Input
|
|
304
380
|
}], color: [{
|
|
305
381
|
type: Input
|
|
306
382
|
}], euimDisabled: [{
|
|
@@ -997,7 +1073,7 @@ class EuimLanguageSelectorComponent {
|
|
|
997
1073
|
return;
|
|
998
1074
|
}
|
|
999
1075
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2$1.UxAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1000
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\">\n <ion-icon class=\"euim-language-selector__icon {{_euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}.euim-language-selector__avatar{background-color:var(--eui-base-color-grey-15)}.euim-language-selector__internal-icon{color:var(--eui-base-color-grey-100)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1076
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary", "color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\">\n <ion-icon class=\"euim-language-selector__icon {{_euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}.euim-language-selector__avatar{background-color:var(--eui-base-color-grey-15)}.euim-language-selector__internal-icon{color:var(--eui-base-color-grey-100)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1001
1077
|
}
|
|
1002
1078
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
1003
1079
|
type: Component,
|
|
@@ -1006,6 +1082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1006
1082
|
directive: BaseStatesDirective,
|
|
1007
1083
|
inputs: [
|
|
1008
1084
|
'euimPrimary',
|
|
1085
|
+
'color',
|
|
1009
1086
|
],
|
|
1010
1087
|
},
|
|
1011
1088
|
], template: "<ion-button (click)=\"onShowLanguageList()\">\n <ion-icon class=\"euim-language-selector__icon {{_euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font:normal normal 400 .75rem/1rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}.euim-language-selector__avatar{background-color:var(--eui-base-color-grey-15)}.euim-language-selector__internal-icon{color:var(--eui-base-color-grey-100)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-base-spacing-m))}\n"] }]
|
|
@@ -1440,17 +1517,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1440
1517
|
}] } });
|
|
1441
1518
|
|
|
1442
1519
|
class EuimToolbarTitleComponent {
|
|
1443
|
-
|
|
1444
|
-
this.
|
|
1520
|
+
get cssClasses() {
|
|
1521
|
+
return this.getCssClasses();
|
|
1522
|
+
}
|
|
1523
|
+
constructor(baseStatesDirective) {
|
|
1524
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
1525
|
+
}
|
|
1526
|
+
getCssClasses() {
|
|
1527
|
+
return [
|
|
1528
|
+
this.baseStatesDirective.getCssClasses('euim-toolbar-title'),
|
|
1529
|
+
].join(' ');
|
|
1445
1530
|
}
|
|
1446
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimToolbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1447
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title", host: { properties: { "
|
|
1531
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1532
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1448
1533
|
}
|
|
1449
1534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
1450
1535
|
type: Component,
|
|
1451
|
-
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1452
|
-
|
|
1453
|
-
|
|
1536
|
+
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1537
|
+
{
|
|
1538
|
+
directive: BaseStatesDirective,
|
|
1539
|
+
},
|
|
1540
|
+
], template: "<ng-content></ng-content>\n" }]
|
|
1541
|
+
}], ctorParameters: function () { return [{ type: BaseStatesDirective }]; }, propDecorators: { cssClasses: [{
|
|
1542
|
+
type: HostBinding,
|
|
1543
|
+
args: ['class']
|
|
1454
1544
|
}] } });
|
|
1455
1545
|
|
|
1456
1546
|
class EuimToolbarActionItemsComponent {
|
|
@@ -1588,7 +1678,7 @@ class EuimHeaderDetailsComponent {
|
|
|
1588
1678
|
].join(' ');
|
|
1589
1679
|
}
|
|
1590
1680
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1591
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimHeaderDetailsComponent, selector: "euim-header-details", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1681
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimHeaderDetailsComponent, selector: "euim-header-details", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1592
1682
|
}
|
|
1593
1683
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1594
1684
|
type: Component,
|
|
@@ -1597,6 +1687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1597
1687
|
directive: BaseStatesDirective,
|
|
1598
1688
|
inputs: [
|
|
1599
1689
|
'euimPrimary',
|
|
1690
|
+
'color',
|
|
1600
1691
|
],
|
|
1601
1692
|
},
|
|
1602
1693
|
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
|
|
@@ -1882,7 +1973,7 @@ class EuimMessageComponent {
|
|
|
1882
1973
|
].join(' ');
|
|
1883
1974
|
}
|
|
1884
1975
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1885
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimVariant", "euimVariant", "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-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;padding:0;margin:0 0 var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1976
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimVariant", "euimVariant", "color", "color", "variant", "variant"] }], 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-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;padding:0;margin:0 0 var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1886
1977
|
}
|
|
1887
1978
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1888
1979
|
type: Component,
|
|
@@ -1896,6 +1987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1896
1987
|
'euimDanger',
|
|
1897
1988
|
'euimVariant',
|
|
1898
1989
|
'color',
|
|
1990
|
+
'variant',
|
|
1899
1991
|
],
|
|
1900
1992
|
},
|
|
1901
1993
|
], 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-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;padding:0;margin:0 0 var(--eui-base-spacing-xs)}\n"] }]
|
|
@@ -2839,7 +2931,7 @@ class EuimSliderComponent {
|
|
|
2839
2931
|
this.leftBtnActionClicked.emit(event);
|
|
2840
2932
|
}
|
|
2841
2933
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSliderComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2842
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSliderComponent, selector: "euim-slider", inputs: { actionBtnNames: "actionBtnNames", isLeftBtnVisible: "isLeftBtnVisible", isPreviousBtn: "isPreviousBtn", isNextBtn: "isNextBtn" }, outputs: { actionClicked: "actionClicked", lastStepActionClicked: "lastStepActionClicked", leftBtnActionClicked: "leftBtnActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider__slider-container\">\n <div #slides class=\"euim-slider__slides\">\n <ng-content></ng-content>\n </div>\n <div class=\"euim-slider__pagination-container\">\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=isLeftBtnVisible class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n <div class=\"euim-slider__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n </div>\n <ion-button (click)=\"onAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;width:100%}.euim-slider__slide{width:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider__pagination{display:flex}.euim-slider__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }]
|
|
2934
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSliderComponent, selector: "euim-slider", inputs: { actionBtnNames: "actionBtnNames", isLeftBtnVisible: "isLeftBtnVisible", isPreviousBtn: "isPreviousBtn", isNextBtn: "isNextBtn" }, outputs: { actionClicked: "actionClicked", lastStepActionClicked: "lastStepActionClicked", leftBtnActionClicked: "leftBtnActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider__slider-container\">\n <div #slides class=\"euim-slider__slides\">\n <ng-content></ng-content>\n </div>\n <div class=\"euim-slider__pagination-container\">\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=isLeftBtnVisible class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n <div class=\"euim-slider__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n </div>\n <ion-button (click)=\"onAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;width:100%}.euim-slider__slide{width:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider__pagination{display:flex}.euim-slider__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] }); }
|
|
2843
2935
|
}
|
|
2844
2936
|
__decorate([
|
|
2845
2937
|
coerceBoolean
|
|
@@ -2858,7 +2950,7 @@ __decorate([
|
|
|
2858
2950
|
], EuimSliderComponent.prototype, "isRightBtnVisible", void 0);
|
|
2859
2951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSliderComponent, decorators: [{
|
|
2860
2952
|
type: Component,
|
|
2861
|
-
args: [{ selector: 'euim-slider',
|
|
2953
|
+
args: [{ selector: 'euim-slider', template: "<div #sliderElement class=\"euim-slider__slider-container\">\n <div #slides class=\"euim-slider__slides\">\n <ng-content></ng-content>\n </div>\n <div class=\"euim-slider__pagination-container\">\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=isLeftBtnVisible class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n <div class=\"euim-slider__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n </div>\n <ion-button (click)=\"onAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;width:100%}.euim-slider__slide{width:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider__pagination{display:flex}.euim-slider__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}\n"] }]
|
|
2862
2954
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { slides: [{
|
|
2863
2955
|
type: ViewChild,
|
|
2864
2956
|
args: ['slides', { static: true }]
|
|
@@ -3061,7 +3153,7 @@ class EuimSliderInfoScreenComponent {
|
|
|
3061
3153
|
this.leftActionClicked.emit(event);
|
|
3062
3154
|
}
|
|
3063
3155
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3064
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: "isCarousel", showLeftBtn: "showLeftBtn", showRightBtn: "showRightBtn", isPreviousBtn: "isPreviousBtn", isNextBtn: "isNextBtn", actionBtnNames: "actionBtnNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, 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 <div class=\"euim-slider-info-screen__pagination-container\" *ngIf=\"showLeftBtn || showRightBtn || isCarousel || isLastItemReached\" >\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=\"showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=showLeftBtnAsPrevious class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <div *ngIf=isCarousel 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 <ion-button (click)=\"onRightBtnAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\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{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider-info-screen__span.active{background-color:var(--eui-base-color-primary)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }],
|
|
3156
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: "isCarousel", showLeftBtn: "showLeftBtn", showRightBtn: "showRightBtn", isPreviousBtn: "isPreviousBtn", isNextBtn: "isNextBtn", actionBtnNames: "actionBtnNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.className" } }, 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 <div class=\"euim-slider-info-screen__pagination-container\" *ngIf=\"showLeftBtn || showRightBtn || isCarousel || isLastItemReached\" >\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=\"showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=showLeftBtnAsPrevious class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <div *ngIf=isCarousel 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 <ion-button (click)=\"onRightBtnAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\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{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider-info-screen__span.active{background-color:var(--eui-base-color-primary)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3065
3157
|
}
|
|
3066
3158
|
__decorate([
|
|
3067
3159
|
coerceBoolean
|
|
@@ -3086,7 +3178,7 @@ __decorate([
|
|
|
3086
3178
|
], EuimSliderInfoScreenComponent.prototype, "showLeftBtnAsPrevious", void 0);
|
|
3087
3179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
3088
3180
|
type: Component,
|
|
3089
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None,
|
|
3181
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n <div class=\"euim-slider-info-screen__pagination-container\" *ngIf=\"showLeftBtn || showRightBtn || isCarousel || isLastItemReached\" >\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=\"showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <ion-button (click)=\"onLeftBtnAction($event)\" *ngIf=showLeftBtnAsPrevious class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n <div *ngIf=isCarousel 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 <ion-button (click)=\"onRightBtnAction($event)\" *ngIf=\"!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n <ion-button (click)=\"onLastStepAction($event)\" *ngIf=isLastItemReached class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n </div>\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{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-base-color-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider-info-screen__span.active{background-color:var(--eui-base-color-primary)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-m)}\n"] }]
|
|
3090
3182
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { slides: [{
|
|
3091
3183
|
type: ViewChild,
|
|
3092
3184
|
args: ['slides', { static: true }]
|
|
@@ -3297,6 +3389,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3297
3389
|
class EuimChipSelectorComponent {
|
|
3298
3390
|
constructor() {
|
|
3299
3391
|
this.backgroundColor = 'primary';
|
|
3392
|
+
/**
|
|
3393
|
+
* @deprecated Will be removed in eUI Mobile 18.
|
|
3394
|
+
* Please use {@link color} property instead
|
|
3395
|
+
*/
|
|
3300
3396
|
this.chipColor = 'white';
|
|
3301
3397
|
this.color = 'white';
|
|
3302
3398
|
this.chipSelectedColor = 'white';
|