@eui/mobile-core 18.0.0-next.1 → 18.0.0-next.11

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

@@ -38,6 +38,8 @@ export class EuimAlertMessageComponent {
                 return 'search-sharp';
             case 'dark':
                 return 'search-sharp';
+            case 'branding':
+                return 'search-sharp';
             case 'light':
                 return 'search-sharp';
             case 'clear':
@@ -63,10 +65,10 @@ export class EuimAlertMessageComponent {
         this.isVisible = false;
         this.euimClose.emit();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", 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);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.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-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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.10", 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 .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-m);height:var(--eui-is-m);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-m);height:var(--eui-is-m)}.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-m);height:var(--eui-is-m)}.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)}.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],.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] 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)}.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],.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] 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)}.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],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-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],.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] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral-min)}.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)}.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],.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] 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.0.5", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -75,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                                 '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);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.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-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.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 .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-m);height:var(--eui-is-m);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-m);height:var(--eui-is-m)}.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-m);height:var(--eui-is-m)}.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)}.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],.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] 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)}.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],.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] 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)}.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],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-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],.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] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral-min)}.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)}.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],.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] 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: [{
@@ -91,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hbGVydC1tZXNzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hbGVydC1tZXNzYWdlL2V1aW0tYWxlcnQtbWVzc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYWxlcnQtbWVzc2FnZS9ldWltLWFsZXJ0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsRUFDakIsWUFBWSxFQUNaLE1BQU0sRUFFTixnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBaUIvRCxNQUFNLE9BQU8seUJBQXlCO0lBaUJsQyxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQWYzRCxhQUFRLEdBQUcsU0FBUyxDQUFDO1FBRVgsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHL0Msc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBRzFCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHaEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsY0FBUyxHQUFHLElBQUksQ0FBQztJQUU2QyxDQUFDO0lBRS9ELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUM7UUFDbkQsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDSixRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNwQixLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxvQkFBb0IsQ0FBQztZQUNoQyxLQUFLLFFBQVE7Z0JBQ1QsT0FBTyxvQkFBb0IsQ0FBQztZQUNoQyxLQUFLLFNBQVM7Z0JBQ1YsT0FBTyx3QkFBd0IsQ0FBQztZQUNwQyxLQUFLLE1BQU07Z0JBQ1AsT0FBTywwQkFBMEIsQ0FBQztZQUN0QyxLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxjQUFjLENBQUM7WUFDMUIsS0FBSyxNQUFNO2dCQUNQLE9BQU8sY0FBYyxDQUFDO1lBQzFCLEtBQUssT0FBTztnQkFDUixPQUFPLGNBQWMsQ0FBQztZQUMxQixLQUFLLE9BQU87Z0JBQ1IsT0FBTyxjQUFjLENBQUM7WUFDMUI7Z0JBQ0ksT0FBTyxFQUFFLENBQUM7UUFDbEIsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDVCxPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztZQUM1RCxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzNELENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FFdEQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2hCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDUixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDM0IsQ0FBQztRQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztpSUExRVEseUJBQXlCO3FIQUF6Qix5QkFBeUIsMEdBTWQsZ0JBQWdCLG1DQUdoQixnQkFBZ0IsK0NBR2hCLGdCQUFnQiw2TUN4Q3hDLDYwQkEyQkE7OzJGRENhLHlCQUF5QjtrQkFoQnJDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixPQUFPOzZCQUNWO3lCQUNKO3FCQUNKO3dGQU9TLFNBQVM7c0JBQWxCLE1BQU07Z0JBR1AsaUJBQWlCO3NCQURoQixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUl0QyxPQUFPO3NCQUROLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBSXRDLFdBQVc7c0JBRFYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkEyQzNCLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBPdXRwdXQsXG4gICAgT25Jbml0LFxuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJy4uL2Jhc2Utc3RhdGVzLmRpcmVjdGl2ZSc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tYWxlcnQtbWVzc2FnZScsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tYWxlcnQtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnY29sb3InLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxuXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BbGVydE1lc3NhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgX3ZhcmlhbnQgPSAnZGVmYXVsdCc7XG5cbiAgICBAT3V0cHV0KCkgZXVpbUNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxudWxsPigpO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pXG4gICAgZXVpbUxhYmVsVHJ1bmNhdGUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGhhc0ljb24gPSBmYWxzZTtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGlzQ2xvc2VhYmxlID0gZmFsc2U7XG5cbiAgICBpc1Zpc2libGUgPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZSkge1xuICAgICAgICAgICAgdGhpcy5zZXRWYXJpYW50cygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgc2V0VmFyaWFudHMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuY29sb3IpIHtcbiAgICAgICAgICAgIHRoaXMuX3ZhcmlhbnQgPSB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuY29sb3I7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgICAgICBzd2l0Y2ggKHRoaXMuX3ZhcmlhbnQpIHtcbiAgICAgICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnYWxlcnQtY2lyY2xlLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ2Rhbmdlcic6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdjbG9zZS1jaXJjbGUtc2hhcnAnO1xuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdjaGVja21hcmstY2lyY2xlLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICAgICAgICAgIHJldHVybiAnaW5mb3JtYXRpb24tY2lyY2xlLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgICAgICAgICAgIHJldHVybiAnc2VhcmNoLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ2RhcmsnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnc2VhcmNoLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ2xpZ2h0JzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3NlYXJjaC1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdjbGVhcic6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdzZWFyY2gtc2hhcnAnO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICByZXR1cm4gJyc7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGdldENzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWltLWFsZXJ0LW1lc3NhZ2UnKSxcbiAgICAgICAgICAgIHRoaXMuX3ZhcmlhbnQgPyBgZXVpbS1hbGVydC1tZXNzYWdlLS0ke3RoaXMuX3ZhcmlhbnR9YCA6ICcnLFxuICAgICAgICAgICAgIXRoaXMuaXNWaXNpYmxlID8gJ2V1aW0tYWxlcnQtbWVzc2FnZS0taGlkZGVuJyA6ICcnLFxuXG4gICAgICAgIF0uam9pbignICcpO1xuICAgIH1cblxuICAgIG9uQ2xvc2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudCkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmlzVmlzaWJsZSA9IGZhbHNlO1xuICAgICAgICB0aGlzLmV1aW1DbG9zZS5lbWl0KCk7XG4gICAgfVxufVxuIiwiQGlmIChoYXNJY29uICYmIGlzVmlzaWJsZSkge1xuICA8ZGl2IGNsYXNzPVwiZXVpbS1hbGVydC1tZXNzYWdlX193cmFwcGVyaWNvblwiPlxuICAgIEBpZiAoaGFzSWNvbikge1xuICAgICAgPGlvbi1pY29uIFtuYW1lXT1cImljb25cIiBjbGFzcz1cImV1aW0tYWxlcnQtbWVzc2FnZV9faWNvblwiPjwvaW9uLWljb24+XG4gICAgfVxuICA8L2Rpdj5cbn1cbkBpZiAoaXNWaXNpYmxlKSB7XG4gIDxkaXYgY2xhc3M9XCJldWltLWFsZXJ0LW1lc3NhZ2VfX3dyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xvdFN0YXJ0XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdFN0YXJ0XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGV1aW1MYWJlbCBbZXVpbUxhYmVsVHJ1bmNhdGVdPVwiZXVpbUxhYmVsVHJ1bmNhdGVcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xvdEVuZFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RFbmRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbn1cblxuQGlmIChpc0Nsb3NlYWJsZSAmJiBpc1Zpc2libGUpIHtcbiAgPGEgcm9sZT1cImJ1dHRvblwiIGFyaWEtbGFiZWw9XCJDbG9zZSBJY29uIEJ1dHRvblwiIGNsYXNzPVwiZXVpbS1hbGVydC1tZXNzYWdlX19jbG9zZVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xvc2UoJGV2ZW50KVwiPlxuICAgIDxpb24taWNvbiBuYW1lPVwiY2xvc2Utc2hhcnBcIiBjbGFzcz1cImV1aW0tYWxlcnQtbWVzc2FnZV9fY2xvc2VJY29uXCI+PC9pb24taWNvbj5cbiAgPC9hPlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hbGVydC1tZXNzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hbGVydC1tZXNzYWdlL2V1aW0tYWxlcnQtbWVzc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYWxlcnQtbWVzc2FnZS9ldWltLWFsZXJ0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsRUFDakIsWUFBWSxFQUNaLE1BQU0sRUFFTixnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBaUIvRCxNQUFNLE9BQU8seUJBQXlCO0lBaUJsQyxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQWYzRCxhQUFRLEdBQUcsU0FBUyxDQUFDO1FBRVgsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHL0Msc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBRzFCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHaEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsY0FBUyxHQUFHLElBQUksQ0FBQztJQUU2QyxDQUFDO0lBRS9ELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUM7UUFDbkQsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDSixRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNwQixLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxvQkFBb0IsQ0FBQztZQUNoQyxLQUFLLFFBQVE7Z0JBQ1QsT0FBTyxvQkFBb0IsQ0FBQztZQUNoQyxLQUFLLFNBQVM7Z0JBQ1YsT0FBTyx3QkFBd0IsQ0FBQztZQUNwQyxLQUFLLE1BQU07Z0JBQ1AsT0FBTywwQkFBMEIsQ0FBQztZQUN0QyxLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxjQUFjLENBQUM7WUFDMUIsS0FBSyxNQUFNO2dCQUNQLE9BQU8sY0FBYyxDQUFDO1lBQzFCLEtBQUssVUFBVTtnQkFDWCxPQUFPLGNBQWMsQ0FBQztZQUMxQixLQUFLLE9BQU87Z0JBQ1IsT0FBTyxjQUFjLENBQUM7WUFDMUIsS0FBSyxPQUFPO2dCQUNSLE9BQU8sY0FBYyxDQUFDO1lBQzFCO2dCQUNJLE9BQU8sRUFBRSxDQUFDO1FBQ2xCLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhO1FBQ1QsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUM7WUFDNUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMzRCxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLDRCQUE0QixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBRXRELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBWTtRQUNoQixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzNCLENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7a0lBNUVRLHlCQUF5QjtzSEFBekIseUJBQXlCLDBHQU1kLGdCQUFnQixtQ0FHaEIsZ0JBQWdCLCtDQUdoQixnQkFBZ0IsNk1DeEN4Qyw2MEJBMkJBOzs0RkRDYSx5QkFBeUI7a0JBaEJyQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osT0FBTzs2QkFDVjt5QkFDSjtxQkFDSjt3RkFPUyxTQUFTO3NCQUFsQixNQUFNO2dCQUdQLGlCQUFpQjtzQkFEaEIsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFJdEMsT0FBTztzQkFETixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUl0QyxXQUFXO3NCQURWLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBNkMzQixVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT3V0cHV0LFxuICAgIE9uSW5pdCxcbiAgICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICcuLi9iYXNlLXN0YXRlcy5kaXJlY3RpdmUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWFsZXJ0LW1lc3NhZ2UnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWFsZXJ0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2NvbG9yJyxcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXSxcblxufSlcbmV4cG9ydCBjbGFzcyBFdWltQWxlcnRNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIF92YXJpYW50ID0gJ2RlZmF1bHQnO1xuXG4gICAgQE91dHB1dCgpIGV1aW1DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuICAgIGV1aW1MYWJlbFRydW5jYXRlID0gZmFsc2U7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBoYXNJY29uID0gZmFsc2U7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgICBpc0Nsb3NlYWJsZSA9IGZhbHNlO1xuXG4gICAgaXNWaXNpYmxlID0gdHJ1ZTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0VmFyaWFudHMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHNldFZhcmlhbnRzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmNvbG9yKSB7XG4gICAgICAgICAgICB0aGlzLl92YXJpYW50ID0gdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmNvbG9yO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0IGljb24oKTogc3RyaW5nIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLl92YXJpYW50KSB7XG4gICAgICAgICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ2FsZXJ0LWNpcmNsZS1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdkYW5nZXInOlxuICAgICAgICAgICAgICAgIHJldHVybiAnY2xvc2UtY2lyY2xlLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnY2hlY2ttYXJrLWNpcmNsZS1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdpbmZvJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ2luZm9ybWF0aW9uLWNpcmNsZS1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3NlYXJjaC1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdkYXJrJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3NlYXJjaC1zaGFycCc7XG4gICAgICAgICAgICBjYXNlICdicmFuZGluZyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdzZWFyY2gtc2hhcnAnO1xuICAgICAgICAgICAgY2FzZSAnbGlnaHQnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnc2VhcmNoLXNoYXJwJztcbiAgICAgICAgICAgIGNhc2UgJ2NsZWFyJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3NlYXJjaC1zaGFycCc7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tYWxlcnQtbWVzc2FnZScpLFxuICAgICAgICAgICAgdGhpcy5fdmFyaWFudCA/IGBldWltLWFsZXJ0LW1lc3NhZ2UtLSR7dGhpcy5fdmFyaWFudH1gIDogJycsXG4gICAgICAgICAgICAhdGhpcy5pc1Zpc2libGUgPyAnZXVpbS1hbGVydC1tZXNzYWdlLS1oaWRkZW4nIDogJycsXG5cbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgb25DbG9zZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIHRoaXMuZXVpbUNsb3NlLmVtaXQoKTtcbiAgICB9XG59XG4iLCJAaWYgKGhhc0ljb24gJiYgaXNWaXNpYmxlKSB7XG4gIDxkaXYgY2xhc3M9XCJldWltLWFsZXJ0LW1lc3NhZ2VfX3dyYXBwZXJpY29uXCI+XG4gICAgQGlmIChoYXNJY29uKSB7XG4gICAgICA8aW9uLWljb24gW25hbWVdPVwiaWNvblwiIGNsYXNzPVwiZXVpbS1hbGVydC1tZXNzYWdlX19pY29uXCI+PC9pb24taWNvbj5cbiAgICB9XG4gIDwvZGl2PlxufVxuQGlmIChpc1Zpc2libGUpIHtcbiAgPGRpdiBjbGFzcz1cImV1aW0tYWxlcnQtbWVzc2FnZV9fd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzbG90U3RhcnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgZXVpbUxhYmVsIFtldWltTGFiZWxUcnVuY2F0ZV09XCJldWltTGFiZWxUcnVuY2F0ZVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbG90RW5kXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuXG5AaWYgKGlzQ2xvc2VhYmxlICYmIGlzVmlzaWJsZSkge1xuICA8YSByb2xlPVwiYnV0dG9uXCIgYXJpYS1sYWJlbD1cIkNsb3NlIEljb24gQnV0dG9uXCIgY2xhc3M9XCJldWltLWFsZXJ0LW1lc3NhZ2VfX2Nsb3NlXCJcbiAgICAoY2xpY2spPVwib25DbG9zZSgkZXZlbnQpXCI+XG4gICAgPGlvbi1pY29uIG5hbWU9XCJjbG9zZS1zaGFycFwiIGNsYXNzPVwiZXVpbS1hbGVydC1tZXNzYWdlX19jbG9zZUljb25cIj48L2lvbi1pY29uPlxuICA8L2E+XG59XG4iXX0=

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

@@ -0,0 +1,25 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAvatarBadgeComponent {
+    constructor() {
+        this.position = 'default';
+    }
+    get cssClasses() {
+        return [
+            'euim-avatar-badge',
+            `euim-avatar-badge--position-${this.position}`,
+        ].join(' ').trim();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-badge', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], position: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXItYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLWJhZGdlL2V1aW0tYXZhdGFyLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci1iYWRnZS9ldWltLWF2YXRhci1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyx3QkFBd0I7SUFKckM7UUFhYSxhQUFRLEdBQWdDLFNBQVMsQ0FBQztLQUM5RDtJQVRHLElBQ1csVUFBVTtRQUNqQixPQUFPO1lBQ0gsbUJBQW1CO1lBQ25CLCtCQUErQixJQUFJLENBQUMsUUFBUSxFQUFFO1NBQ2pELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7a0lBUFEsd0JBQXdCO3NIQUF4Qix3QkFBd0IsaUpDTnJDLDZCQUNBOzs0RkRLYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0ksbUJBQW1COzhCQUtsQixVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBUVgsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1hdmF0YXItYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWF2YXRhci1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BdmF0YXJCYWRnZUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZXVpbS1hdmF0YXItYmFkZ2UnLFxuICAgICAgICAgICAgYGV1aW0tYXZhdGFyLWJhZGdlLS1wb3NpdGlvbi0ke3RoaXMucG9zaXRpb259YCxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHBvc2l0aW9uOiAnZGVmYXVsdCcgfCdib3R0b20nIHwgJ3RvcCcgPSAnZGVmYXVsdCc7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.mjs

@@ -0,0 +1,17 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAvatarIconComponent {
+    constructor() {
+        this.string = 'euim-avatar-icon';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-icon', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { string: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXItaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hdmF0YXIvZXVpbS1hdmF0YXItaWNvbi9ldWltLWF2YXRhci1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci1pY29uL2V1aW0tYXZhdGFyLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTXZELE1BQU0sT0FBTyx1QkFBdUI7SUFKcEM7UUFLMEIsV0FBTSxHQUFHLGtCQUFrQixDQUFDO0tBQ3JEO2tJQUZZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLDBHQ05wQyw2QkFDQTs7NEZES2EsdUJBQXVCO2tCQUpuQyxTQUFTOytCQUNJLGtCQUFrQjs4QkFJTixNQUFNO3NCQUEzQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1hdmF0YXItaWNvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tYXZhdGFyLWljb24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltQXZhdGFySWNvbkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWltLWF2YXRhci1pY29uJztcbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.mjs

@@ -0,0 +1,44 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAvatarIconSubComponent {
+    constructor() {
+        this.color = 'default';
+        this.size = 'default';
+        this.fill = 'default';
+        this.variant = 'default';
+        this.borderColor = 'default';
+    }
+    get cssClasses() {
+        return this.getCssClasses();
+    }
+    getCssClasses() {
+        return [
+            'euim-avatar-icon-sub',
+            this.size ? `euim-avatar-icon-sub--size-${this.size}` : '',
+            this.fill ? `euim-avatar-icon-sub--fill-${this.fill}` : '',
+            this.color ? `euim-avatar-icon-sub--color-${this.color}` : '',
+            this.variant ? `euim-avatar-icon-sub--variant-${this.variant}` : '',
+            this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
+        ].join(' ');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarIconSubComponent, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-icon-sub', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXItaWNvbi1zdWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLWljb24tc3ViL2V1aW0tYXZhdGFyLWljb24tc3ViLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci1pY29uLXN1Yi9ldWltLWF2YXRhci1pY29uLXN1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTywwQkFBMEI7SUFKdkM7UUFLYSxVQUFLLEdBQW1ILFNBQVMsQ0FBQztRQUNsSSxTQUFJLEdBQXlDLFNBQVMsQ0FBQztRQUN2RCxTQUFJLEdBQWdFLFNBQVMsQ0FBQztRQUM5RSxZQUFPLEdBQXdDLFNBQVMsQ0FBQztRQUN6RCxnQkFBVyxHQUFvRSxTQUFTLENBQUM7S0FpQnJHO0lBZkcsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhO1FBQ1QsT0FBTztZQUNILHNCQUFzQjtZQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyw4QkFBOEIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFELElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDMUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsK0JBQStCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxpQ0FBaUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ25FLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLHNDQUFzQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDbkYsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztrSUFyQlEsMEJBQTBCO3NIQUExQiwwQkFBMEIsME5DTnZDLDZCQUNBOzs0RkRLYSwwQkFBMEI7a0JBSnRDLFNBQVM7K0JBQ0ksc0JBQXNCOzhCQUl2QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFHSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tYXZhdGFyLWljb24tc3ViJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1hdmF0YXItaWNvbi1zdWIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltQXZhdGFySWNvblN1YkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29sb3I6ICdkZWZhdWx0JyB8ICdkYXJrJyB8ICd3aGl0ZScgfCAncHJpbWFyeScgfCAnaW5mbycgfCAnc3VjY2VzcycgfCAgJ2FjY2VudCcgfCAnc2Vjb25kYXJ5JyB8ICd3YXJuaW5nJyB8ICdkYW5nZXInID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIHNpemU6ICdkZWZhdWx0JyB8ICdhdXRvJyB8ICdsJyB8ICdtJyB8ICdzJyA9ICdkZWZhdWx0JztcbiAgICBASW5wdXQoKSBmaWxsOiAnZGVmYXVsdCcgfCAnY2xlYXInIHwgJ291dGxpbmUnIHwgJ3NvbGlkJyB8ICdvdXRsaW5lLXNvbGlkJyA9ICdkZWZhdWx0JztcbiAgICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAncm91bmRlZCcgfCAncmVjdGFuZ2xlJyA9ICdkZWZhdWx0JztcbiAgICBASW5wdXQoKSBib3JkZXJDb2xvcjogJ2RlZmF1bHQnIHwgJ3ByaW1hcnknIHwgJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ2RhbmdlcicgfCAnd2hpdGUnID0gJ2RlZmF1bHQnO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZXVpbS1hdmF0YXItaWNvbi1zdWInLFxuICAgICAgICAgICAgdGhpcy5zaXplID8gYGV1aW0tYXZhdGFyLWljb24tc3ViLS1zaXplLSR7dGhpcy5zaXplfWAgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZmlsbCA/IGBldWltLWF2YXRhci1pY29uLXN1Yi0tZmlsbC0ke3RoaXMuZmlsbH1gIDogJycsXG4gICAgICAgICAgICB0aGlzLmNvbG9yID8gYGV1aW0tYXZhdGFyLWljb24tc3ViLS1jb2xvci0ke3RoaXMuY29sb3J9YCA6ICcnLFxuICAgICAgICAgICAgdGhpcy52YXJpYW50ID8gYGV1aW0tYXZhdGFyLWljb24tc3ViLS12YXJpYW50LSR7dGhpcy52YXJpYW50fWAgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuYm9yZGVyQ29sb3IgPyBgZXVpbS1hdmF0YXItaWNvbi1zdWItLWJvcmRlci1jb2xvci0ke3RoaXMuYm9yZGVyQ29sb3J9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.mjs

@@ -0,0 +1,19 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAvatarImageComponent {
+    constructor() {
+        this.string = 'euim-avatar-image';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimAvatarImageComponent, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n    <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n    <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n" }]
+        }], propDecorators: { string: [{
+                type: HostBinding,
+                args: ['class']
+            }], imageUrl: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXItaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLWltYWdlL2V1aW0tYXZhdGFyLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci1pbWFnZS9ldWltLWF2YXRhci1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyx3QkFBd0I7SUFKckM7UUFLMEIsV0FBTSxHQUFHLG1CQUFtQixDQUFDO0tBRXREO2tJQUhZLHdCQUF3QjtzSEFBeEIsd0JBQXdCLDZJQ05yQywrR0FLQTs7NEZEQ2Esd0JBQXdCO2tCQUpwQyxTQUFTOytCQUNJLG1CQUFtQjs4QkFJUCxNQUFNO3NCQUEzQixXQUFXO3VCQUFDLE9BQU87Z0JBQ1gsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1hdmF0YXItaW1hZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWF2YXRhci1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BdmF0YXJJbWFnZUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWltLWF2YXRhci1pbWFnZSc7XG4gICAgQElucHV0KCkgaW1hZ2VVcmw7XG59XG4iLCJAaWYgKGltYWdlVXJsKSB7XG4gICAgPGltZyBbc3JjXT1cImltYWdlVXJsXCIgYWx0PVwiQXZhdGFyXCIvPlxufSBAZWxzZSB7XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19

package/esm2022/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.mjs

@@ -0,0 +1,28 @@
+import { Component, Input, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimAvatarTextComponent {
+    constructor() {
+        this.color = 'default';
+    }
+    get cssClasses() {
+        return this.getCssClasses();
+    }
+    getCssClasses() {
+        return [
+            'euim-avatar-text',
+            this.color ? `euim-avatar-text--color-${this.color}` : '',
+        ].join(' ');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-text', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXItdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hdmF0YXIvZXVpbS1hdmF0YXItdGV4dC9ldWltLWF2YXRhci10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci10ZXh0L2V1aW0tYXZhdGFyLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU05RCxNQUFNLE9BQU8sdUJBQXVCO0lBSnBDO1FBS2EsVUFBSyxHQUEwRyxTQUFTLENBQUM7S0Fhckk7SUFYRyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWE7UUFDVCxPQUFPO1lBQ0gsa0JBQWtCO1lBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDNUQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztrSUFiUSx1QkFBdUI7c0hBQXZCLHVCQUF1QiwwSUNOcEMsNkJBQ0E7OzRGREthLHVCQUF1QjtrQkFKbkMsU0FBUzsrQkFDSSxrQkFBa0I7OEJBSW5CLEtBQUs7c0JBQWIsS0FBSztnQkFHSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tYXZhdGFyLXRleHQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWF2YXRhci10ZXh0LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUF2YXRhclRleHRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNvbG9yOiAnZGVmYXVsdCcgfCAnd2hpdGUnIHwgJ3ByaW1hcnknIHwgJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgICdhY2NlbnQnIHwgJ3NlY29uZGFyeScgfCAnd2FybmluZycgfCAnZGFuZ2VyJyA9ICdkZWZhdWx0JztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aW0tYXZhdGFyLXRleHQnLFxuICAgICAgICAgICAgdGhpcy5jb2xvciA/IGBldWltLWF2YXRhci10ZXh0LS1jb2xvci0ke3RoaXMuY29sb3J9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

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

@@ -1,17 +1,44 @@
-import { Component, HostBinding, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { Component, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class EuimAvatarComponent {
     constructor() {
-        this.className = 'euim-avatar';
+        this.color = 'default';
+        this.size = 'default';
+        this.fill = 'default';
+        this.variant = 'default';
+        this.borderColor = 'default';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    get cssClasses() {
+        return this.getCssClasses();
+    }
+    getCssClasses() {
+        return [
+            'euim-avatar',
+            this.size ? `euim-avatar--size-${this.size}` : '',
+            this.fill ? `euim-avatar--fill-${this.fill}` : '',
+            this.color ? `euim-avatar--color-${this.color}` : '',
+            this.variant ? `euim-avatar--variant-${this.variant}` : '',
+            this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
+        ].join(' ');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarComponent, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral-bg);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-neutral-contrast)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral)}.euim-avatar--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-contrast)}.euim-avatar--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl-compact)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar-icon-sub--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m-compact)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}\n"] }]
-        }], propDecorators: { className: [{
+            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral-bg);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-neutral-contrast)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral)}.euim-avatar--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-contrast)}.euim-avatar--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl-compact)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar-icon-sub--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m-compact)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs-compact)}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTbkcsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVEwQixjQUFTLEdBQUcsYUFBYSxDQUFDO0tBQ25EO2lJQUZZLG1CQUFtQjtxSEFBbkIsbUJBQW1CLHdHQ1RoQyw2QkFDQTs7MkZEUWEsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHekIsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnZXVpbS1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BdmF0YXJDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnZXVpbS1hdmF0YXInO1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWF2YXRhci9ldWltLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFHLE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRYSxVQUFLLEdBQWdJLFNBQVMsQ0FBQztRQUMvSSxTQUFJLEdBQXlDLFNBQVMsQ0FBQztRQUN2RCxTQUFJLEdBQWdFLFNBQVMsQ0FBQztRQUM5RSxZQUFPLEdBQXdDLFNBQVMsQ0FBQztRQUN6RCxnQkFBVyxHQUFnRixTQUFTLENBQUM7S0FpQmpIO0lBZkcsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhO1FBQ1QsT0FBTztZQUNILGFBQWE7WUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxxQkFBcUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2pELElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsc0JBQXNCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNwRCxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFELElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztrSUFyQlEsbUJBQW1CO3NIQUFuQixtQkFBbUIsaU5DVGhDLDJSQUtBOzs0RkRJYSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0ksYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFHSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnZXVpbS1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1BdmF0YXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGNvbG9yOiAnZGVmYXVsdCcgfCAnZGFyaycgfCAnYnJhbmRpbmcnIHwgJ3doaXRlJyB8ICdwcmltYXJ5JyB8ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICAnYWNjZW50JyB8ICdzZWNvbmRhcnknIHwgJ3dhcm5pbmcnIHwgJ2RhbmdlcicgPSAnZGVmYXVsdCc7XG4gICAgQElucHV0KCkgc2l6ZTogJ2RlZmF1bHQnIHwgJ2F1dG8nIHwgJ3MnIHwgJ20nIHwgJ2wnID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIGZpbGw6ICdkZWZhdWx0JyB8ICdjbGVhcicgfCAnb3V0bGluZScgfCAnb3V0bGluZS1zb2xpZCcgfCAnc29saWQnID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6ICdkZWZhdWx0JyB8ICdyZWN0YW5nbGUnIHwgJ3JvdW5kZWQnID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIGJvcmRlckNvbG9yOiAnZGVmYXVsdCcgfCAncHJpbWFyeScgfCdicmFuZGluZycgfCAnaW5mbycgfCAnc3VjY2VzcycgfCAnZGFuZ2VyJyB8ICd3aGl0ZScgPSAnZGVmYXVsdCc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGdldENzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWltLWF2YXRhcicsXG4gICAgICAgICAgICB0aGlzLnNpemUgPyBgZXVpbS1hdmF0YXItLXNpemUtJHt0aGlzLnNpemV9YCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5maWxsID8gYGV1aW0tYXZhdGFyLS1maWxsLSR7dGhpcy5maWxsfWAgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuY29sb3IgPyBgZXVpbS1hdmF0YXItLWNvbG9yLSR7dGhpcy5jb2xvcn1gIDogJycsXG4gICAgICAgICAgICB0aGlzLnZhcmlhbnQgPyBgZXVpbS1hdmF0YXItLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnR9YCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5ib3JkZXJDb2xvciA/IGBldWltLWF2YXRhci0tYm9yZGVyLWNvbG9yLSR7dGhpcy5ib3JkZXJDb2xvcn1gIDogJycsXG4gICAgICAgIF0uam9pbignICcpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tYXZhdGFyLWljb25cIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJldWltLWF2YXRhci10ZXh0XCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpbS1hdmF0YXItaW1hZ2VcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJldWltLWF2YXRhci1iYWRnZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tYXZhdGFyLWljb24tc3ViXCI+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/lib/components/euim-avatar/euim-avatar.module.mjs

@@ -2,26 +2,30 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { IonicModule } from '@ionic/angular';
 import { EuimAvatarComponent } from './euim-avatar.component';
-import { EuimAvatarMainIconDirective } from './euim-avatar-main-icon/euim-avatar-main-icon.directive';
-import { EuimAvatarSubIconDirective } from './euim-avatar-sub-icon/euim-avatar-sub-icon.directive';
+import { EuimAvatarIconComponent } from './euim-avatar-icon/euim-avatar-icon.component';
+import { EuimAvatarIconSubComponent } from './euim-avatar-icon-sub/euim-avatar-icon-sub.component';
+import { EuimAvatarTextComponent } from './euim-avatar-text/euim-avatar-text.component';
+import { EuimAvatarImageComponent } from './euim-avatar-image/euim-avatar-image.component';
+import { EuimAvatarBadgeComponent } from './euim-avatar-badge/euim-avatar-badge.component';
 import * as i0 from "@angular/core";
-const COMPONENTS = [
-    EuimAvatarComponent,
-    EuimAvatarSubIconDirective,
-    EuimAvatarMainIconDirective,
-];
 export class EuimAvatarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
-            EuimAvatarSubIconDirective,
-            EuimAvatarMainIconDirective], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
+            EuimAvatarIconComponent,
+            EuimAvatarIconSubComponent,
+            EuimAvatarTextComponent,
+            EuimAvatarImageComponent,
+            EuimAvatarBadgeComponent], imports: [CommonModule,
             IonicModule], exports: [EuimAvatarComponent,
-            EuimAvatarSubIconDirective,
-            EuimAvatarMainIconDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
+            EuimAvatarIconComponent,
+            EuimAvatarIconSubComponent,
+            EuimAvatarTextComponent,
+            EuimAvatarImageComponent,
+            EuimAvatarBadgeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -29,11 +33,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS,
+                        EuimAvatarComponent,
+                        EuimAvatarIconComponent,
+                        EuimAvatarIconSubComponent,
+                        EuimAvatarTextComponent,
+                        EuimAvatarImageComponent,
+                        EuimAvatarBadgeComponent,
                     ],
                     declarations: [
-                        ...COMPONENTS,
+                        EuimAvatarComponent,
+                        EuimAvatarIconComponent,
+                        EuimAvatarIconSubComponent,
+                        EuimAvatarTextComponent,
+                        EuimAvatarImageComponent,
+                        EuimAvatarBadgeComponent,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDdEcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBRW5HLE1BQU0sVUFBVSxHQUFHO0lBQ2YsbUJBQW1CO0lBQ25CLDBCQUEwQjtJQUMxQiwyQkFBMkI7Q0FDOUIsQ0FBQztBQWNGLE1BQU0sT0FBTyxnQkFBZ0I7aUlBQWhCLGdCQUFnQjtrSUFBaEIsZ0JBQWdCLGlCQWpCekIsbUJBQW1CO1lBQ25CLDBCQUEwQjtZQUMxQiwyQkFBMkIsYUFLdkIsWUFBWTtZQUNaLFdBQVcsYUFSZixtQkFBbUI7WUFDbkIsMEJBQTBCO1lBQzFCLDJCQUEyQjtrSUFlbEIsZ0JBQWdCLFlBVnJCLFlBQVk7WUFDWixXQUFXOzsyRkFTTixnQkFBZ0I7a0JBWjVCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVztxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsR0FBRyxVQUFVO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsR0FBRyxVQUFVO3FCQUNoQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBFdWltQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi9ldWltLWF2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpbUF2YXRhck1haW5JY29uRGlyZWN0aXZlIH0gZnJvbSAnLi9ldWltLWF2YXRhci1tYWluLWljb24vZXVpbS1hdmF0YXItbWFpbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBFdWltQXZhdGFyU3ViSWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4vZXVpbS1hdmF0YXItc3ViLWljb24vZXVpbS1hdmF0YXItc3ViLWljb24uZGlyZWN0aXZlJztcblxuY29uc3QgQ09NUE9ORU5UUyA9IFtcbiAgICBFdWltQXZhdGFyQ29tcG9uZW50LFxuICAgIEV1aW1BdmF0YXJTdWJJY29uRGlyZWN0aXZlLFxuICAgIEV1aW1BdmF0YXJNYWluSWNvbkRpcmVjdGl2ZSxcbl07XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIElvbmljTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICAuLi5DT01QT05FTlRTLFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIC4uLkNPTVBPTkVOVFMsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUF2YXRhck1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1hdmF0YXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYXZhdGFyL2V1aW0tYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDbkcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBd0IzRixNQUFNLE9BQU8sZ0JBQWdCO2tJQUFoQixnQkFBZ0I7bUlBQWhCLGdCQUFnQixpQkFSckIsbUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIsdUJBQXVCO1lBQ3ZCLHdCQUF3QjtZQUN4Qix3QkFBd0IsYUFqQnhCLFlBQVk7WUFDWixXQUFXLGFBR1gsbUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIsdUJBQXVCO1lBQ3ZCLHdCQUF3QjtZQUN4Qix3QkFBd0I7bUlBV25CLGdCQUFnQixZQXBCckIsWUFBWTtZQUNaLFdBQVc7OzRGQW1CTixnQkFBZ0I7a0JBdEI1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFdBQVc7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLG1CQUFtQjt3QkFDbkIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7d0JBQzFCLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7cUJBQzNCO29CQUNELFlBQVksRUFBRTt3QkFDVixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUMzQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBFdWltQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi9ldWltLWF2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpbUF2YXRhckljb25Db21wb25lbnQgfSBmcm9tICcuL2V1aW0tYXZhdGFyLWljb24vZXVpbS1hdmF0YXItaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpbUF2YXRhckljb25TdWJDb21wb25lbnQgfSBmcm9tICcuL2V1aW0tYXZhdGFyLWljb24tc3ViL2V1aW0tYXZhdGFyLWljb24tc3ViLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWltQXZhdGFyVGV4dENvbXBvbmVudCB9IGZyb20gJy4vZXVpbS1hdmF0YXItdGV4dC9ldWltLWF2YXRhci10ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWltQXZhdGFySW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2V1aW0tYXZhdGFyLWltYWdlL2V1aW0tYXZhdGFyLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWltQXZhdGFyQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2V1aW0tYXZhdGFyLWJhZGdlL2V1aW0tYXZhdGFyLWJhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIElvbmljTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBFdWltQXZhdGFyQ29tcG9uZW50LFxuICAgICAgICBFdWltQXZhdGFySWNvbkNvbXBvbmVudCxcbiAgICAgICAgRXVpbUF2YXRhckljb25TdWJDb21wb25lbnQsXG4gICAgICAgIEV1aW1BdmF0YXJUZXh0Q29tcG9uZW50LFxuICAgICAgICBFdWltQXZhdGFySW1hZ2VDb21wb25lbnQsXG4gICAgICAgIEV1aW1BdmF0YXJCYWRnZUNvbXBvbmVudCxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBFdWltQXZhdGFyQ29tcG9uZW50LFxuICAgICAgICBFdWltQXZhdGFySWNvbkNvbXBvbmVudCxcbiAgICAgICAgRXVpbUF2YXRhckljb25TdWJDb21wb25lbnQsXG4gICAgICAgIEV1aW1BdmF0YXJUZXh0Q29tcG9uZW50LFxuICAgICAgICBFdWltQXZhdGFySW1hZ2VDb21wb25lbnQsXG4gICAgICAgIEV1aW1BdmF0YXJCYWRnZUNvbXBvbmVudCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltQXZhdGFyTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2022/lib/components/euim-avatar/index.mjs

@@ -1,5 +1,8 @@
 export * from './euim-avatar.module';
 export * from './euim-avatar.component';
-export * from './euim-avatar-main-icon/euim-avatar-main-icon.directive';
-export * from './euim-avatar-sub-icon/euim-avatar-sub-icon.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hdmF0YXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyx1REFBdUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXItbWFpbi1pY29uL2V1aW0tYXZhdGFyLW1haW4taWNvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9ldWltLWF2YXRhci1zdWItaWNvbi9ldWltLWF2YXRhci1zdWItaWNvbi5kaXJlY3RpdmUnO1xuIl19
+export * from './euim-avatar-icon/euim-avatar-icon.component';
+export * from './euim-avatar-icon-sub/euim-avatar-icon-sub.component';
+export * from './euim-avatar-badge/euim-avatar-badge.component';
+export * from './euim-avatar-image/euim-avatar-image.component';
+export * from './euim-avatar-text/euim-avatar-text.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1hdmF0YXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYywrQ0FBK0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZXVpbS1hdmF0YXItaWNvbi9ldWltLWF2YXRhci1pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aW0tYXZhdGFyLWljb24tc3ViL2V1aW0tYXZhdGFyLWljb24tc3ViLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aW0tYXZhdGFyLWJhZGdlL2V1aW0tYXZhdGFyLWJhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aW0tYXZhdGFyLWltYWdlL2V1aW0tYXZhdGFyLWltYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aW0tYXZhdGFyLXRleHQvZXVpbS1hdmF0YXItdGV4dC5jb21wb25lbnQnO1xuIl19

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

@@ -14,10 +14,10 @@ export class EuimBadgeComponent {
             this.baseStatesDirective.getCssClasses('euim-badge'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);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);box-sizing:border-box;letter-spacing:normal}.euim-badge[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-badge[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}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-s)}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-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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.10", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -27,12 +27,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                                 'euimSizeM',
                                 'euimSizeS',
                                 'euimSizeL',
+                                'euimSizeXL',
                                 'color',
                             ],
                         },
-                    ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);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);box-sizing:border-box;letter-spacing:normal}.euim-badge[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-badge[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}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-s)}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-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!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)}.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"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1iYWRnZS9ldWltLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWJhZGdlL2V1aW0tYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQXFCL0QsTUFBTSxPQUFPLGtCQUFrQjtJQUUzQixJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQW1CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO0lBQUcsQ0FBQztJQUUvRCxhQUFhO1FBQ1QsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1NBQ3ZELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7aUlBYlEsa0JBQWtCO3FIQUFsQixrQkFBa0IsdVRDdEIvQiw2QkFDQTs7MkZEcUJhLGtCQUFrQjtrQkFuQjlCLFNBQVM7K0JBQ0ksWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osb0JBQW9CO2dDQUNwQixXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxPQUFPOzZCQUNWO3lCQUNKO3FCQUNKO3dGQUtVLFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJy4uL2Jhc2Utc3RhdGVzLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1iYWRnZScsXG4gICAgdGVtcGxhdGVVcmw6ICdldWltLWJhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWltUG9zaXRpb25Ub3BFbmQnLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZU0nLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZUwnLFxuICAgICAgICAgICAgICAgICdjb2xvcicsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1CYWRnZUNvbXBvbmVudCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpIDpzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tYmFkZ2UnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1iYWRnZS9ldWltLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWJhZGdlL2V1aW0tYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQXNCL0QsTUFBTSxPQUFPLGtCQUFrQjtJQUUzQixJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFlBQW1CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO0lBQUcsQ0FBQztJQUUvRCxhQUFhO1FBQ1QsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1NBQ3ZELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7a0lBYlEsa0JBQWtCO3NIQUFsQixrQkFBa0IsbVZDdkIvQiw2QkFDQTs7NEZEc0JhLGtCQUFrQjtrQkFwQjlCLFNBQVM7K0JBQ0ksWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osb0JBQW9CO2dDQUNwQixXQUFXO2dDQUNYLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZO2dDQUNaLE9BQU87NkJBQ1Y7eUJBQ0o7cUJBQ0o7d0ZBS1UsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnLi4vYmFzZS1zdGF0ZXMuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWJhZGdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2V1aW0tYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aW1Qb3NpdGlvblRvcEVuZCcsXG4gICAgICAgICAgICAgICAgJ2V1aW1TaXplTScsXG4gICAgICAgICAgICAgICAgJ2V1aW1TaXplUycsXG4gICAgICAgICAgICAgICAgJ2V1aW1TaXplTCcsXG4gICAgICAgICAgICAgICAgJ2V1aW1TaXplWEwnLFxuICAgICAgICAgICAgICAgICdjb2xvcicsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1CYWRnZUNvbXBvbmVudCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpIDpzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tYmFkZ2UnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==