@eui/mobile-core 17.0.0-next.4 → 17.0.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuimAlertMessageComponent.html +3 -3
- package/docs/components/EuimChipSelectorComponent.html +3 -3
- package/docs/components/EuimEmptyListPlaceholderComponent.html +3 -3
- package/docs/components/EuimLabelComponent.html +4 -4
- package/docs/components/EuimMediaHeaderComponent.html +1 -1
- package/docs/components/EuimMenuComponent.html +0 -11
- package/docs/components/EuimMultiselectComponent.html +1 -1
- package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
- package/docs/components/EuimSkeletonListItemComponent.html +5 -5
- package/docs/components/EuimSliderComponent.html +3 -25
- package/docs/components/EuimSliderInfoScreenComponent.html +5 -27
- package/docs/components/EuimStepperComponent.html +2 -2
- package/docs/components/EuimToolbarComponent.html +3 -3
- package/docs/dependencies.html +4 -4
- package/docs/directives/BaseStatesDirective.html +29 -29
- package/docs/directives/EuimChipSelectorItemDirective.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +11 -21
- package/esm2022/lib/components/base-states.directive.mjs +61 -121
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +9 -17
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +5 -9
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +9 -17
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +9 -17
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +5 -9
- package/esm2022/lib/components/euim-menu/euim-menu.component.mjs +2 -7
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +5 -9
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +5 -9
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +13 -25
- package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +11 -25
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +15 -33
- package/esm2022/lib/components/euim-stepper/euim-stepper.component.mjs +7 -13
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +9 -17
- package/fesm2022/eui-mobile-core.mjs +148 -293
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/atoms/euim-label/euim-label.component.d.ts +8 -5
- package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
- package/lib/components/base-states.directive.d.ts +58 -30
- package/lib/components/base-states.directive.d.ts.map +1 -1
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +6 -4
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts +2 -2
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +6 -3
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts +6 -4
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header.component.d.ts +2 -2
- package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
- package/lib/components/euim-menu/euim-menu.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts +2 -2
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts +2 -2
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts +10 -6
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
- package/lib/components/euim-slider/euim-slider.component.d.ts +6 -3
- 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 +10 -5
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
- package/lib/components/euim-stepper/euim-stepper.component.d.ts +4 -3
- package/lib/components/euim-stepper/euim-stepper.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.component.d.ts +6 -4
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import { coerceBoolean } from '@eui/base';
|
|
2
1
|
export * from '@eui/base';
|
|
3
2
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener, ContentChild } from '@angular/core';
|
|
3
|
+
import { Injectable, booleanAttribute, Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener, ContentChild } from '@angular/core';
|
|
5
4
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
6
|
-
import { __decorate } from 'tslib';
|
|
7
5
|
import * as i2$1 from '@angular/common';
|
|
8
6
|
import { CommonModule } from '@angular/common';
|
|
9
7
|
import * as i1 from '@ionic/angular';
|
|
@@ -254,95 +252,8 @@ class BaseStatesDirective {
|
|
|
254
252
|
.trim();
|
|
255
253
|
}
|
|
256
254
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
257
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
255
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.0", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { euimPrimary: ["euimPrimary", "euimPrimary", booleanAttribute], euimSecondary: ["euimSecondary", "euimSecondary", booleanAttribute], euimInfo: ["euimInfo", "euimInfo", booleanAttribute], euimSuccess: ["euimSuccess", "euimSuccess", booleanAttribute], euimWarning: ["euimWarning", "euimWarning", booleanAttribute], euimDanger: ["euimDanger", "euimDanger", booleanAttribute], euimAccent: ["euimAccent", "euimAccent", booleanAttribute], euimDefault: ["euimDefault", "euimDefault", booleanAttribute], euimDark: ["euimDark", "euimDark", booleanAttribute], euimWhite: ["euimWhite", "euimWhite", booleanAttribute], euimLight: ["euimLight", "euimLight", booleanAttribute], euimClear: ["euimClear", "euimClear", booleanAttribute], euimVariant: "euimVariant", variant: "variant", 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 }); }
|
|
258
256
|
}
|
|
259
|
-
__decorate([
|
|
260
|
-
coerceBoolean
|
|
261
|
-
], BaseStatesDirective.prototype, "euimPrimary", void 0);
|
|
262
|
-
__decorate([
|
|
263
|
-
coerceBoolean
|
|
264
|
-
], BaseStatesDirective.prototype, "euimSecondary", void 0);
|
|
265
|
-
__decorate([
|
|
266
|
-
coerceBoolean
|
|
267
|
-
], BaseStatesDirective.prototype, "euimInfo", void 0);
|
|
268
|
-
__decorate([
|
|
269
|
-
coerceBoolean
|
|
270
|
-
], BaseStatesDirective.prototype, "euimSuccess", void 0);
|
|
271
|
-
__decorate([
|
|
272
|
-
coerceBoolean
|
|
273
|
-
], BaseStatesDirective.prototype, "euimWarning", void 0);
|
|
274
|
-
__decorate([
|
|
275
|
-
coerceBoolean
|
|
276
|
-
], BaseStatesDirective.prototype, "euimDanger", void 0);
|
|
277
|
-
__decorate([
|
|
278
|
-
coerceBoolean
|
|
279
|
-
], BaseStatesDirective.prototype, "euimAccent", void 0);
|
|
280
|
-
__decorate([
|
|
281
|
-
coerceBoolean
|
|
282
|
-
], BaseStatesDirective.prototype, "euimDefault", void 0);
|
|
283
|
-
__decorate([
|
|
284
|
-
coerceBoolean
|
|
285
|
-
], BaseStatesDirective.prototype, "euimDark", void 0);
|
|
286
|
-
__decorate([
|
|
287
|
-
coerceBoolean
|
|
288
|
-
], BaseStatesDirective.prototype, "euimWhite", void 0);
|
|
289
|
-
__decorate([
|
|
290
|
-
coerceBoolean
|
|
291
|
-
], BaseStatesDirective.prototype, "euimLight", void 0);
|
|
292
|
-
__decorate([
|
|
293
|
-
coerceBoolean
|
|
294
|
-
], BaseStatesDirective.prototype, "euimClear", void 0);
|
|
295
|
-
__decorate([
|
|
296
|
-
coerceBoolean
|
|
297
|
-
], BaseStatesDirective.prototype, "euimDisabled", void 0);
|
|
298
|
-
__decorate([
|
|
299
|
-
coerceBoolean
|
|
300
|
-
], BaseStatesDirective.prototype, "euimPositionTopEnd", void 0);
|
|
301
|
-
__decorate([
|
|
302
|
-
coerceBoolean
|
|
303
|
-
], BaseStatesDirective.prototype, "euimFontBold", void 0);
|
|
304
|
-
__decorate([
|
|
305
|
-
coerceBoolean
|
|
306
|
-
], BaseStatesDirective.prototype, "euimFontRegular", void 0);
|
|
307
|
-
__decorate([
|
|
308
|
-
coerceBoolean
|
|
309
|
-
], BaseStatesDirective.prototype, "euimFontBoldItalic", void 0);
|
|
310
|
-
__decorate([
|
|
311
|
-
coerceBoolean
|
|
312
|
-
], BaseStatesDirective.prototype, "euimFontItalic", void 0);
|
|
313
|
-
__decorate([
|
|
314
|
-
coerceBoolean
|
|
315
|
-
], BaseStatesDirective.prototype, "euimFontLight", void 0);
|
|
316
|
-
__decorate([
|
|
317
|
-
coerceBoolean
|
|
318
|
-
], BaseStatesDirective.prototype, "euimSize2XS", void 0);
|
|
319
|
-
__decorate([
|
|
320
|
-
coerceBoolean
|
|
321
|
-
], BaseStatesDirective.prototype, "euimSizeXS", void 0);
|
|
322
|
-
__decorate([
|
|
323
|
-
coerceBoolean
|
|
324
|
-
], BaseStatesDirective.prototype, "euimSizeS", void 0);
|
|
325
|
-
__decorate([
|
|
326
|
-
coerceBoolean
|
|
327
|
-
], BaseStatesDirective.prototype, "euimSizeM", void 0);
|
|
328
|
-
__decorate([
|
|
329
|
-
coerceBoolean
|
|
330
|
-
], BaseStatesDirective.prototype, "euimSizeL", void 0);
|
|
331
|
-
__decorate([
|
|
332
|
-
coerceBoolean
|
|
333
|
-
], BaseStatesDirective.prototype, "euimSizeXL", void 0);
|
|
334
|
-
__decorate([
|
|
335
|
-
coerceBoolean
|
|
336
|
-
], BaseStatesDirective.prototype, "euimSize2XL", void 0);
|
|
337
|
-
__decorate([
|
|
338
|
-
coerceBoolean
|
|
339
|
-
], BaseStatesDirective.prototype, "euimSize3XL", void 0);
|
|
340
|
-
__decorate([
|
|
341
|
-
coerceBoolean
|
|
342
|
-
], BaseStatesDirective.prototype, "euimSize4XL", void 0);
|
|
343
|
-
__decorate([
|
|
344
|
-
coerceBoolean
|
|
345
|
-
], BaseStatesDirective.prototype, "euimSize5XL", void 0);
|
|
346
257
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
347
258
|
type: Directive,
|
|
348
259
|
args: [{
|
|
@@ -355,29 +266,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
355
266
|
},
|
|
356
267
|
}]
|
|
357
268
|
}], propDecorators: { euimPrimary: [{
|
|
358
|
-
type: Input
|
|
269
|
+
type: Input,
|
|
270
|
+
args: [{ transform: booleanAttribute }]
|
|
359
271
|
}], euimSecondary: [{
|
|
360
|
-
type: Input
|
|
272
|
+
type: Input,
|
|
273
|
+
args: [{ transform: booleanAttribute }]
|
|
361
274
|
}], euimInfo: [{
|
|
362
|
-
type: Input
|
|
275
|
+
type: Input,
|
|
276
|
+
args: [{ transform: booleanAttribute }]
|
|
363
277
|
}], euimSuccess: [{
|
|
364
|
-
type: Input
|
|
278
|
+
type: Input,
|
|
279
|
+
args: [{ transform: booleanAttribute }]
|
|
365
280
|
}], euimWarning: [{
|
|
366
|
-
type: Input
|
|
281
|
+
type: Input,
|
|
282
|
+
args: [{ transform: booleanAttribute }]
|
|
367
283
|
}], euimDanger: [{
|
|
368
|
-
type: Input
|
|
284
|
+
type: Input,
|
|
285
|
+
args: [{ transform: booleanAttribute }]
|
|
369
286
|
}], euimAccent: [{
|
|
370
|
-
type: Input
|
|
287
|
+
type: Input,
|
|
288
|
+
args: [{ transform: booleanAttribute }]
|
|
371
289
|
}], euimDefault: [{
|
|
372
|
-
type: Input
|
|
290
|
+
type: Input,
|
|
291
|
+
args: [{ transform: booleanAttribute }]
|
|
373
292
|
}], euimDark: [{
|
|
374
|
-
type: Input
|
|
293
|
+
type: Input,
|
|
294
|
+
args: [{ transform: booleanAttribute }]
|
|
375
295
|
}], euimWhite: [{
|
|
376
|
-
type: Input
|
|
296
|
+
type: Input,
|
|
297
|
+
args: [{ transform: booleanAttribute }]
|
|
377
298
|
}], euimLight: [{
|
|
378
|
-
type: Input
|
|
299
|
+
type: Input,
|
|
300
|
+
args: [{ transform: booleanAttribute }]
|
|
379
301
|
}], euimClear: [{
|
|
380
|
-
type: Input
|
|
302
|
+
type: Input,
|
|
303
|
+
args: [{ transform: booleanAttribute }]
|
|
381
304
|
}], euimVariant: [{
|
|
382
305
|
type: Input
|
|
383
306
|
}], variant: [{
|
|
@@ -385,39 +308,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
385
308
|
}], color: [{
|
|
386
309
|
type: Input
|
|
387
310
|
}], euimDisabled: [{
|
|
388
|
-
type: Input
|
|
311
|
+
type: Input,
|
|
312
|
+
args: [{ transform: booleanAttribute }]
|
|
389
313
|
}], euimPositionTopEnd: [{
|
|
390
|
-
type: Input
|
|
314
|
+
type: Input,
|
|
315
|
+
args: [{ transform: booleanAttribute }]
|
|
391
316
|
}], euimFontBold: [{
|
|
392
|
-
type: Input
|
|
317
|
+
type: Input,
|
|
318
|
+
args: [{ transform: booleanAttribute }]
|
|
393
319
|
}], euimFontRegular: [{
|
|
394
|
-
type: Input
|
|
320
|
+
type: Input,
|
|
321
|
+
args: [{ transform: booleanAttribute }]
|
|
395
322
|
}], euimFontBoldItalic: [{
|
|
396
|
-
type: Input
|
|
323
|
+
type: Input,
|
|
324
|
+
args: [{ transform: booleanAttribute }]
|
|
397
325
|
}], euimFontItalic: [{
|
|
398
|
-
type: Input
|
|
326
|
+
type: Input,
|
|
327
|
+
args: [{ transform: booleanAttribute }]
|
|
399
328
|
}], euimFontLight: [{
|
|
400
|
-
type: Input
|
|
329
|
+
type: Input,
|
|
330
|
+
args: [{ transform: booleanAttribute }]
|
|
401
331
|
}], euimSize2XS: [{
|
|
402
|
-
type: Input
|
|
332
|
+
type: Input,
|
|
333
|
+
args: [{ transform: booleanAttribute }]
|
|
403
334
|
}], euimSizeXS: [{
|
|
404
|
-
type: Input
|
|
335
|
+
type: Input,
|
|
336
|
+
args: [{ transform: booleanAttribute }]
|
|
405
337
|
}], euimSizeS: [{
|
|
406
|
-
type: Input
|
|
338
|
+
type: Input,
|
|
339
|
+
args: [{ transform: booleanAttribute }]
|
|
407
340
|
}], euimSizeM: [{
|
|
408
|
-
type: Input
|
|
341
|
+
type: Input,
|
|
342
|
+
args: [{ transform: booleanAttribute }]
|
|
409
343
|
}], euimSizeL: [{
|
|
410
|
-
type: Input
|
|
344
|
+
type: Input,
|
|
345
|
+
args: [{ transform: booleanAttribute }]
|
|
411
346
|
}], euimSizeXL: [{
|
|
412
|
-
type: Input
|
|
347
|
+
type: Input,
|
|
348
|
+
args: [{ transform: booleanAttribute }]
|
|
413
349
|
}], euimSize2XL: [{
|
|
414
|
-
type: Input
|
|
350
|
+
type: Input,
|
|
351
|
+
args: [{ transform: booleanAttribute }]
|
|
415
352
|
}], euimSize3XL: [{
|
|
416
|
-
type: Input
|
|
353
|
+
type: Input,
|
|
354
|
+
args: [{ transform: booleanAttribute }]
|
|
417
355
|
}], euimSize4XL: [{
|
|
418
|
-
type: Input
|
|
356
|
+
type: Input,
|
|
357
|
+
args: [{ transform: booleanAttribute }]
|
|
419
358
|
}], euimSize5XL: [{
|
|
420
|
-
type: Input
|
|
359
|
+
type: Input,
|
|
360
|
+
args: [{ transform: booleanAttribute }]
|
|
421
361
|
}], euimSizeVariant: [{
|
|
422
362
|
type: Input
|
|
423
363
|
}] } });
|
|
@@ -444,20 +384,8 @@ class EuimLabelComponent {
|
|
|
444
384
|
].join(' ');
|
|
445
385
|
}
|
|
446
386
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
447
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
387
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.0", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimPrimary", "euimPrimary", "euimSecondary", "euimSecondary", "euimDefault", "euimDefault", "euimDark", "euimDark", "euimAccent", "euimAccent", "euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-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-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
448
388
|
}
|
|
449
|
-
__decorate([
|
|
450
|
-
coerceBoolean
|
|
451
|
-
], EuimLabelComponent.prototype, "euimLabelTitle", void 0);
|
|
452
|
-
__decorate([
|
|
453
|
-
coerceBoolean
|
|
454
|
-
], EuimLabelComponent.prototype, "euimLabelSubTitle", void 0);
|
|
455
|
-
__decorate([
|
|
456
|
-
coerceBoolean
|
|
457
|
-
], EuimLabelComponent.prototype, "euimLabelMeta", void 0);
|
|
458
|
-
__decorate([
|
|
459
|
-
coerceBoolean
|
|
460
|
-
], EuimLabelComponent.prototype, "euimLabelTruncate", void 0);
|
|
461
389
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
462
390
|
type: Component,
|
|
463
391
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
@@ -492,13 +420,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
492
420
|
}, {
|
|
493
421
|
type: Input
|
|
494
422
|
}], euimLabelTitle: [{
|
|
495
|
-
type: Input
|
|
423
|
+
type: Input,
|
|
424
|
+
args: [{ transform: booleanAttribute }]
|
|
496
425
|
}], euimLabelSubTitle: [{
|
|
497
|
-
type: Input
|
|
426
|
+
type: Input,
|
|
427
|
+
args: [{ transform: booleanAttribute }]
|
|
498
428
|
}], euimLabelMeta: [{
|
|
499
|
-
type: Input
|
|
429
|
+
type: Input,
|
|
430
|
+
args: [{ transform: booleanAttribute }]
|
|
500
431
|
}], euimLabelTruncate: [{
|
|
501
|
-
type: Input
|
|
432
|
+
type: Input,
|
|
433
|
+
args: [{ transform: booleanAttribute }]
|
|
502
434
|
}], cssClasses: [{
|
|
503
435
|
type: HostBinding,
|
|
504
436
|
args: ['class']
|
|
@@ -729,13 +661,10 @@ class EuimMenuComponent {
|
|
|
729
661
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMenuComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
730
662
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMenuComponent, selector: "euim-menu", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<ion-list>\n @for (section of items; track section) {\n <li class=\"euim-menu__section\">\n @if (section.sectionName) {\n <ion-item-divider>\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{section.sectionName}}</p>\n </ion-item-divider>\n }\n @for (item of section.items; track item; let j = $index) {\n <ion-menu-toggle auto-hide=\"true\">\n @if (item.label) {\n <ion-item (click)=\"onItemClick($event, j, item)\"\n [lines]=\"item.lines ? item.lines : 'none'\" button [detail]=\"item.detailArrow\"\n class=\"euim-menu__section-item\">\n @if (item.avatarColor) {\n <euim-avatar-icon size=\"s\" variant=\"rounded\" [color]=\"item.avatarColor\">\n @if (item.icon) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n </euim-avatar-icon>\n }\n @if (item.icon && !item.avatarColor) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n <div>\n <p class=\"euim-menu__section-item-label\" euimLabel [euimSizeM]=\"true\" [euimDark]=\"true\">{{item.label}}</p>\n <p class=\"euim-menu__section-item-sublabel\" euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.sublabel}}</p>\n </div>\n @if (item.badge) {\n <ion-badge [color]=\"item.badge.color\" slot=\"end\">\n {{item.badge.value}}</ion-badge>\n }\n @if (item.notification && !item.notification.count) {\n <euim-notification-item\n slot=\"end\"\n [euimSuccess]=\"isColorDirectiveShown(item, 'success')\"\n [euimWarning]=\"isColorDirectiveShown(item, 'warning')\"\n [euimDanger]=\"isColorDirectiveShown(item, 'danger')\"\n [euimInfo]=\"isColorDirectiveShown(item, 'info')\"\n [euimPrimary]=\"isColorDirectiveShown(item, 'primary')\"\n [euimSecondary]=\"isColorDirectiveShown(item, 'secondary')\"\n [euimAccent]=\"isColorDirectiveShown(item, 'accent')\"\n ></euim-notification-item>\n }\n @if (item.metadata) {\n <ion-note class=\"euim-menu__metadata\" slot=\"end\">\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.metadata}}</p>\n </ion-note>\n }\n </ion-item>\n }\n </ion-menu-toggle>\n }\n </li>\n }\n</ion-list>\n", styles: [".euim-menu__section-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-m)}.euim-menu__section-item::part(detail-icon){color:var(--eui-base-color-grey-50);font-size:var(--eui-base-font-size-2xl);opacity:1;margin-left:var(--eui-base-spacing-xs)}.euim-menu__section-item-label,.euim-menu__section-item-sublabel{margin-left:var(--eui-base-spacing-m)}.euim-menu__metadata{margin:auto 0 auto var(--eui-base-spacing-s);padding:0}\n"], dependencies: [{ kind: "component", type: i1.IonBadge, selector: "ion-badge", inputs: ["color", "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", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { 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.IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }, { kind: "component", type: EuimNotificationItemComponent, selector: "euim-notification-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
731
663
|
}
|
|
732
|
-
__decorate([
|
|
733
|
-
coerceBoolean
|
|
734
|
-
], EuimMenuComponent.prototype, "isChanged", void 0);
|
|
735
664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMenuComponent, decorators: [{
|
|
736
665
|
type: Component,
|
|
737
666
|
args: [{ selector: 'euim-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n @for (section of items; track section) {\n <li class=\"euim-menu__section\">\n @if (section.sectionName) {\n <ion-item-divider>\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{section.sectionName}}</p>\n </ion-item-divider>\n }\n @for (item of section.items; track item; let j = $index) {\n <ion-menu-toggle auto-hide=\"true\">\n @if (item.label) {\n <ion-item (click)=\"onItemClick($event, j, item)\"\n [lines]=\"item.lines ? item.lines : 'none'\" button [detail]=\"item.detailArrow\"\n class=\"euim-menu__section-item\">\n @if (item.avatarColor) {\n <euim-avatar-icon size=\"s\" variant=\"rounded\" [color]=\"item.avatarColor\">\n @if (item.icon) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n </euim-avatar-icon>\n }\n @if (item.icon && !item.avatarColor) {\n <ion-icon\n [color]=\"item.iconColor\"\n [name]=\"item.icon\"></ion-icon>\n }\n <div>\n <p class=\"euim-menu__section-item-label\" euimLabel [euimSizeM]=\"true\" [euimDark]=\"true\">{{item.label}}</p>\n <p class=\"euim-menu__section-item-sublabel\" euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.sublabel}}</p>\n </div>\n @if (item.badge) {\n <ion-badge [color]=\"item.badge.color\" slot=\"end\">\n {{item.badge.value}}</ion-badge>\n }\n @if (item.notification && !item.notification.count) {\n <euim-notification-item\n slot=\"end\"\n [euimSuccess]=\"isColorDirectiveShown(item, 'success')\"\n [euimWarning]=\"isColorDirectiveShown(item, 'warning')\"\n [euimDanger]=\"isColorDirectiveShown(item, 'danger')\"\n [euimInfo]=\"isColorDirectiveShown(item, 'info')\"\n [euimPrimary]=\"isColorDirectiveShown(item, 'primary')\"\n [euimSecondary]=\"isColorDirectiveShown(item, 'secondary')\"\n [euimAccent]=\"isColorDirectiveShown(item, 'accent')\"\n ></euim-notification-item>\n }\n @if (item.metadata) {\n <ion-note class=\"euim-menu__metadata\" slot=\"end\">\n <p euimLabel [euimSizeS]=\"true\" [euimDefault]=\"true\">{{item.metadata}}</p>\n </ion-note>\n }\n </ion-item>\n }\n </ion-menu-toggle>\n }\n </li>\n }\n</ion-list>\n", styles: [".euim-menu__section-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-m)}.euim-menu__section-item::part(detail-icon){color:var(--eui-base-color-grey-50);font-size:var(--eui-base-font-size-2xl);opacity:1;margin-left:var(--eui-base-spacing-xs)}.euim-menu__section-item-label,.euim-menu__section-item-sublabel{margin-left:var(--eui-base-spacing-m)}.euim-menu__metadata{margin:auto 0 auto var(--eui-base-spacing-s);padding:0}\n"] }]
|
|
738
|
-
}], ctorParameters: () => [{ type: i1.NavController }], propDecorators: {
|
|
667
|
+
}], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { itemClick: [{
|
|
739
668
|
type: Output
|
|
740
669
|
}], items: [{
|
|
741
670
|
type: Input
|
|
@@ -909,17 +838,8 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
909
838
|
].join(' ');
|
|
910
839
|
}
|
|
911
840
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
912
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: "euimMarginTopLarge", euimMarginTopSmall: "euimMarginTopSmall", euimMarginBottomSmall: "euimMarginBottomSmall" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
841
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
913
842
|
}
|
|
914
|
-
__decorate([
|
|
915
|
-
coerceBoolean
|
|
916
|
-
], EuimEmptyListPlaceholderComponent.prototype, "euimMarginTopLarge", void 0);
|
|
917
|
-
__decorate([
|
|
918
|
-
coerceBoolean
|
|
919
|
-
], EuimEmptyListPlaceholderComponent.prototype, "euimMarginTopSmall", void 0);
|
|
920
|
-
__decorate([
|
|
921
|
-
coerceBoolean
|
|
922
|
-
], EuimEmptyListPlaceholderComponent.prototype, "euimMarginBottomSmall", void 0);
|
|
923
843
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
924
844
|
type: Component,
|
|
925
845
|
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"] }]
|
|
@@ -932,11 +852,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
932
852
|
}], button: [{
|
|
933
853
|
type: Input
|
|
934
854
|
}], euimMarginTopLarge: [{
|
|
935
|
-
type: Input
|
|
855
|
+
type: Input,
|
|
856
|
+
args: [{ transform: booleanAttribute }]
|
|
936
857
|
}], euimMarginTopSmall: [{
|
|
937
|
-
type: Input
|
|
858
|
+
type: Input,
|
|
859
|
+
args: [{ transform: booleanAttribute }]
|
|
938
860
|
}], euimMarginBottomSmall: [{
|
|
939
|
-
type: Input
|
|
861
|
+
type: Input,
|
|
862
|
+
args: [{ transform: booleanAttribute }]
|
|
940
863
|
}], cssClasses: [{
|
|
941
864
|
type: HostBinding,
|
|
942
865
|
args: ['class']
|
|
@@ -1495,28 +1418,22 @@ class EuimToolbarComponent {
|
|
|
1495
1418
|
this.backButtonClick.emit(event);
|
|
1496
1419
|
}
|
|
1497
1420
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1498
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1421
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.0", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { 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: "directive", type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1499
1422
|
}
|
|
1500
|
-
__decorate([
|
|
1501
|
-
coerceBoolean
|
|
1502
|
-
], EuimToolbarComponent.prototype, "hasBackButton", void 0);
|
|
1503
|
-
__decorate([
|
|
1504
|
-
coerceBoolean
|
|
1505
|
-
], EuimToolbarComponent.prototype, "hasSidebarTrigger", void 0);
|
|
1506
|
-
__decorate([
|
|
1507
|
-
coerceBoolean
|
|
1508
|
-
], EuimToolbarComponent.prototype, "hasLanguageSelector", void 0);
|
|
1509
1423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
1510
1424
|
type: Component,
|
|
1511
1425
|
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"] }]
|
|
1512
1426
|
}], propDecorators: { hasBackButton: [{
|
|
1513
|
-
type: Input
|
|
1427
|
+
type: Input,
|
|
1428
|
+
args: [{ transform: booleanAttribute }]
|
|
1514
1429
|
}], backButtonDefaultHref: [{
|
|
1515
1430
|
type: Input
|
|
1516
1431
|
}], hasSidebarTrigger: [{
|
|
1517
|
-
type: Input
|
|
1432
|
+
type: Input,
|
|
1433
|
+
args: [{ transform: booleanAttribute }]
|
|
1518
1434
|
}], hasLanguageSelector: [{
|
|
1519
|
-
type: Input
|
|
1435
|
+
type: Input,
|
|
1436
|
+
args: [{ transform: booleanAttribute }]
|
|
1520
1437
|
}], backButtonClick: [{
|
|
1521
1438
|
type: Output
|
|
1522
1439
|
}], className: [{
|
|
@@ -2106,14 +2023,8 @@ class EuimStepperComponent {
|
|
|
2106
2023
|
this.isNextDisabled = this.currentStep >= this.stepsCount;
|
|
2107
2024
|
}
|
|
2108
2025
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2109
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2026
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.0", type: EuimStepperComponent, selector: "euim-stepper", inputs: { currentStep: "currentStep", stepsCount: "stepsCount", isPreviousDisabled: ["isPreviousDisabled", "isPreviousDisabled", booleanAttribute], isNextDisabled: ["isNextDisabled", "isNextDisabled", booleanAttribute] }, outputs: { previous: "previous", next: "next" }, ngImport: i0, template: "<ion-footer>\n <ion-footer fill=\"clear\">\n <ion-toolbar color=\"light\">\n <ion-row class=\"ion-align-items-center\">\n <ion-col class=\"ion-text-start\">\n <ion-button\n (click)=\"onPrevious()\"\n [disabled]=\"isPreviousDisabled\"\n fill=\"clear\"\n size=\"small\">\n <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\n <ion-label>{{ 'euim.stepper.previous' | translate }}</ion-label>\n </ion-button>\n </ion-col>\n\n <ion-col class=\"ion-text-center\">\n <ion-label color=\"primary\">\n {{ currentStep }} {{ 'euim.stepper.of' | translate }} {{stepsCount }}\n </ion-label>\n </ion-col>\n\n <ion-col class=\"ion-text-end\">\n <ion-button\n (click)=\"onNext()\"\n [disabled]=\"isNextDisabled\"\n fill=\"clear\"\n size=\"small\">\n <ion-label>{{ 'euim.stepper.next' | translate }}</ion-label>\n <ion-icon name=\"chevron-forward-outline\" slot=\"end\"></ion-icon>\n </ion-button>\n </ion-col>\n </ion-row>\n </ion-toolbar>\n </ion-footer>\n</ion-footer>\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.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { 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.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2110
2027
|
}
|
|
2111
|
-
__decorate([
|
|
2112
|
-
coerceBoolean
|
|
2113
|
-
], EuimStepperComponent.prototype, "isPreviousDisabled", void 0);
|
|
2114
|
-
__decorate([
|
|
2115
|
-
coerceBoolean
|
|
2116
|
-
], EuimStepperComponent.prototype, "isNextDisabled", void 0);
|
|
2117
2028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimStepperComponent, decorators: [{
|
|
2118
2029
|
type: Component,
|
|
2119
2030
|
args: [{ selector: 'euim-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-footer>\n <ion-footer fill=\"clear\">\n <ion-toolbar color=\"light\">\n <ion-row class=\"ion-align-items-center\">\n <ion-col class=\"ion-text-start\">\n <ion-button\n (click)=\"onPrevious()\"\n [disabled]=\"isPreviousDisabled\"\n fill=\"clear\"\n size=\"small\">\n <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\n <ion-label>{{ 'euim.stepper.previous' | translate }}</ion-label>\n </ion-button>\n </ion-col>\n\n <ion-col class=\"ion-text-center\">\n <ion-label color=\"primary\">\n {{ currentStep }} {{ 'euim.stepper.of' | translate }} {{stepsCount }}\n </ion-label>\n </ion-col>\n\n <ion-col class=\"ion-text-end\">\n <ion-button\n (click)=\"onNext()\"\n [disabled]=\"isNextDisabled\"\n fill=\"clear\"\n size=\"small\">\n <ion-label>{{ 'euim.stepper.next' | translate }}</ion-label>\n <ion-icon name=\"chevron-forward-outline\" slot=\"end\"></ion-icon>\n </ion-button>\n </ion-col>\n </ion-row>\n </ion-toolbar>\n </ion-footer>\n</ion-footer>\n" }]
|
|
@@ -2122,9 +2033,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
2122
2033
|
}], stepsCount: [{
|
|
2123
2034
|
type: Input
|
|
2124
2035
|
}], isPreviousDisabled: [{
|
|
2125
|
-
type: Input
|
|
2036
|
+
type: Input,
|
|
2037
|
+
args: [{ transform: booleanAttribute }]
|
|
2126
2038
|
}], isNextDisabled: [{
|
|
2127
|
-
type: Input
|
|
2039
|
+
type: Input,
|
|
2040
|
+
args: [{ transform: booleanAttribute }]
|
|
2128
2041
|
}], previous: [{
|
|
2129
2042
|
type: Output
|
|
2130
2043
|
}], next: [{
|
|
@@ -2340,11 +2253,8 @@ class EuimMediaHeaderComponent {
|
|
|
2340
2253
|
].join(' ').trim();
|
|
2341
2254
|
}
|
|
2342
2255
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2343
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: "euimNoGradient" }, 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 class=\"euim-media-header__gradient\">\n </div>\n}\n<div class=\"euim-media-header__text\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2256
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", 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 class=\"euim-media-header__gradient\">\n </div>\n}\n<div class=\"euim-media-header__text\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2344
2257
|
}
|
|
2345
|
-
__decorate([
|
|
2346
|
-
coerceBoolean
|
|
2347
|
-
], EuimMediaHeaderComponent.prototype, "euimNoGradient", void 0);
|
|
2348
2258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
2349
2259
|
type: Component,
|
|
2350
2260
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
@@ -2358,7 +2268,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
2358
2268
|
},
|
|
2359
2269
|
], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div class=\"euim-media-header__gradient\">\n </div>\n}\n<div class=\"euim-media-header__text\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"] }]
|
|
2360
2270
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
2361
|
-
type: Input
|
|
2271
|
+
type: Input,
|
|
2272
|
+
args: [{ transform: booleanAttribute }]
|
|
2362
2273
|
}], cssClasses: [{
|
|
2363
2274
|
type: HostBinding,
|
|
2364
2275
|
args: ['class']
|
|
@@ -2773,17 +2684,8 @@ class EuimAlertMessageComponent {
|
|
|
2773
2684
|
this.euimClose.emit();
|
|
2774
2685
|
}
|
|
2775
2686
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2776
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: "euimLabelTruncate", hasIcon: "hasIcon", isCloseable: "isCloseable" }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimPrimary", "euimPrimary", "euimDark", "euimDark", "euimLight", "euimLight", "euimClear", "euimClear", "euimVariant", "euimVariant", "color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{width:100%;display:flex;align-items:center;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-base-spacing-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-base-color-danger-120);background:var(--eui-base-color-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-base-color-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--info{color:var(--eui-base-color-info-120);background:var(--eui-base-color-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-base-color-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--success{color:var(--eui-base-color-success-120);background:var(--eui-base-color-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-base-color-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--warning{color:var(--eui-base-color-warning-140);background:var(--eui-base-color-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-base-color-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-base-color-warning-120);color:var(--eui-base-color-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--dark{color:var(--eui-base-color-white);background:var(--eui-base-color-grey-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-alert-message--primary{color:var(--eui-base-color-white);background:var(--eui-base-color-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5)}.euim-alert-message--light{color:var(--eui-base-color-grey-100);background:var(--eui-base-color-grey-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-100)}.euim-alert-message--default{color:var(--eui-base-color-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-base-color-black)}.euim-alert-message--clear{color:var(--eui-base-color-grey-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2687
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimWarning", "euimWarning", "euimDanger", "euimDanger", "euimPrimary", "euimPrimary", "euimDark", "euimDark", "euimLight", "euimLight", "euimClear", "euimClear", "euimVariant", "euimVariant", "color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{width:100%;display:flex;align-items:center;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-xs);padding-bottom:var(--eui-base-spacing-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-base-spacing-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);margin-inline-end:var(--eui-base-spacing-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-base-color-danger-120);background:var(--eui-base-color-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-base-color-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-base-color-danger-100)}.euim-alert-message--info{color:var(--eui-base-color-info-120);background:var(--eui-base-color-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-base-color-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-base-color-info-100);color:var(--eui-base-color-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-base-color-info-100)}.euim-alert-message--success{color:var(--eui-base-color-success-120);background:var(--eui-base-color-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-base-color-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-base-color-success-100);color:var(--eui-base-color-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-base-color-success-100)}.euim-alert-message--warning{color:var(--eui-base-color-warning-140);background:var(--eui-base-color-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-base-color-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-base-color-warning-120);color:var(--eui-base-color-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-base-color-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-base-color-warning-120)}.euim-alert-message--dark{color:var(--eui-base-color-white);background:var(--eui-base-color-grey-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-alert-message--primary{color:var(--eui-base-color-white);background:var(--eui-base-color-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-base-color-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5)}.euim-alert-message--light{color:var(--eui-base-color-grey-100);background:var(--eui-base-color-grey-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-100)}.euim-alert-message--default{color:var(--eui-base-color-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-base-color-black)}.euim-alert-message--clear{color:var(--eui-base-color-grey-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-base-color-grey-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-base-spacing-xs);padding-left:var(--eui-base-spacing-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2777
2688
|
}
|
|
2778
|
-
__decorate([
|
|
2779
|
-
coerceBoolean
|
|
2780
|
-
], EuimAlertMessageComponent.prototype, "euimLabelTruncate", void 0);
|
|
2781
|
-
__decorate([
|
|
2782
|
-
coerceBoolean
|
|
2783
|
-
], EuimAlertMessageComponent.prototype, "hasIcon", void 0);
|
|
2784
|
-
__decorate([
|
|
2785
|
-
coerceBoolean
|
|
2786
|
-
], EuimAlertMessageComponent.prototype, "isCloseable", void 0);
|
|
2787
2689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2788
2690
|
type: Component,
|
|
2789
2691
|
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
@@ -2806,11 +2708,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
2806
2708
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
|
|
2807
2709
|
type: Output
|
|
2808
2710
|
}], euimLabelTruncate: [{
|
|
2809
|
-
type: Input
|
|
2711
|
+
type: Input,
|
|
2712
|
+
args: [{ transform: booleanAttribute }]
|
|
2810
2713
|
}], hasIcon: [{
|
|
2811
|
-
type: Input
|
|
2714
|
+
type: Input,
|
|
2715
|
+
args: [{ transform: booleanAttribute }]
|
|
2812
2716
|
}], isCloseable: [{
|
|
2813
|
-
type: Input
|
|
2717
|
+
type: Input,
|
|
2718
|
+
args: [{ transform: booleanAttribute }]
|
|
2814
2719
|
}], cssClasses: [{
|
|
2815
2720
|
type: HostBinding,
|
|
2816
2721
|
args: ['class']
|
|
@@ -2968,23 +2873,8 @@ class EuimSliderComponent {
|
|
|
2968
2873
|
this.leftBtnActionClicked.emit(event);
|
|
2969
2874
|
}
|
|
2970
2875
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2971
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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 @if (isLeftBtnVisible) {\n <ion-button (click)=\"onLeftBtnAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n }\n <div class=\"euim-slider__pagination\">\n @for (slide of slidesArray; track slide; let i = $index) {\n <span (click)=\"goToSlide(i)\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n }\n </div>\n @if (!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible) {\n <ion-button (click)=\"onAction($event)\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n }\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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-100)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary-100)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary-100);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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
|
|
2876
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSliderComponent, selector: "euim-slider", inputs: { actionBtnNames: "actionBtnNames", isLeftBtnVisible: ["isLeftBtnVisible", "isLeftBtnVisible", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute] }, 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 @if (isLeftBtnVisible) {\n <ion-button (click)=\"onLeftBtnAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n }\n <div class=\"euim-slider__pagination\">\n @for (slide of slidesArray; track slide; let i = $index) {\n <span (click)=\"goToSlide(i)\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n }\n </div>\n @if (!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible) {\n <ion-button (click)=\"onAction($event)\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n }\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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-100)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary-100)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary-100);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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
|
|
2972
2877
|
}
|
|
2973
|
-
__decorate([
|
|
2974
|
-
coerceBoolean
|
|
2975
|
-
], EuimSliderComponent.prototype, "isLastItemReached", void 0);
|
|
2976
|
-
__decorate([
|
|
2977
|
-
coerceBoolean
|
|
2978
|
-
], EuimSliderComponent.prototype, "isLeftBtnVisible", void 0);
|
|
2979
|
-
__decorate([
|
|
2980
|
-
coerceBoolean
|
|
2981
|
-
], EuimSliderComponent.prototype, "isPreviousBtn", void 0);
|
|
2982
|
-
__decorate([
|
|
2983
|
-
coerceBoolean
|
|
2984
|
-
], EuimSliderComponent.prototype, "isNextBtn", void 0);
|
|
2985
|
-
__decorate([
|
|
2986
|
-
coerceBoolean
|
|
2987
|
-
], EuimSliderComponent.prototype, "isRightBtnVisible", void 0);
|
|
2988
2878
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderComponent, decorators: [{
|
|
2989
2879
|
type: Component,
|
|
2990
2880
|
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 @if (isLeftBtnVisible) {\n <ion-button (click)=\"onLeftBtnAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftActionBtnName}}</ion-button>\n }\n <div class=\"euim-slider__pagination\">\n @for (slide of slidesArray; track slide; let i = $index) {\n <span (click)=\"goToSlide(i)\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider__span\"></span>\n }\n </div>\n @if (!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible) {\n <ion-button (click)=\"onAction($event)\" class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.actionBtnName}}</ion-button>\n }\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"class=\"euim-slider__action-button euim-slider__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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-100)}.euim-slider__span:not(:last-child){margin-right:var(--eui-base-spacing-xs)}.euim-slider__span.active{background-color:var(--eui-base-color-primary-100)}.euim-slider__action-button{position:absolute;color:var(--eui-base-color-primary-100);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"] }]
|
|
@@ -2999,13 +2889,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
2999
2889
|
type: Output
|
|
3000
2890
|
}], actionBtnNames: [{
|
|
3001
2891
|
type: Input
|
|
3002
|
-
}],
|
|
3003
|
-
type: Input
|
|
2892
|
+
}], isLeftBtnVisible: [{
|
|
2893
|
+
type: Input,
|
|
2894
|
+
args: [{ transform: booleanAttribute }]
|
|
3004
2895
|
}], isPreviousBtn: [{
|
|
3005
|
-
type: Input
|
|
2896
|
+
type: Input,
|
|
2897
|
+
args: [{ transform: booleanAttribute }]
|
|
3006
2898
|
}], isNextBtn: [{
|
|
3007
|
-
type: Input
|
|
3008
|
-
|
|
2899
|
+
type: Input,
|
|
2900
|
+
args: [{ transform: booleanAttribute }]
|
|
2901
|
+
}], className: [{
|
|
3009
2902
|
type: HostBinding,
|
|
3010
2903
|
args: ['class']
|
|
3011
2904
|
}], onResize: [{
|
|
@@ -3190,29 +3083,8 @@ class EuimSliderInfoScreenComponent {
|
|
|
3190
3083
|
this.leftActionClicked.emit(event);
|
|
3191
3084
|
}
|
|
3192
3085
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3193
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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 @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)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</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 }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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{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-100)}.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-100)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary-100);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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3086
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], 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 @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)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</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 }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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{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-100)}.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-100)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary-100);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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3194
3087
|
}
|
|
3195
|
-
__decorate([
|
|
3196
|
-
coerceBoolean
|
|
3197
|
-
], EuimSliderInfoScreenComponent.prototype, "isLastItemReached", void 0);
|
|
3198
|
-
__decorate([
|
|
3199
|
-
coerceBoolean
|
|
3200
|
-
], EuimSliderInfoScreenComponent.prototype, "isCarousel", void 0);
|
|
3201
|
-
__decorate([
|
|
3202
|
-
coerceBoolean
|
|
3203
|
-
], EuimSliderInfoScreenComponent.prototype, "showLeftBtn", void 0);
|
|
3204
|
-
__decorate([
|
|
3205
|
-
coerceBoolean
|
|
3206
|
-
], EuimSliderInfoScreenComponent.prototype, "showRightBtn", void 0);
|
|
3207
|
-
__decorate([
|
|
3208
|
-
coerceBoolean
|
|
3209
|
-
], EuimSliderInfoScreenComponent.prototype, "isPreviousBtn", void 0);
|
|
3210
|
-
__decorate([
|
|
3211
|
-
coerceBoolean
|
|
3212
|
-
], EuimSliderInfoScreenComponent.prototype, "isNextBtn", void 0);
|
|
3213
|
-
__decorate([
|
|
3214
|
-
coerceBoolean
|
|
3215
|
-
], EuimSliderInfoScreenComponent.prototype, "showLeftBtnAsPrevious", void 0);
|
|
3216
3088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
3217
3089
|
type: Component,
|
|
3218
3090
|
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">{{actionBtnNames.leftBtnName}}</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 }\"\n class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.rightBtnName}}</ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\" class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">{{actionBtnNames.lastStepActionBtnName}}</ion-button>\n }\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{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-100)}.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-100)}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-base-color-primary-100);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"] }]
|
|
@@ -3225,19 +3097,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3225
3097
|
type: Output
|
|
3226
3098
|
}], leftActionClicked: [{
|
|
3227
3099
|
type: Output
|
|
3228
|
-
}],
|
|
3229
|
-
type: Input
|
|
3100
|
+
}], isCarousel: [{
|
|
3101
|
+
type: Input,
|
|
3102
|
+
args: [{ transform: booleanAttribute }]
|
|
3230
3103
|
}], showLeftBtn: [{
|
|
3231
|
-
type: Input
|
|
3104
|
+
type: Input,
|
|
3105
|
+
args: [{ transform: booleanAttribute }]
|
|
3232
3106
|
}], showRightBtn: [{
|
|
3233
|
-
type: Input
|
|
3107
|
+
type: Input,
|
|
3108
|
+
args: [{ transform: booleanAttribute }]
|
|
3234
3109
|
}], isPreviousBtn: [{
|
|
3235
|
-
type: Input
|
|
3110
|
+
type: Input,
|
|
3111
|
+
args: [{ transform: booleanAttribute }]
|
|
3236
3112
|
}], isNextBtn: [{
|
|
3237
|
-
type: Input
|
|
3113
|
+
type: Input,
|
|
3114
|
+
args: [{ transform: booleanAttribute }]
|
|
3238
3115
|
}], actionBtnNames: [{
|
|
3239
3116
|
type: Input
|
|
3240
|
-
}],
|
|
3117
|
+
}], className: [{
|
|
3241
3118
|
type: HostBinding,
|
|
3242
3119
|
args: ['class']
|
|
3243
3120
|
}], onResize: [{
|
|
@@ -3405,11 +3282,8 @@ class EuimChipSelectorItemDirective {
|
|
|
3405
3282
|
this.className = 'euim-chip-selector__item';
|
|
3406
3283
|
}
|
|
3407
3284
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3408
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
3285
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.0", type: EuimChipSelectorItemDirective, selector: "[euimChipSelectorItem]", inputs: { id: "id", euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3409
3286
|
}
|
|
3410
|
-
__decorate([
|
|
3411
|
-
coerceBoolean
|
|
3412
|
-
], EuimChipSelectorItemDirective.prototype, "euimChipSelectorAll", void 0);
|
|
3413
3287
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
3414
3288
|
type: Directive,
|
|
3415
3289
|
args: [{
|
|
@@ -3418,7 +3292,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3418
3292
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { id: [{
|
|
3419
3293
|
type: Input
|
|
3420
3294
|
}], euimChipSelectorAll: [{
|
|
3421
|
-
type: Input
|
|
3295
|
+
type: Input,
|
|
3296
|
+
args: [{ transform: booleanAttribute }]
|
|
3422
3297
|
}], className: [{
|
|
3423
3298
|
type: HostBinding,
|
|
3424
3299
|
args: ['class']
|
|
@@ -3683,17 +3558,8 @@ class EuimChipSelectorComponent {
|
|
|
3683
3558
|
this.selectedChips = ['0'];
|
|
3684
3559
|
}
|
|
3685
3560
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3686
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", chipColor: "chipColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: "isMultiSelectionMode", euimKeepSelection: "euimKeepSelection", hasSearchbar: "hasSearchbar" }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3561
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", chipColor: "chipColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3687
3562
|
}
|
|
3688
|
-
__decorate([
|
|
3689
|
-
coerceBoolean
|
|
3690
|
-
], EuimChipSelectorComponent.prototype, "isMultiSelectionMode", void 0);
|
|
3691
|
-
__decorate([
|
|
3692
|
-
coerceBoolean
|
|
3693
|
-
], EuimChipSelectorComponent.prototype, "euimKeepSelection", void 0);
|
|
3694
|
-
__decorate([
|
|
3695
|
-
coerceBoolean
|
|
3696
|
-
], EuimChipSelectorComponent.prototype, "hasSearchbar", void 0);
|
|
3697
3563
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
3698
3564
|
type: Component,
|
|
3699
3565
|
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"] }]
|
|
@@ -3712,11 +3578,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3712
3578
|
}], selectedChips: [{
|
|
3713
3579
|
type: Input
|
|
3714
3580
|
}], isMultiSelectionMode: [{
|
|
3715
|
-
type: Input
|
|
3581
|
+
type: Input,
|
|
3582
|
+
args: [{ transform: booleanAttribute }]
|
|
3716
3583
|
}], euimKeepSelection: [{
|
|
3717
|
-
type: Input
|
|
3584
|
+
type: Input,
|
|
3585
|
+
args: [{ transform: booleanAttribute }]
|
|
3718
3586
|
}], hasSearchbar: [{
|
|
3719
|
-
type: Input
|
|
3587
|
+
type: Input,
|
|
3588
|
+
args: [{ transform: booleanAttribute }]
|
|
3720
3589
|
}], filterData: [{
|
|
3721
3590
|
type: Output
|
|
3722
3591
|
}], clickItems: [{
|
|
@@ -3783,23 +3652,8 @@ class EuimSkeletonListItemComponent {
|
|
|
3783
3652
|
.trim();
|
|
3784
3653
|
}
|
|
3785
3654
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3786
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: { hasAvatar: "hasAvatar", hasTitle: "hasTitle", hasSubtitle: "hasSubtitle", hasMetaLine: "hasMetaLine", isAnimated: "isAnimated", 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-base-spacing-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3655
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-base-spacing-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3787
3656
|
}
|
|
3788
|
-
__decorate([
|
|
3789
|
-
coerceBoolean
|
|
3790
|
-
], EuimSkeletonListItemComponent.prototype, "hasAvatar", void 0);
|
|
3791
|
-
__decorate([
|
|
3792
|
-
coerceBoolean
|
|
3793
|
-
], EuimSkeletonListItemComponent.prototype, "hasTitle", void 0);
|
|
3794
|
-
__decorate([
|
|
3795
|
-
coerceBoolean
|
|
3796
|
-
], EuimSkeletonListItemComponent.prototype, "hasSubtitle", void 0);
|
|
3797
|
-
__decorate([
|
|
3798
|
-
coerceBoolean
|
|
3799
|
-
], EuimSkeletonListItemComponent.prototype, "hasMetaLine", void 0);
|
|
3800
|
-
__decorate([
|
|
3801
|
-
coerceBoolean
|
|
3802
|
-
], EuimSkeletonListItemComponent.prototype, "isAnimated", void 0);
|
|
3803
3657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
3804
3658
|
type: Component,
|
|
3805
3659
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
@@ -3815,15 +3669,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
3815
3669
|
type: HostBinding,
|
|
3816
3670
|
args: ['class']
|
|
3817
3671
|
}], hasAvatar: [{
|
|
3818
|
-
type: Input
|
|
3672
|
+
type: Input,
|
|
3673
|
+
args: [{ transform: booleanAttribute }]
|
|
3819
3674
|
}], hasTitle: [{
|
|
3820
|
-
type: Input
|
|
3675
|
+
type: Input,
|
|
3676
|
+
args: [{ transform: booleanAttribute }]
|
|
3821
3677
|
}], hasSubtitle: [{
|
|
3822
|
-
type: Input
|
|
3678
|
+
type: Input,
|
|
3679
|
+
args: [{ transform: booleanAttribute }]
|
|
3823
3680
|
}], hasMetaLine: [{
|
|
3824
|
-
type: Input
|
|
3681
|
+
type: Input,
|
|
3682
|
+
args: [{ transform: booleanAttribute }]
|
|
3825
3683
|
}], isAnimated: [{
|
|
3826
|
-
type: Input
|
|
3684
|
+
type: Input,
|
|
3685
|
+
args: [{ transform: booleanAttribute }]
|
|
3827
3686
|
}], avatarType: [{
|
|
3828
3687
|
type: Input
|
|
3829
3688
|
}], separator: [{
|
|
@@ -3987,11 +3846,8 @@ class EuimMultiselectComponent {
|
|
|
3987
3846
|
}
|
|
3988
3847
|
}
|
|
3989
3848
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3990
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectComponent, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: "euimKeepSelection" }, host: { properties: { "class": "this.className" } }, usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-base-color-grey-100)}.euim-multiselect__toolbar--title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3849
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectComponent, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-base-color-grey-100)}.euim-multiselect__toolbar--title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3991
3850
|
}
|
|
3992
|
-
__decorate([
|
|
3993
|
-
coerceBoolean
|
|
3994
|
-
], EuimMultiselectComponent.prototype, "euimKeepSelection", void 0);
|
|
3995
3851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3996
3852
|
type: Component,
|
|
3997
3853
|
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-base-color-grey-100)}.euim-multiselect__toolbar--title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700}\n"] }]
|
|
@@ -4003,7 +3859,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
4003
3859
|
}], toolbarTitle: [{
|
|
4004
3860
|
type: Input
|
|
4005
3861
|
}], euimKeepSelection: [{
|
|
4006
|
-
type: Input
|
|
3862
|
+
type: Input,
|
|
3863
|
+
args: [{ transform: booleanAttribute }]
|
|
4007
3864
|
}] } });
|
|
4008
3865
|
|
|
4009
3866
|
class EuimMultiselectFilterComponent {
|
|
@@ -4211,11 +4068,8 @@ class EuimMultiselectToolbarComponent {
|
|
|
4211
4068
|
this.cancel.emit(true);
|
|
4212
4069
|
}
|
|
4213
4070
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4214
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectToolbarComponent, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: "euimCustomRender" }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4071
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimMultiselectToolbarComponent, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4215
4072
|
}
|
|
4216
|
-
__decorate([
|
|
4217
|
-
coerceBoolean
|
|
4218
|
-
], EuimMultiselectToolbarComponent.prototype, "euimCustomRender", void 0);
|
|
4219
4073
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
4220
4074
|
type: Component,
|
|
4221
4075
|
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n" }]
|
|
@@ -4225,7 +4079,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
4225
4079
|
}], toolbarTitle: [{
|
|
4226
4080
|
type: Input
|
|
4227
4081
|
}], euimCustomRender: [{
|
|
4228
|
-
type: Input
|
|
4082
|
+
type: Input,
|
|
4083
|
+
args: [{ transform: booleanAttribute }]
|
|
4229
4084
|
}], cancel: [{
|
|
4230
4085
|
type: Output
|
|
4231
4086
|
}], confirm: [{
|