@eui/mobile-core 18.0.0-next.17 → 18.0.0-next.19

package/docs/modules/EuimToolbarDatepickerModule.html

@@ -121,9 +121,6 @@
                         <li class="list-group-item">
                             <a href="../components/EuimToolbarDatepickerComponent.html">EuimToolbarDatepickerComponent</a>
                         </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EuimToolbarDatepickerDatetimeDirective.html">EuimToolbarDatepickerDatetimeDirective</a>
-                        </li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
@@ -147,9 +144,6 @@
                         <li class="list-group-item">
                             <a href="../components/EuimToolbarDatepickerComponent.html">EuimToolbarDatepickerComponent</a>
                         </li>
-                        <li class="list-group-item">
-                            <a href="../directives/EuimToolbarDatepickerDatetimeDirective.html">EuimToolbarDatepickerDatetimeDirective</a>
-                        </li>
                     </ul>
                 </div>
             </div>

package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs

@@ -26,7 +26,7 @@ export class EuimLabelComponent {
         ].join(' ');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, decorators: [{
             type: Component,
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"] }]
+                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
                 type: HostBinding,
                 args: ['style.--euimLabelTruncateWithLines']

package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs

@@ -15,7 +15,7 @@ export class EuimNotificationItemComponent {
         ].join(' ');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success-dark)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
             type: Component,
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}\n"] }]
+                    ], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success-dark)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger-dark)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs

@@ -66,7 +66,7 @@ export class EuimAlertMessageComponent {
         this.euimClose.emit();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-darker)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-darker)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-darker)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-darker)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-darker)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-darker)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-dark);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info-dark);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success-darker);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-dark);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], 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{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-darker)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-darker)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-darker)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-darker)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-darker)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-darker)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
+                    ], 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{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-dark);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info-dark);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success-darker);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-dark);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimClose: [{
                 type: Output
             }], euimLabelTruncate: [{

package/esm2022/lib/components/euim-badge/euim-badge.component.mjs

@@ -15,7 +15,7 @@ export class EuimBadgeComponent {
         ].join(' ').trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success-dark)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger-dark)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, decorators: [{
             type: Component,
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"] }]
+                    ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success-dark)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger-dark)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs

@@ -14,11 +14,11 @@ export class EuimCardListComponent {
         ].join(' ').trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardListComponent, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-xs)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardListComponent, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-xs)}}\n"] }]
+            args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }], cssClasses: [{

package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs

@@ -277,11 +277,11 @@ export class EuimChipSelectorComponent {
         return data.filter(item => multipleFilterConditions.includes(item.filterId));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-s-2xs) / 2) 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-chip:last-of-type{margin-right:0}.euim-chip-selector .euim-scroller-x{padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-lighter);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: i3.EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-s-2xs) / 2) 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-chip:last-of-type{margin-right:0}.euim-chip-selector .euim-scroller-x{padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-lighter);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: i3.EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-s-2xs) / 2) 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-chip:last-of-type{margin-right:0}.euim-chip-selector .euim-scroller-x{padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-lighter);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}\n"] }]
+            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-s-2xs) / 2) 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-chip:last-of-type{margin-right:0}.euim-chip-selector .euim-scroller-x{padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-lighter);border-color:var(--eui-c-neutral-lighter);color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-light-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"] }]
         }], propDecorators: { backgroundColor: [{
                 type: Input
             }], color: [{

package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs

@@ -30,7 +30,7 @@ export class EuimDataSummaryComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
             type: Component,
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
+                    ], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
                 type: ContentChildren,
                 args: [EuimDataSummaryColLabelDirective, { descendants: true }]

package/esm2022/lib/components/euim-message/euim-message.component.mjs

@@ -32,7 +32,7 @@ export class EuimMessageComponent {
         ].join(' ');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger-dark)}.euim-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success-dark)}.euim-message--success ion-icon{color:var(--eui-c-success-dark)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageComponent, decorators: [{
             type: Component,
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"] }]
+                    ], template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger-dark)}.euim-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success-dark)}.euim-message--success ion-icon{color:var(--eui-c-success-dark)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/lib/components/euim-search-bar/euim-search-bar.component.mjs

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, EventEmitter, } from '@angular/core';
 import { EuimLabelModule } from '../atoms/euim-label';
 import { IonicModule } from '@ionic/angular';
 import * as i0 from "@angular/core";
@@ -7,16 +7,50 @@ export class EuimSearchBarComponent {
     constructor() {
         this.hasSlotStart = false;
         this.hasSlotEnd = false;
+        this.inputEvent = new EventEmitter();
+        this.changeEvent = new EventEmitter();
+        this.focusEvent = new EventEmitter();
+        this.cancelEvent = new EventEmitter();
+        this.clearEvent = new EventEmitter();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onInput(event) {
+        const value = event.detail.value;
+        this.inputEvent.emit(value);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onChange(event) {
+        const value = event.detail.value;
+        this.changeEvent.emit(value);
+    }
+    onFocus() {
+        this.focusEvent.emit();
+    }
+    onCancel() {
+        this.cancelEvent.emit();
+    }
+    onClear() {
+        this.clearEvent.emit();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", focusEvent: "focusEvent", cancelEvent: "cancelEvent", clearEvent: "clearEvent" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n    (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n    @if (!hasSlotStart) {\n    <ng-container>\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
+            args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n    (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n    @if (!hasSlotStart) {\n    <ng-container>\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
         }], propDecorators: { hasSlotStart: [{
                 type: Input
             }], hasSlotEnd: [{
                 type: Input
+            }], inputEvent: [{
+                type: Output
+            }], changeEvent: [{
+                type: Output
+            }], focusEvent: [{
+                type: Output
+            }], cancelEvent: [{
+                type: Output
+            }], clearEvent: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBWTdDLE1BQU0sT0FBTyxzQkFBc0I7SUFWbkM7UUFXVyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixlQUFVLEdBQUcsS0FBSyxDQUFDO0tBQzdCO2tJQUhZLHNCQUFzQjtzSEFBdEIsc0JBQXNCLCtJQ25CbkMseW5CQWtCQSxnZERGWSxlQUFlLDhCQUFFLFdBQVc7OzRGQUczQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQzs4QkFJOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1MYWJlbE1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2V1aW0tbGFiZWwnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V1aW0tc2VhcmNoLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldWltLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtFdWltTGFiZWxNb2R1bGUsIElvbmljTW9kdWxlXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGFzU2xvdFN0YXJ0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc1Nsb3RFbmQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJldWltLXNlYXJjaC1iYXJfX3dyYXBwZXJcIj5cbiAgPGlvbi1zZWFyY2hiYXIgW2F0dHIuc2hvdy1jbGVhci1idXR0b25dPVwiaGFzU2xvdEVuZCA/ICduZXZlcicgOiAnYWx3YXlzJ1wiXG4gICAgW2NsYXNzLmN1c3RvbS1zZWFyY2hiYXJdPVwiaGFzU2xvdFN0YXJ0XCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiPlxuICAgIEBpZiAoIWhhc1Nsb3RTdGFydCkge1xuICAgICAgPG5nLWNvbnRhaW5lciA+XG4gICAgICA8aW9uLWljb24gbmFtZT1cInNlYXJjaFwiPjwvaW9uLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+IH1cbiAgPC9pb24tc2VhcmNoYmFyPlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIiBbc3R5bGUuZGlzcGxheV09XCJoYXNTbG90U3RhcnQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RTdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90RW5kXCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdEVuZCA/ICdibG9jaycgOiAnbm9uZSdcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBQUUsTUFBTSxFQUNiLFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFZN0MsTUFBTSxPQUFPLHNCQUFzQjtJQVZuQztRQVdXLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbEIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQTBCakQ7SUF4QkMsOERBQThEO0lBQzlELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztrSUFoQ1Usc0JBQXNCO3NIQUF0QixzQkFBc0Isa1NDckJuQyw0dkJBZ0JNLGdkREVNLGVBQWUsOEJBQUUsV0FBVzs7NEZBRzNCLHNCQUFzQjtrQkFWbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsV0FBVyxDQUFDOzhCQUk5QixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LCBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1MYWJlbE1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2V1aW0tbGFiZWwnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V1aW0tc2VhcmNoLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldWltLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtFdWltTGFiZWxNb2R1bGUsIElvbmljTW9kdWxlXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGFzU2xvdFN0YXJ0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc1Nsb3RFbmQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgaW5wdXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgY2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGZvY3VzRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjYW5jZWxFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNsZWFyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgb25JbnB1dChldmVudDogYW55KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSBldmVudC5kZXRhaWwudmFsdWU7XG4gICAgdGhpcy5pbnB1dEV2ZW50LmVtaXQodmFsdWUpO1xuICB9XG4gICAgXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9uQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICBjb25zdCB2YWx1ZSA9IGV2ZW50LmRldGFpbC52YWx1ZTtcbiAgICB0aGlzLmNoYW5nZUV2ZW50LmVtaXQodmFsdWUpO1xuICB9XG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmZvY3VzRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgb25DYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5jYW5jZWxFdmVudC5lbWl0KCk7XG4gIH1cblxuICBvbkNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMuY2xlYXJFdmVudC5lbWl0KCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImV1aW0tc2VhcmNoLWJhcl9fd3JhcHBlclwiPlxuICA8aW9uLXNlYXJjaGJhciBbY2xhc3MuY3VzdG9tLXNlYXJjaGJhcl09XCJoYXNTbG90U3RhcnRcIiBbYXR0ci5zaG93LWNsZWFyLWJ1dHRvbl09XCJoYXNTbG90RW5kID8gJ25ldmVyJyA6ICdhbHdheXMnXCIgcGxhY2Vob2xkZXI9XCJTZWFyY2hcIiAoaW9uSW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgICAoaW9uQ2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIiAoaW9uRm9jdXMpPVwib25Gb2N1cygpXCIgKGlvbkNhbmNlbCk9XCJvbkNhbmNlbCgpXCIgKGlvbkNsZWFyKT1cIm9uQ2xlYXIoKVwiPlxuICAgIEBpZiAoIWhhc1Nsb3RTdGFydCkge1xuICAgIDxuZy1jb250YWluZXI+XG4gICAgICA8aW9uLWljb24gbmFtZT1cInNlYXJjaFwiPjwvaW9uLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+IH1cbiAgPC9pb24tc2VhcmNoYmFyPlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIiBbc3R5bGUuZGlzcGxheV09XCJoYXNTbG90U3RhcnQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RTdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90RW5kXCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdEVuZCA/ICdibG9jaycgOiAnbm9uZSdcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+Il19