@eui/mobile-core 17.0.0-next.4 → 17.0.0-next.6

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.
Files changed (71) hide show
  1. package/docs/components/EuimAlertMessageComponent.html +3 -3
  2. package/docs/components/EuimBadgeComponent.html +1 -1
  3. package/docs/components/EuimChipSelectorComponent.html +54 -95
  4. package/docs/components/EuimEmptyListPlaceholderComponent.html +3 -3
  5. package/docs/components/EuimLabelComponent.html +4 -4
  6. package/docs/components/EuimMediaHeaderComponent.html +1 -1
  7. package/docs/components/EuimMenuComponent.html +0 -11
  8. package/docs/components/EuimMultiselectComponent.html +1 -1
  9. package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
  10. package/docs/components/EuimSkeletonListItemComponent.html +5 -5
  11. package/docs/components/EuimSliderComponent.html +3 -25
  12. package/docs/components/EuimSliderInfoScreenComponent.html +5 -27
  13. package/docs/components/EuimStepperComponent.html +2 -2
  14. package/docs/components/EuimToolbarComponent.html +3 -3
  15. package/docs/dependencies.html +4 -4
  16. package/docs/directives/BaseStatesDirective.html +29 -29
  17. package/docs/directives/EuimChipSelectorItemDirective.html +1 -1
  18. package/docs/js/search/search_index.js +2 -2
  19. package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +11 -21
  20. package/esm2022/lib/components/base-states.directive.mjs +61 -121
  21. package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +9 -17
  22. package/esm2022/lib/components/euim-avatar/euim-avatar.component.mjs +2 -2
  23. package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +6 -3
  24. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +5 -9
  25. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +66 -82
  26. package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +9 -17
  27. package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +5 -9
  28. package/esm2022/lib/components/euim-menu/euim-menu.component.mjs +2 -7
  29. package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +5 -9
  30. package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +5 -9
  31. package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +13 -25
  32. package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +11 -25
  33. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +15 -33
  34. package/esm2022/lib/components/euim-stepper/euim-stepper.component.mjs +7 -13
  35. package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +9 -17
  36. package/fesm2022/eui-mobile-core.mjs +212 -362
  37. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  38. package/lib/components/atoms/euim-label/euim-label.component.d.ts +8 -5
  39. package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
  40. package/lib/components/base-states.directive.d.ts +58 -30
  41. package/lib/components/base-states.directive.d.ts.map +1 -1
  42. package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +6 -4
  43. package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
  44. package/lib/components/euim-badge/euim-badge.component.d.ts +1 -1
  45. package/lib/components/euim-badge/euim-badge.component.d.ts.map +1 -1
  46. package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts +2 -2
  47. package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
  48. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +11 -5
  49. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  50. package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts +6 -4
  51. package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
  52. package/lib/components/euim-media-header/euim-media-header.component.d.ts +2 -2
  53. package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
  54. package/lib/components/euim-menu/euim-menu.component.d.ts.map +1 -1
  55. package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts +2 -2
  56. package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
  57. package/lib/components/euim-multiselect/euim-multiselect.component.d.ts +2 -2
  58. package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
  59. package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts +10 -6
  60. package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
  61. package/lib/components/euim-slider/euim-slider.component.d.ts +6 -3
  62. package/lib/components/euim-slider/euim-slider.component.d.ts.map +1 -1
  63. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +10 -5
  64. package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
  65. package/lib/components/euim-stepper/euim-stepper.component.d.ts +4 -3
  66. package/lib/components/euim-stepper/euim-stepper.component.d.ts.map +1 -1
  67. package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts +1 -1
  68. package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts.map +1 -1
  69. package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts +6 -4
  70. package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
  71. package/package.json +1 -1
package/fesm2022/eui-mobile-core.mjs CHANGED
@@ -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: "14.0.0", version: "17.3.0", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { euimPrimary: "euimPrimary", euimSecondary: "euimSecondary", euimInfo: "euimInfo", euimSuccess: "euimSuccess", euimWarning: "euimWarning", euimDanger: "euimDanger", euimAccent: "euimAccent", euimDefault: "euimDefault", euimDark: "euimDark", euimWhite: "euimWhite", euimLight: "euimLight", euimClear: "euimClear", euimVariant: "euimVariant", variant: "variant", color: "color", euimDisabled: "euimDisabled", euimPositionTopEnd: "euimPositionTopEnd", euimFontBold: "euimFontBold", euimFontRegular: "euimFontRegular", euimFontBoldItalic: "euimFontBoldItalic", euimFontItalic: "euimFontItalic", euimFontLight: "euimFontLight", euimSize2XS: "euimSize2XS", euimSizeXS: "euimSizeXS", euimSizeS: "euimSizeS", euimSizeM: "euimSizeM", euimSizeL: "euimSizeL", euimSizeXL: "euimSizeXL", euimSize2XL: "euimSize2XL", euimSize3XL: "euimSize3XL", euimSize4XL: "euimSize4XL", euimSize5XL: "euimSize5XL", euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
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: "14.0.0", version: "17.3.0", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: "euimLabelTitle", euimLabelSubTitle: "euimLabelSubTitle", euimLabelMeta: "euimLabelMeta", euimLabelTruncate: "euimLabelTruncate" }, 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 }); }
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: { isChanged: [], itemClick: [{
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: "14.0.0", version: "17.3.0", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: "hasBackButton", backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: "hasSidebarTrigger", hasLanguageSelector: "hasLanguageSelector" }, 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 }); }
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: [{
@@ -1930,7 +1847,7 @@ class EuimBadgeComponent {
1930
1847
  ].join(' ').trim();
1931
1848
  }
1932
1849
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
1933
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimDanger", "euimDanger", "euimWarning", "euimWarning", "euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimDefault", "euimDefault", "euimPositionTopEnd", "euimPositionTopEnd", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1850
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimDanger", "euimDanger", "euimWarning", "euimWarning", "euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimDefault", "euimDefault", "euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}.euim-badge--size-s{min-width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-2xs);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-m{min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-2xs) / 2) calc(var(--eui-base-spacing-s) / 2);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1934
1851
  }
1935
1852
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimBadgeComponent, decorators: [{
1936
1853
  type: Component,
@@ -1944,10 +1861,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
1944
1861
  'euimSuccess',
1945
1862
  'euimDefault',
1946
1863
  'euimPositionTopEnd',
1864
+ 'euimSizeM',
1865
+ 'euimSizeS',
1866
+ 'euimSizeL',
1947
1867
  'color',
1948
1868
  ],
1949
1869
  },
1950
- ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}\n"] }]
1870
+ ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}.euim-badge--size-s{min-width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-2xs);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-m{min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-2xs) / 2) calc(var(--eui-base-spacing-s) / 2);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important}\n"] }]
1951
1871
  }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
1952
1872
  type: HostBinding,
1953
1873
  args: ['class']
@@ -2106,14 +2026,8 @@ class EuimStepperComponent {
2106
2026
  this.isNextDisabled = this.currentStep >= this.stepsCount;
2107
2027
  }
2108
2028
  /** @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: "14.0.0", version: "17.3.0", type: EuimStepperComponent, selector: "euim-stepper", inputs: { currentStep: "currentStep", stepsCount: "stepsCount", isPreviousDisabled: "isPreviousDisabled", isNextDisabled: "isNextDisabled" }, 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 }); }
2029
+ /** @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
2030
  }
2111
- __decorate([
2112
- coerceBoolean
2113
- ], EuimStepperComponent.prototype, "isPreviousDisabled", void 0);
2114
- __decorate([
2115
- coerceBoolean
2116
- ], EuimStepperComponent.prototype, "isNextDisabled", void 0);
2117
2031
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimStepperComponent, decorators: [{
2118
2032
  type: Component,
2119
2033
  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 +2036,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
2122
2036
  }], stepsCount: [{
2123
2037
  type: Input
2124
2038
  }], isPreviousDisabled: [{
2125
- type: Input
2039
+ type: Input,
2040
+ args: [{ transform: booleanAttribute }]
2126
2041
  }], isNextDisabled: [{
2127
- type: Input
2042
+ type: Input,
2043
+ args: [{ transform: booleanAttribute }]
2128
2044
  }], previous: [{
2129
2045
  type: Output
2130
2046
  }], next: [{
@@ -2340,11 +2256,8 @@ class EuimMediaHeaderComponent {
2340
2256
  ].join(' ').trim();
2341
2257
  }
2342
2258
  /** @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 }); }
2259
+ /** @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
2260
  }
2345
- __decorate([
2346
- coerceBoolean
2347
- ], EuimMediaHeaderComponent.prototype, "euimNoGradient", void 0);
2348
2261
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
2349
2262
  type: Component,
2350
2263
  args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
@@ -2358,7 +2271,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
2358
2271
  },
2359
2272
  ], 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
2273
  }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
2361
- type: Input
2274
+ type: Input,
2275
+ args: [{ transform: booleanAttribute }]
2362
2276
  }], cssClasses: [{
2363
2277
  type: HostBinding,
2364
2278
  args: ['class']
@@ -2616,11 +2530,11 @@ class EuimAvatarComponent {
2616
2530
  this.className = 'euim-avatar';
2617
2531
  }
2618
2532
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2619
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2533
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2620
2534
  }
2621
2535
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAvatarComponent, decorators: [{
2622
2536
  type: Component,
2623
- args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"] }]
2537
+ args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"] }]
2624
2538
  }], propDecorators: { className: [{
2625
2539
  type: HostBinding,
2626
2540
  args: ['class']
@@ -2773,17 +2687,8 @@ class EuimAlertMessageComponent {
2773
2687
  this.euimClose.emit();
2774
2688
  }
2775
2689
  /** @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 }); }
2690
+ /** @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
2691
  }
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
2692
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
2788
2693
  type: Component,
2789
2694
  args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
@@ -2806,11 +2711,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
2806
2711
  }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
2807
2712
  type: Output
2808
2713
  }], euimLabelTruncate: [{
2809
- type: Input
2714
+ type: Input,
2715
+ args: [{ transform: booleanAttribute }]
2810
2716
  }], hasIcon: [{
2811
- type: Input
2717
+ type: Input,
2718
+ args: [{ transform: booleanAttribute }]
2812
2719
  }], isCloseable: [{
2813
- type: Input
2720
+ type: Input,
2721
+ args: [{ transform: booleanAttribute }]
2814
2722
  }], cssClasses: [{
2815
2723
  type: HostBinding,
2816
2724
  args: ['class']
@@ -2968,23 +2876,8 @@ class EuimSliderComponent {
2968
2876
  this.leftBtnActionClicked.emit(event);
2969
2877
  }
2970
2878
  /** @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"] }] }); }
2879
+ /** @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
2880
  }
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
2881
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderComponent, decorators: [{
2989
2882
  type: Component,
2990
2883
  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 +2892,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
2999
2892
  type: Output
3000
2893
  }], actionBtnNames: [{
3001
2894
  type: Input
3002
- }], isLastItemReached: [], isLeftBtnVisible: [{
3003
- type: Input
2895
+ }], isLeftBtnVisible: [{
2896
+ type: Input,
2897
+ args: [{ transform: booleanAttribute }]
3004
2898
  }], isPreviousBtn: [{
3005
- type: Input
2899
+ type: Input,
2900
+ args: [{ transform: booleanAttribute }]
3006
2901
  }], isNextBtn: [{
3007
- type: Input
3008
- }], isRightBtnVisible: [], className: [{
2902
+ type: Input,
2903
+ args: [{ transform: booleanAttribute }]
2904
+ }], className: [{
3009
2905
  type: HostBinding,
3010
2906
  args: ['class']
3011
2907
  }], onResize: [{
@@ -3190,29 +3086,8 @@ class EuimSliderInfoScreenComponent {
3190
3086
  this.leftActionClicked.emit(event);
3191
3087
  }
3192
3088
  /** @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 }); }
3089
+ /** @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
3090
  }
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
3091
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
3217
3092
  type: Component,
3218
3093
  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 +3100,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3225
3100
  type: Output
3226
3101
  }], leftActionClicked: [{
3227
3102
  type: Output
3228
- }], isLastItemReached: [], isCarousel: [{
3229
- type: Input
3103
+ }], isCarousel: [{
3104
+ type: Input,
3105
+ args: [{ transform: booleanAttribute }]
3230
3106
  }], showLeftBtn: [{
3231
- type: Input
3107
+ type: Input,
3108
+ args: [{ transform: booleanAttribute }]
3232
3109
  }], showRightBtn: [{
3233
- type: Input
3110
+ type: Input,
3111
+ args: [{ transform: booleanAttribute }]
3234
3112
  }], isPreviousBtn: [{
3235
- type: Input
3113
+ type: Input,
3114
+ args: [{ transform: booleanAttribute }]
3236
3115
  }], isNextBtn: [{
3237
- type: Input
3116
+ type: Input,
3117
+ args: [{ transform: booleanAttribute }]
3238
3118
  }], actionBtnNames: [{
3239
3119
  type: Input
3240
- }], showLeftBtnAsPrevious: [], className: [{
3120
+ }], className: [{
3241
3121
  type: HostBinding,
3242
3122
  args: ['class']
3243
3123
  }], onResize: [{
@@ -3405,11 +3285,8 @@ class EuimChipSelectorItemDirective {
3405
3285
  this.className = 'euim-chip-selector__item';
3406
3286
  }
3407
3287
  /** @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: "14.0.0", version: "17.3.0", type: EuimChipSelectorItemDirective, selector: "[euimChipSelectorItem]", inputs: { id: "id", euimChipSelectorAll: "euimChipSelectorAll" }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
3288
+ /** @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
3289
  }
3410
- __decorate([
3411
- coerceBoolean
3412
- ], EuimChipSelectorItemDirective.prototype, "euimChipSelectorAll", void 0);
3413
3290
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
3414
3291
  type: Directive,
3415
3292
  args: [{
@@ -3418,7 +3295,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3418
3295
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { id: [{
3419
3296
  type: Input
3420
3297
  }], euimChipSelectorAll: [{
3421
- type: Input
3298
+ type: Input,
3299
+ args: [{ transform: booleanAttribute }]
3422
3300
  }], className: [{
3423
3301
  type: HostBinding,
3424
3302
  args: ['class']
@@ -3445,6 +3323,7 @@ class EuimChipSelectorComponent {
3445
3323
  this.filteredData = [...this.sourceData];
3446
3324
  this.filterConditions = [];
3447
3325
  this.searchInput = '';
3326
+ this.isEmitEvent = true;
3448
3327
  this.clickEventHandled = false;
3449
3328
  }
3450
3329
  get cssClasses() {
@@ -3468,15 +3347,22 @@ class EuimChipSelectorComponent {
3468
3347
  this.euimChipSelectorItemSubscription.unsubscribe();
3469
3348
  }
3470
3349
  this.euimChipSelectorItemSubscription = this.euimChipSelectorItemComponent.changes.subscribe(() => {
3471
- this.updateChipsAndFilters();
3472
3350
  this.setCssItemClasses();
3351
+ this.updateChipsAndFilterDataAfterInit(this.isEmitEvent = false);
3352
+ this.updateChipsAndFilters();
3473
3353
  });
3474
3354
  }
3475
3355
  ngOnChanges(changes) {
3476
3356
  if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
3477
3357
  changes.selectedChips.currentValue && changes.selectedChips.currentValue.length === 1 &&
3478
- changes.selectedChips.currentValue.every((value, index) => value === '0')) {
3358
+ changes.selectedChips.currentValue.every((value) => value === '0')) {
3479
3359
  this.clearFiltersAndSelectAll();
3360
+ return;
3361
+ }
3362
+ if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
3363
+ changes.selectedChips.currentValue && !changes.selectedChips.currentValue.every((value) => value === '0')) {
3364
+ this.updateChipsAndFilterDataAfterInit();
3365
+ return;
3480
3366
  }
3481
3367
  }
3482
3368
  getCssClasses() {
@@ -3531,43 +3417,23 @@ class EuimChipSelectorComponent {
3531
3417
  }
3532
3418
  });
3533
3419
  }
3534
- clickEventHandler(chip) {
3535
- if (!this.clickEventHandled) {
3536
- this.clickEventHandled = true;
3537
- this.euimChipSelectorItemComponent.forEach(innerChip => {
3538
- if (!this.isMultiSelectionMode || (this.isMultiSelectionMode && innerChip.euimChipSelectorAll)) {
3539
- this.removeSelectedStyles(innerChip.el.nativeElement);
3540
- }
3541
- });
3542
- this.addSelectedStyles(chip.el.nativeElement);
3543
- this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
3544
- this.filterData.emit(this.filteredData);
3545
- this.clickItems.emit(this.selectedChips);
3546
- this.clickEventHandled = false;
3547
- }
3548
- }
3549
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
3550
- handleChange(event) {
3551
- this.searchInput = event.detail.value.toLowerCase();
3552
- if (!this.euimKeepSelection)
3553
- return;
3554
- let filteredDataWithSearch = [];
3555
- if (this.selectedChips[0] !== '0' && this.isMultiSelectionMode) {
3556
- filteredDataWithSearch = [...this.sourceData].filter(item => this.selectedChips.includes(item.filterId));
3557
- this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
3558
- this.filterData.emit(this.filteredData);
3559
- return;
3560
- }
3561
- if (this.selectedChips[0] !== '0') {
3562
- filteredDataWithSearch = [...this.sourceData].filter(item => {
3563
- return item.filterId === this.selectedChips[0];
3564
- });
3565
- this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
3420
+ applyFilter(filterCondition, isAllFilter, multipleFilterConditions) {
3421
+ let filteredData = [...this.sourceData];
3422
+ if (isAllFilter) {
3423
+ filteredData = this.filterBySearch(filteredData, this.searchInput);
3566
3424
  }
3567
3425
  else {
3568
- this.filteredData = [...this.sourceData].filter(obj => obj.title.toLowerCase().includes(this.searchInput));
3426
+ if (this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
3427
+ filteredData = this.filterByMultipleConditions(filteredData, multipleFilterConditions);
3428
+ }
3429
+ else {
3430
+ filteredData = this.filterByCondition(filteredData, filterCondition);
3431
+ }
3432
+ if (this.euimKeepSelection && this.searchInput !== '') {
3433
+ filteredData = this.filterBySearch(filteredData, this.searchInput);
3434
+ }
3569
3435
  }
3570
- this.filterData.emit(this.filteredData);
3436
+ this.filteredData = filteredData;
3571
3437
  }
3572
3438
  clearFiltersAndSelectAll() {
3573
3439
  this.clearAllSelections();
@@ -3581,14 +3447,14 @@ class EuimChipSelectorComponent {
3581
3447
  this.filterData.emit(this.sourceData);
3582
3448
  this.clickItems.emit(this.selectedChips);
3583
3449
  }
3584
- updateChipsAndFilterDataAfterInit() {
3450
+ updateChipsAndFilterDataAfterInit(isEmitEvent) {
3585
3451
  this.euimChipSelectorItemComponent.forEach(chip => {
3586
3452
  this.removeSelectedStyles(chip.el.nativeElement);
3587
3453
  if (chip.id === undefined && chip.euimChipSelectorAll) {
3588
3454
  chip.id = 0;
3589
3455
  }
3590
3456
  const chipId = chip.id;
3591
- if (chipId && this.selectedChips.includes(chipId)) {
3457
+ if (chipId && this.selectedChips.includes(chipId.toString())) {
3592
3458
  this.addSelectedStyles(chip.el.nativeElement);
3593
3459
  this.applyFilter(null, chip.euimChipSelectorAll, this.selectedChips);
3594
3460
  this.filterData.emit(this.filteredData);
@@ -3599,13 +3465,10 @@ class EuimChipSelectorComponent {
3599
3465
  this.filterData.emit(this.sourceData);
3600
3466
  }
3601
3467
  });
3602
- if (this.selectedChips.length > 0) {
3603
- this.emitEvents();
3468
+ if (isEmitEvent !== false) {
3469
+ this.clickItems.emit(this.selectedChips);
3604
3470
  }
3605
3471
  }
3606
- emitEvents() {
3607
- this.clickItems.emit(this.selectedChips);
3608
- }
3609
3472
  onFilterChange(filterCondition, isFilterAll, item) {
3610
3473
  if (this.isMultiSelectionMode) {
3611
3474
  this.handleMultiSelectionMode(filterCondition, isFilterAll, item);
@@ -3616,30 +3479,19 @@ class EuimChipSelectorComponent {
3616
3479
  this.applyFilter(filterCondition, isFilterAll, this.filterConditions);
3617
3480
  this.filterData.emit(this.filteredData);
3618
3481
  }
3619
- applyFilter(filterCondition, isAllFilter, multipleFilterConditions) {
3620
- if (isAllFilter && multipleFilterConditions.length === 0) {
3621
- this.filteredData = [...this.sourceData];
3622
- return;
3623
- }
3624
- if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter && this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
3625
- const filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
3626
- this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
3627
- return;
3628
- }
3629
- if (this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
3630
- this.filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
3631
- return;
3482
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
3483
+ handleChange(event) {
3484
+ this.searchInput = event.detail.value.toLowerCase();
3485
+ let filteredData = [...this.sourceData];
3486
+ if (this.euimKeepSelection) {
3487
+ filteredData = this.filterByChips(filteredData, this.selectedChips);
3488
+ filteredData = this.filterBySearch(filteredData, this.searchInput);
3632
3489
  }
3633
- if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter) {
3634
- const filteredData = [...this.sourceData].filter(item => {
3635
- return item.filterId === filterCondition;
3636
- });
3637
- this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
3638
- return;
3490
+ else {
3491
+ filteredData = this.filterBySearch(filteredData, this.searchInput);
3639
3492
  }
3640
- this.filteredData = [...this.sourceData].filter(item => {
3641
- return item.filterId === filterCondition;
3642
- });
3493
+ this.filteredData = filteredData;
3494
+ this.filterData.emit(this.filteredData);
3643
3495
  }
3644
3496
  addSelectedStyles(item) {
3645
3497
  item.classList.add(`euim-chip-selector__item-selected--color-${this.chipSelectedColor}`);
@@ -3682,18 +3534,27 @@ class EuimChipSelectorComponent {
3682
3534
  this.filterConditions = [];
3683
3535
  this.selectedChips = ['0'];
3684
3536
  }
3537
+ filterBySearch(data, searchInput) {
3538
+ if (!searchInput)
3539
+ return data;
3540
+ return data.filter(obj => obj.title.toLowerCase().includes(searchInput));
3541
+ }
3542
+ filterByChips(data, selectedChips) {
3543
+ if (selectedChips[0] === '0')
3544
+ return data;
3545
+ return data.filter(item => selectedChips.includes(item.filterId));
3546
+ }
3547
+ filterByCondition(data, filterCondition) {
3548
+ return data.filter(item => item.filterId === filterCondition);
3549
+ }
3550
+ filterByMultipleConditions(data, multipleFilterConditions) {
3551
+ if (multipleFilterConditions.length === 0)
3552
+ return data;
3553
+ return data.filter(item => multipleFilterConditions.includes(item.filterId));
3554
+ }
3685
3555
  /** @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 }); }
3556
+ /** @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
3557
  }
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
3558
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
3698
3559
  type: Component,
3699
3560
  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 +3573,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3712
3573
  }], selectedChips: [{
3713
3574
  type: Input
3714
3575
  }], isMultiSelectionMode: [{
3715
- type: Input
3576
+ type: Input,
3577
+ args: [{ transform: booleanAttribute }]
3716
3578
  }], euimKeepSelection: [{
3717
- type: Input
3579
+ type: Input,
3580
+ args: [{ transform: booleanAttribute }]
3718
3581
  }], hasSearchbar: [{
3719
- type: Input
3582
+ type: Input,
3583
+ args: [{ transform: booleanAttribute }]
3720
3584
  }], filterData: [{
3721
3585
  type: Output
3722
3586
  }], clickItems: [{
@@ -3783,23 +3647,8 @@ class EuimSkeletonListItemComponent {
3783
3647
  .trim();
3784
3648
  }
3785
3649
  /** @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 }); }
3650
+ /** @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
3651
  }
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
3652
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
3804
3653
  type: Component,
3805
3654
  args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
@@ -3815,15 +3664,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3815
3664
  type: HostBinding,
3816
3665
  args: ['class']
3817
3666
  }], hasAvatar: [{
3818
- type: Input
3667
+ type: Input,
3668
+ args: [{ transform: booleanAttribute }]
3819
3669
  }], hasTitle: [{
3820
- type: Input
3670
+ type: Input,
3671
+ args: [{ transform: booleanAttribute }]
3821
3672
  }], hasSubtitle: [{
3822
- type: Input
3673
+ type: Input,
3674
+ args: [{ transform: booleanAttribute }]
3823
3675
  }], hasMetaLine: [{
3824
- type: Input
3676
+ type: Input,
3677
+ args: [{ transform: booleanAttribute }]
3825
3678
  }], isAnimated: [{
3826
- type: Input
3679
+ type: Input,
3680
+ args: [{ transform: booleanAttribute }]
3827
3681
  }], avatarType: [{
3828
3682
  type: Input
3829
3683
  }], separator: [{
@@ -3987,11 +3841,8 @@ class EuimMultiselectComponent {
3987
3841
  }
3988
3842
  }
3989
3843
  /** @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 }); }
3844
+ /** @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
3845
  }
3992
- __decorate([
3993
- coerceBoolean
3994
- ], EuimMultiselectComponent.prototype, "euimKeepSelection", void 0);
3995
3846
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
3996
3847
  type: Component,
3997
3848
  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 +3854,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
4003
3854
  }], toolbarTitle: [{
4004
3855
  type: Input
4005
3856
  }], euimKeepSelection: [{
4006
- type: Input
3857
+ type: Input,
3858
+ args: [{ transform: booleanAttribute }]
4007
3859
  }] } });
4008
3860
 
4009
3861
  class EuimMultiselectFilterComponent {
@@ -4211,11 +4063,8 @@ class EuimMultiselectToolbarComponent {
4211
4063
  this.cancel.emit(true);
4212
4064
  }
4213
4065
  /** @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 }); }
4066
+ /** @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
4067
  }
4216
- __decorate([
4217
- coerceBoolean
4218
- ], EuimMultiselectToolbarComponent.prototype, "euimCustomRender", void 0);
4219
4068
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
4220
4069
  type: Component,
4221
4070
  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 +4074,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
4225
4074
  }], toolbarTitle: [{
4226
4075
  type: Input
4227
4076
  }], euimCustomRender: [{
4228
- type: Input
4077
+ type: Input,
4078
+ args: [{ transform: booleanAttribute }]
4229
4079
  }], cancel: [{
4230
4080
  type: Output
4231
4081
  }], confirm: [{