@eui/components 19.0.2-snapshot-1734551054425 → 19.0.2-snapshot-1734640536222

package/eui-user-profile/user-profile.component.d.ts

@@ -6,10 +6,22 @@ import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
+/**
+ * Represents an extended user profile that includes impersonation capabilities
+ * and organizational information.
+ * @extends {UserState}
+ *
+ * When using this interface with UserService, specify it as the generic type parameter:
+ * Example: private userService: UserService<UserProfile>
+ */
 export interface UserProfile extends UserState {
+    /** The profile of another user being impersonated, if applicable */
     impersonatingUser?: UserProfile;
+    /** The user's function or role within the system */
     function?: string;
+    /** The organization details associated with the user */
     organisation?: {
+        /** The unique code identifying the organization */
         code: string;
     };
 }

package/eui-user-profile/user-profile.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-profile.component.d.ts","sourceRoot":"","sources":["../../eui-user-profile/user-profile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EAET,SAAS,EACT,aAAa,EAEb,UAAU,EAEV,MAAM,EAET,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;;;AAE9F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC1C,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAA;KACf,CAAA;CACJ;AAED,qBAiBa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IAyCxE,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,WAAW;IACZ,mBAAmB,EAAE,mBAAmB;IA1CnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAED,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtB,YAAY,SAAa;IACzB,gBAAgB,SAAmB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAa;IAEK,OAAO,UAAS;IAChB,eAAe,UAAQ;IACvB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;IACzB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,mBAAmB,UAAS;IAC5B,eAAe,UAAQ;IAEvB,kBAAkB,UAAS;IAC3B,gBAAgB,UAAS;IACzB,eAAe,UAAS;IAEzC,QAAQ,EAAE,oBAAoB,CAAC;IAEtD,cAAc,EAAE,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAEvD,cAAc,UAAS;IAEvB,OAAO,CAAC,mBAAmB,CAAgC;gBAG/C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,EACtC,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAShB,eAAe,IAAI,IAAI;IAyBvB,WAAW,IAAI,IAAI;IAKnB,aAAa,IAAI,IAAI;IAKrB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;yCA3F9B,uBAAuB;2CAAvB,uBAAuB;sCA+F00sC,OAAQ;8CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;kDAAR,OAAQ;8CAAR,OAAQ;iDAAR,OAAQ;+CAAR,OAAQ;8CAAR,OAAQ;CADr3sC"}
+{"version":3,"file":"user-profile.component.d.ts","sourceRoot":"","sources":["../../eui-user-profile/user-profile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,MAAM,EAEN,SAAS,EAET,SAAS,EACT,aAAa,EAEb,UAAU,EAEV,MAAM,EAET,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;;;AAE9F;;;;;;;GAOG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC1C,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,YAAY,CAAC,EAAE;QACX,mDAAmD;QACnD,IAAI,EAAE,MAAM,CAAA;KACf,CAAA;CACJ;AAED,qBAiBa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IAyCxE,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,WAAW;IACZ,mBAAmB,EAAE,mBAAmB;IA1CnD,IACW,UAAU,IAAI,MAAM,CAM9B;IAED,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtB,YAAY,SAAa;IACzB,gBAAgB,SAAmB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,SAAa;IAEK,OAAO,UAAS;IAChB,eAAe,UAAQ;IACvB,oBAAoB,UAAS;IAC7B,gBAAgB,UAAS;IACzB,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,mBAAmB,UAAS;IAC5B,eAAe,UAAQ;IAEvB,kBAAkB,UAAS;IAC3B,gBAAgB,UAAS;IACzB,eAAe,UAAS;IAEzC,QAAQ,EAAE,oBAAoB,CAAC;IAEtD,cAAc,EAAE,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAEvD,cAAc,UAAS;IAEvB,OAAO,CAAC,mBAAmB,CAAgC;gBAG/C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,EACtC,mBAAmB,EAAE,mBAAmB;IAInD,QAAQ,IAAI,IAAI;IAShB,eAAe,IAAI,IAAI;IAyBvB,WAAW,IAAI,IAAI;IAKnB,aAAa,IAAI,IAAI;IAKrB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;yCA3F9B,uBAAuB;2CAAvB,uBAAuB;sCA+FsyrC,OAAQ;8CAAR,OAAQ;mDAAR,OAAQ;+CAAR,OAAQ;wCAAR,OAAQ;wCAAR,OAAQ;kDAAR,OAAQ;8CAAR,OAAQ;iDAAR,OAAQ;+CAAR,OAAQ;8CAAR,OAAQ;CADj1rC"}

package/fesm2022/eui-components-eui-alert.mjs

@@ -71,7 +71,7 @@ class EuiAlertComponent {
         this.closeAlert.emit(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-compact-bold)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiAlertComponent, isStandalone: false, selector: "div[euiAlert], eui-alert", inputs: { ariaDescribedBy: "ariaDescribedBy", e2eAttr: "e2eAttr", isMuted: ["isMuted", "isMuted", booleanAttribute], isBordered: ["isBordered", "isBordered", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute], isFocusable: ["isFocusable", "isFocusable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, outputs: { closeAlert: "closeAlert" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-describedby": "this.ariaDescribedBy", "attr.tabindex": "this.tabindex", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "alertTitle", first: true, predicate: i0.forwardRef(() => EuiAlertTitleComponent), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-padding: var(--eui-s-m);--eui-alert-title-font: var(--eui-f-m-compact-bold);--eui-alert-border-radius: var(--eui-br-s);--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_padding: var(--eui-alert-padding);--_border-radius: var(--eui-alert-border-radius);--_title-font: var(--eui-alert-title-font);--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAlertComponent, decorators: [{
             type: Component,
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiVariant',
                             ],
                         },
-                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--eui-s-m);background-color:var(--_bg-color);position:relative;border-radius:var(--eui-br-s);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--eui-f-m-compact-bold)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
+                    ], template: "@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n", styles: [".eui-19 :host.eui-alert{--eui-alert-padding: var(--eui-s-m);--eui-alert-title-font: var(--eui-f-m-compact-bold);--eui-alert-border-radius: var(--eui-br-s);--eui-alert-color-default-bg: var(--eui-c-info-bg);--eui-alert-color-default-text: var(--eui-c-text);--eui-alert-color-default-title-text: var(--eui-c-info-dark);--eui-alert-color-default-border: var(--eui-c-info-dark);--eui-alert-color-default-close-text: var(--eui-c-text);--eui-alert-color-default-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-info-bg: var(--eui-c-info-bg);--eui-alert-color-info-text: var(--eui-c-text);--eui-alert-color-info-title-text: var(--eui-c-info-dark);--eui-alert-color-info-border: var(--eui-c-info-dark);--eui-alert-color-info-close-text: var(--eui-c-text);--eui-alert-color-info-close-hover-bg: var(--eui-c-info-lightest);--eui-alert-color-success-bg: var(--eui-c-success-bg);--eui-alert-color-success-text: var(--eui-c-text);--eui-alert-color-success-title-text: var(--eui-c-success-darker);--eui-alert-color-success-border: var(--eui-c-success-darker);--eui-alert-color-success-close-text: var(--eui-c-text);--eui-alert-color-success-close-hover-bg: var(--eui-c-success-lightest);--eui-alert-color-warning-bg: var(--eui-c-warning-bg);--eui-alert-color-warning-text: var(--eui-c-text);--eui-alert-color-warning-title-text: var(--eui-c-warning-darker);--eui-alert-color-warning-border: var(--eui-c-warning-darker);--eui-alert-color-warning-close-text: var(--eui-c-text);--eui-alert-color-warning-close-hover-bg: var(--eui-c-warning-lightest);--eui-alert-color-danger-bg: var(--eui-c-danger-bg);--eui-alert-color-danger-text: var(--eui-c-text);--eui-alert-color-danger-title-text: var(--eui-c-danger-dark);--eui-alert-color-danger-border: var(--eui-c-danger-dark);--eui-alert-color-danger-close-text: var(--eui-c-text);--eui-alert-color-danger-close-hover-bg: var(--eui-c-danger-lightest);--eui-alert-color-bordered-bg: var(--eui-c-neutral-bg-lighter);--eui-alert-color-bordered-close-hover-bg: var(--eui-c-neutral-bg)}.eui-19 :host.eui-alert{--_padding: var(--eui-alert-padding);--_border-radius: var(--eui-alert-border-radius);--_title-font: var(--eui-alert-title-font);--_color: var(--eui-alert-color-default-text);--_title-color: var( --eui-alert-color-default-title-text);--_bg-color: var( --eui-alert-color-default-bg);--_close-hover-color: var(--eui-alert-color-default-close-hover-bg)}.eui-19 :host.eui-alert--info{--_color: var(--eui-alert-color-info-text);--_title-color: var( --eui-alert-color-info-title-text);--_bg-color: var( --eui-alert-color-info-bg);--_close-hover-color: var(--eui-alert-color-info-close-hover-bg)}.eui-19 :host.eui-alert--success{--_color: var(--eui-alert-color-success-text);--_title-color: var( --eui-alert-color-success-title-text);--_bg-color: var( --eui-alert-color-success-bg);--_close-hover-color: var(--eui-alert-color-success-close-hover-bg)}.eui-19 :host.eui-alert--danger{--_color: var(--eui-alert-color-danger-text);--_title-color: var( --eui-alert-color-danger-title-text);--_bg-color: var( --eui-alert-color-danger-bg);--_close-hover-color: var(--eui-alert-color-danger-close-hover-bg)}.eui-19 :host.eui-alert--warning{--_color: var(--eui-alert-color-warning-text);--_title-color: var( --eui-alert-color-warning-title-text);--_bg-color: var( --eui-alert-color-warning-bg);--_close-hover-color: var(--eui-alert-color-warning-close-hover-bg)}.eui-19 :host.eui-alert--bordered{--_border-color: var(--eui-alert-color-default-border);--_bg-color: var(--eui-alert-color-bordered-bg);--_close-hover-color: var(--eui-alert-color-bordered-close-hover-bg)}.eui-19 :host.eui-alert--bordered.eui-alert--info{--_border-color: var(--eui-alert-color-info-border)}.eui-19 :host.eui-alert--bordered.eui-alert--success{--_border-color: var(--eui-alert-color-success-border)}.eui-19 :host.eui-alert--bordered.eui-alert--danger{--_border-color: var(--eui-alert-color-danger-border)}.eui-19 :host.eui-alert--bordered.eui-alert--warning{--_border-color: var(--eui-alert-color-warning-border)}.eui-19 :host.eui-alert{display:flex;padding:var(--_padding);background-color:var(--_bg-color);position:relative;border-radius:var(--_border-radius);color:var(--_color)}.eui-19 :host.eui-alert .eui-alert-container{display:flex;flex-direction:column;row-gap:var(--eui-s-s)}.eui-19 :host.eui-alert .eui-alert-title-wrapper{display:flex;align-items:center}.eui-19 :host.eui-alert .eui-alert-icon{margin-right:var(--eui-s-xs)}.eui-19 :host.eui-alert ::ng-deep .eui-alert-title{color:var(--_title-color);font:var(--_title-font)}.eui-19 :host.eui-alert .eui-alert-content{display:block}.eui-19 :host.eui-alert .eui-alert-content p:first-child{margin-top:0}.eui-19 :host.eui-alert .eui-alert-content p:last-child{margin-bottom:0}.eui-19 :host.eui-alert .eui-alert-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 :host.eui-alert .eui-alert-close ::ng-deep .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 :host.eui-alert--hidden{display:none}.eui-19 :host.eui-alert--focusable:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-alert--bordered{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-left:var(--eui-bw-m) solid var(--_border-color)}.eui-19 :host.eui-alert--closeable{padding-right:var(--eui-s-4xl)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class EuiAlertTitleComponent {\n    // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n    @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            this.isCloseable ? 'eui-alert--closeable' : '',\n            this.isBordered ? 'eui-alert--bordered': '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'alert';\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    @Input({ transform: booleanAttribute }) isBordered = false;\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n    @Input({ transform: booleanAttribute }) isVisible = true;\n\n    @Output() closeAlert = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        this.uniqueId = crypto.randomUUID();\n    }\n\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit(false);\n    }\n}\n","@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAOa,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;;QAO0B,IAAK,CAAA,KAAA,GAAG,iBAAiB;AAClD;8GAHY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6HAHrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAG5B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAGyB,KAAK,EAAA,CAAA;sBAA1B,WAAW;uBAAC,OAAO;;;MC4BX,iBAAiB,CAAA;AAC1B,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;AACH,YAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC;YACnD,IAAI,CAAC,OAAO,GAAG,kBAAkB,GAAG,EAAE;YACtC,IAAI,CAAC,WAAW,GAAG,sBAAsB,GAAG,EAAE;YAC9C,IAAI,CAAC,WAAW,GAAG,sBAAsB,GAAG,EAAE;YAC9C,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAE,EAAE;YAC3C,CAAC,IAAI,CAAC,SAAS,GAAG,mBAAmB,GAAG,EAAE;AAC7C;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;AAIf,IAAA,IAEI,eAAe,GAAA;AACf,QAAA,OAAO,CAAgB,aAAA,EAAA,IAAI,CAAC,QAAQ,EAAE;;AAE1C,IAAA,IACI,QAAQ,GAAA;QACR,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI;;AAsBxC,IAAA,WAAA,CAAmB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;QA9BZ,IAAI,CAAA,IAAA,GAAG,OAAO;QAaxC,IAAO,CAAA,OAAA,GAAG,WAAW;QAEmB,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAS,CAAA,SAAA,GAAG,IAAI;AAE9C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAW;;IAWlD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE;;IAGvC,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;8GArDtB,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EA8BN,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,CAChB,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,gBAAgB,CAChB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,CAChB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,CAChB,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,gBAAgB,CAIL,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,sBAAsB,oRC3EzD,u9BAoCA,EAAA,MAAA,EAAA,CAAA,qhKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDCa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,mBAEnB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,KAAK,EACD,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,WAAW;gCACX,YAAY;AACf,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,u9BAAA,EAAA,MAAA,EAAA,CAAA,qhKAAA,CAAA,EAAA;wFAIU,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAcM,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAGpB,eAAe,EAAA,CAAA;sBAFlB,WAAW;uBAAC,uBAAuB;;sBACnC;gBAKG,QAAQ,EAAA,CAAA;sBADX,WAAW;uBAAC,eAAe;gBAO5B,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,eAAe;;sBAC3B;gBAGuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE5B,UAAU,EAAA,CAAA;sBAAnB;gBAE0E,UAAU,EAAA,CAAA;sBAApF,YAAY;uBAAC,UAAU,CAAC,MAAM,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;;;AE3E7E;AAeA,MAAM,WAAW,GAAG;AAChB,IAAA,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,kBAAkB,EAAE,mBAAmB;CAC1F;AAMD,MAAM,UAAU,GAAG;AACf,IAAA,iBAAiB,EAAE,sBAAsB;CAC5C;AAED;AAYA;MACa,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CAhBvB,iBAAiB,EAAE,sBAAsB,CAAA,EAAA,OAAA,EAAA;;AAOrC,YAAA,YAAY,EAAE,eAAe;;AAE7B,YAAA,mBAAmB,EAjBvB,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,kBAAkB,EAAE,mBAAmB,CAQvF,EAAA,OAAA,EAAA,CAAA,iBAAiB,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;+GAgBhC,cAAc,EAAA,OAAA,EAAA;;YATnB,YAAY,EAAE,eAAe,EAG1B,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAMT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;;AAEL,wBAAA,YAAY,EAAE,eAAe;;wBAE7B,mBAAmB;AACnB,wBAAA,GAAG,WAAW;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA;;;ACtCD;;AAEG;;;;"}
+{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/components/eui-alert-title.component.ts","../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-alert.module.ts","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    standalone: false,\n})\nexport class EuiAlertTitleComponent {\n    // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n    @HostBinding('class') class = 'eui-alert-title';\n}\n","import {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n@Component({\n    templateUrl: './eui-alert.component.html',\n    selector: 'div[euiAlert], eui-alert',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            this.isCloseable ? 'eui-alert--closeable' : '',\n            this.isBordered ? 'eui-alert--bordered': '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.role') role = 'alert';\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    @Input({ transform: booleanAttribute }) isBordered = false;\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n    @Input({ transform: booleanAttribute }) isVisible = true;\n\n    @Output() closeAlert = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnInit(): void {\n        this.uniqueId = crypto.randomUUID();\n    }\n\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit(false);\n    }\n}\n","@if (alertTitle) {\n    <div class=\"eui-alert-container\">\n        <div class=\"eui-alert-title-wrapper\">\n            @if (!isMuted) {\n                <ng-content *ngTemplateOutlet=\"icon\"/>\n            }\n            <ng-content select=\"eui-alert-title\"/>\n        </div>\n        <ng-content *ngTemplateOutlet=\"body\"/>\n    </div>\n\n} @else {\n    @if (!isMuted) {\n        <ng-content *ngTemplateOutlet=\"icon\"/>\n    }\n    <ng-content *ngTemplateOutlet=\"body\"/>\n}\n\n<ng-template #icon>\n    <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" class=\"eui-alert-icon\"/>\n</ng-template>\n\n<ng-template #body>\n    <div class=\"eui-alert-content\">\n        <ng-content/>\n    </div>\n</ng-template>\n\n@if (isCloseable) {\n    <eui-icon-button class=\"eui-alert-close\"\n        icon=\"close:outline\"\n        euiRounded\n        (buttonClick)=\"onCloseClick()\"\n        fillColor=\"neutral-light\"\n        ariaLabel=\"Close alert icon\"/>\n}\n","// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule, EuiIconStateModule, EuiIconButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-avatar.mjs

@@ -27,7 +27,7 @@ class EuiAvatarComponent {
         this.hasNoBackground = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiAvatarComponent, isStandalone: false, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast));--_badge-offset-top: var(--eui-avatar-badge-offset-top, 0%);--_badge-offset-bottom: var(--eui-avatar-badge-offset-bottom, 60%);--_badge-offset-right: var(--eui-avatar-badge-offset-right, 70%)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon{display:inline-flex;color:var(--_color)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image{background-size:cover;height:100%;width:100%}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge{position:absolute;left:var(--_badge-offset-right)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--top{top:var(--_badge-offset-top)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--bottom{top:var(--_badge-offset-bottom)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: var(--eui-is-m)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: EuiAvatarComponent, isStandalone: false, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast));--_badge-offset-top: var(--eui-avatar-badge-offset-top, 0%);--_badge-offset-bottom: var(--eui-avatar-badge-offset-bottom, 60%);--_badge-offset-right: var(--eui-avatar-badge-offset-right, 70%)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon{display:inline-flex;color:var(--_color)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image{background-size:cover;height:100%;width:100%}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge{position:absolute;left:var(--_badge-offset-right)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--top{top:var(--_badge-offset-top)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--bottom{top:var(--_badge-offset-bottom)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: var(--eui-is-m)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiAvatarComponent, decorators: [{
             type: Component,
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiSizeVariant',
                             ],
                         },
-                    ], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast));--_badge-offset-top: var(--eui-avatar-badge-offset-top, 0%);--_badge-offset-bottom: var(--eui-avatar-badge-offset-bottom, 60%);--_badge-offset-right: var(--eui-avatar-badge-offset-right, 70%)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon{display:inline-flex;color:var(--_color)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image{background-size:cover;height:100%;width:100%}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge{position:absolute;left:var(--_badge-offset-right)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--top{top:var(--_badge-offset-top)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--bottom{top:var(--_badge-offset-bottom)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent);--_color: var(--eui-c-accent-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: var(--eui-is-m)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"] }]
+                    ], template: "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-f-size-xl));--_bg-color: var(--eui-avatar-bg-color, var(--eui-c-neutral-bg-light));--_color: var(--eui-avatar-color, var(--eui-c-neutral-bg-light-contrast));--_badge-offset-top: var(--eui-avatar-badge-offset-top, 0%);--_badge-offset-bottom: var(--eui-avatar-badge-offset-bottom, 60%);--_badge-offset-right: var(--eui-avatar-badge-offset-right, 70%)}.eui-19 :host.eui-avatar{display:inline-flex;position:relative}.eui-19 :host.eui-avatar .eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);background-color:var(--_bg-color);height:var(--_size);width:var(--_size);box-shadow:var(--eui-sh-1);position:relative}.eui-19 :host.eui-avatar .eui-avatar-shadow{position:absolute;right:-.35rem;height:var(--_size);width:var(--_size);border:.65rem solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-max)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon{display:inline-flex;color:var(--_color)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size)!important;width:var(--_icon-size)!important;fill:var(--_color)!important;color:var(--_color)!important}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-text{color:var(--_color);font:var(--eui-f-m-bold);font-size:var(--_font-size)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image{background-size:cover;height:100%;width:100%}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-max);height:100%;width:100%}.eui-19 :host.eui-avatar--no-background ::ng-deep .eui-avatar-image img{border-radius:0;background-color:var(--eui-c-white)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge{position:absolute;left:var(--_badge-offset-right)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--top{top:var(--_badge-offset-top)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge--bottom{top:var(--_badge-offset-bottom)}.eui-19 :host.eui-avatar ::ng-deep .eui-avatar-badge ::ng-deep .eui-badge{border-color:var(--eui-c-white)}.eui-19 :host.eui-avatar--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast)}.eui-19 :host.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast)}.eui-19 :host.eui-avatar--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-contrast)}.eui-19 :host.eui-avatar--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast)}.eui-19 :host.eui-avatar--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-contrast)}.eui-19 :host.eui-avatar--accent{--_bg-color: var(--eui-c-accent-lighter);--_color: var(--eui-c-accent-lighter-contrast)}.eui-19 :host.eui-avatar--flat{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-sh-none)}.eui-19 :host.eui-avatar--flat.eui-avatar--primary{--_bg-color: var(--eui-c-primary-bg);--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-c-neutral-bg-light);--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-c-info-bg);--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-c-success-bg);--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-c-warning-bg);--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-c-danger-bg);--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-c-accent-bg);--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-c-primary)}.eui-19 :host.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-sh-none);border-radius:var(--eui-br-none)}.eui-19 :host.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-c-warning)}.eui-19 :host.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-c-accent)}.eui-19 :host.eui-avatar--size-xs{--_size: 1.5rem;--_font-size: var(--eui-f-size-xs);--_icon-size: var(--eui-is-xs)}.eui-19 :host.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-f-s);--_icon-size: var(--eui-is-s)}.eui-19 :host.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-f-size-xl);--_icon-size: var(--eui-is-m)}.eui-19 :host.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-l)}.eui-19 :host.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-f-size-2xl);--_icon-size: var(--eui-is-xl)}.eui-19 :host.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-f-size-3xl);--_icon-size: var(--eui-is-2xl)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-content{border-radius:var(--eui-br-m)}.eui-19 :host.eui-avatar.eui-avatar--shape-square ::ng-deep .eui-avatar-image img{border-radius:var(--eui-br-m)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/eui-avatar-list.component.ts","../../eui-avatar/eui-avatar-list.component.html","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.html","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-text/avatar-text.component.html","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/avatar-badge/avatar-badge.component.html","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n    @Input({ transform: booleanAttribute }) hasShadow = false;\n    @Input({ transform: booleanAttribute }) isShapeSquare = false;\n    @Input({ transform: booleanAttribute }) isFlat = false;\n    @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {}\n}\n","<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    templateUrl: './eui-avatar-list.component.html',\n    styleUrl: './styles/avatar-list.scss',\n    standalone: false,\n})\nexport class EuiAvatarListComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-list',\n        ].join(' ').trim();\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-icon',\n    templateUrl: './avatar-icon.component.html',\n    standalone: false,\n})\nexport class EuiAvatarIconComponent {\n    @HostBinding('class') string = 'eui-avatar-icon';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-text',\n    templateUrl: './avatar-text.component.html',\n    standalone: false,\n})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl;\n\n    public imageUrlGenerated = 'assets';\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n    ) {\n    }\n\n    ngOnInit(): void {\n        let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (!assetsBaseUrl) {\n            assetsBaseUrl = 'assets';\n        }\n\n        if (!this.imageUrl) {\n            this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n        } else {\n            this.imageUrlGenerated = this.imageUrl;\n        }\n    }\n}\n","@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    templateUrl: './avatar-badge.component.html',\n    standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\n\n    @Input() position: 'top' | 'bottom' = 'top';\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './eui-avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n    EuiAvatarComponent,\n    EuiAvatarIconComponent,\n    EuiAvatarTextComponent,\n    EuiAvatarImageComponent,\n    EuiAvatarBadgeComponent,\n    EuiAvatarListComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        BaseStatesDirective,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-avatar.mjs","sources":["../../eui-avatar/eui-avatar.component.ts","../../eui-avatar/eui-avatar.component.html","../../eui-avatar/eui-avatar-list.component.ts","../../eui-avatar/eui-avatar-list.component.html","../../eui-avatar/avatar-icon/avatar-icon.component.ts","../../eui-avatar/avatar-icon/avatar-icon.component.html","../../eui-avatar/avatar-text/avatar-text.component.ts","../../eui-avatar/avatar-text/avatar-text.component.html","../../eui-avatar/avatar-image/avatar-image.component.ts","../../eui-avatar/avatar-image/avatar-image.component.html","../../eui-avatar/avatar-badge/avatar-badge.component.ts","../../eui-avatar/avatar-badge/avatar-badge.component.html","../../eui-avatar/eui-avatar.module.ts","../../eui-avatar/eui-components-eui-avatar.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat eui--basic' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n    @Input({ transform: booleanAttribute }) hasShadow = false;\n    @Input({ transform: booleanAttribute }) isShapeSquare = false;\n    @Input({ transform: booleanAttribute }) isFlat = false;\n    @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {}\n}\n","<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    templateUrl: './eui-avatar-list.component.html',\n    styleUrl: './styles/avatar-list.scss',\n    standalone: false,\n})\nexport class EuiAvatarListComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-list',\n        ].join(' ').trim();\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-icon',\n    templateUrl: './avatar-icon.component.html',\n    standalone: false,\n})\nexport class EuiAvatarIconComponent {\n    @HostBinding('class') string = 'eui-avatar-icon';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-text',\n    templateUrl: './avatar-text.component.html',\n    standalone: false,\n})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { EuiConfig } from '@eui/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n    standalone: false,\n})\nexport class EuiAvatarImageComponent implements OnInit {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl;\n\n    public imageUrlGenerated = 'assets';\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n    ) {\n    }\n\n    ngOnInit(): void {\n        let assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (!assetsBaseUrl) {\n            assetsBaseUrl = 'assets';\n        }\n\n        if (!this.imageUrl) {\n            this.imageUrlGenerated = `${assetsBaseUrl}/images/common/ion-avatar.svg`;\n        } else {\n            this.imageUrlGenerated = this.imageUrl;\n        }\n    }\n}\n","@if (imageUrlGenerated) {\n    <img [src]=\"imageUrlGenerated\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    templateUrl: './avatar-badge.component.html',\n    standalone: false,\n})\nexport class EuiAvatarBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\n\n    @Input() position: 'top' | 'bottom' = 'top';\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './eui-avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n    EuiAvatarComponent,\n    EuiAvatarIconComponent,\n    EuiAvatarTextComponent,\n    EuiAvatarImageComponent,\n    EuiAvatarBadgeComponent,\n    EuiAvatarListComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        BaseStatesDirective,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-badge.mjs

@@ -48,7 +48,7 @@ class EuiBadgeComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-compact-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-compact-bold)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: EuiBadgeComponent, isStandalone: false, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], maxCharCount: "maxCharCount", charReplacement: "charReplacement", euiIconBadge: ["euiIconBadge", "euiIconBadge", booleanAttribute], euiDottedBadge: ["euiDottedBadge", "euiDottedBadge", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentRef"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: EuiBadgeComponent, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'euiOutline',
                             ],
                         },
-                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_color: var(--eui-badge-color, var(--eui-c-neutral));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-neutral-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-c-neutral-bg-contrast));--_border-color: var(--eui-badge-border-color, var(--eui-c-neutral-lighter))}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color-on-bg: var(--eui-c-neutral-bg-contrast);--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-dark);--_color-on-bg: var(--eui-c-accent-dark-contrast);--_color: var(--eui-c-accent-darker);--_border-color: transparent}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--eui-br-max)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:0 var(--eui-s-2xs);justify-content:center;font:var(--eui-f-s-compact-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge{background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{color:var(--_color-on-bg)}.eui-19 :host.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color);border-color:var(--_color)}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}.eui-19 :host.eui-badge--size-s .eui-badge-wrapper{height:var(--eui-s-m);min-width:var(--eui-s-m);font:var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge--size-m .eui-badge-wrapper{height:calc(var(--eui-s-m) + var(--eui-s-2xs));min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));font:var(--eui-f-s-compact-bold)}\n"] }]
+                    ], template: "@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n", styles: [".eui-19 :host.eui-badge{--_padding: 0 var(--eui-s-2xs);--_border-radius: var(--eui-br-max);--_font: var(--eui-f-s-compact-bold);--_height: calc(var(--eui-s-m) + var(--eui-s-2xs));--_min-width: calc(var(--eui-s-m) + var(--eui-s-2xs));--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: transparent}.eui-19 :host.eui-badge--secondary{--_color: var(--eui-c-neutral-light);--_bg-color: var(--eui-c-neutral-bg-light);--_color-on-bg: var(--eui-c-neutral-light);--_border-color: var(--eui-c-neutral-lighter)}.eui-19 :host.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: transparent}.eui-19 :host.eui-badge--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-dark-contrast);--_color: var(--eui-c-success-dark);--_border-color: transparent}.eui-19 :host.eui-badge--warning{--_bg-color: var(--eui-c-warning-dark);--_color-on-bg: var(--eui-c-warning-dark-contrast);--_color: var(--eui-c-warning-dark);--_border-color: transparent}.eui-19 :host.eui-badge--danger{--_bg-color: var(--eui-c-danger-dark);--_color-on-bg: var(--eui-c-danger-dark-contrast);--_color: var(--eui-c-danger-dark);--_border-color: transparent}.eui-19 :host.eui-badge--accent{--_bg-color: var(--eui-c-accent-lighter);--_color-on-bg: var(--eui-c-accent-lighter-contrast);--_color: var(--eui-c-text);--_border-color: transparent}.eui-19 :host.eui-badge--outline{--_bg-color: var(--eui-c-white)}.eui-19 :host.eui-badge--outline.eui-badge--primary{--_border-color: var(--eui-c-primary)}.eui-19 :host.eui-badge--outline.eui-badge--secondary{--_border-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-badge--outline.eui-badge--info{--_border-color: var(--eui-c-info)}.eui-19 :host.eui-badge--outline.eui-badge--success{--_border-color: var(--eui-c-success-dark)}.eui-19 :host.eui-badge--outline.eui-badge--warning{--_border-color: var(--eui-c-warning-dark)}.eui-19 :host.eui-badge--outline.eui-badge--danger{--_border-color: var(--eui-c-danger-dark)}.eui-19 :host.eui-badge--outline.eui-badge--accent{--_border-color: var(--eui-c-accent-darker)}.eui-19 :host.eui-badge--size-s{--_height: var(--eui-s-m);--_min-width: var(--eui-s-m);--_font: var(--eui-f-xs-compact-bold)}.eui-19 :host.eui-badge{display:inline-flex;border:1px solid var(--_border-color);border-radius:var(--_border-radius);background-color:var(--_bg-color)}.eui-19 :host.eui-badge .eui-badge-wrapper{display:inline-flex;align-items:center;color:var(--_color-on-bg);height:var(--_height);min-width:var(--_min-width);padding:var(--_padding);justify-content:center;font:var(--_font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-19 :host.eui-badge--empty{width:var(--eui-s-s);height:var(--eui-s-s)}.eui-19 :host.eui-badge--icon-only .eui-badge-wrapper{padding:0}.eui-19 :host.eui-badge--outline .eui-badge-wrapper{color:var(--_color)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, ViewChild, ElementRef, AfterViewInit, ChangeDetectorRef, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    templateUrl: './eui-badge.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeVariant',\n\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-badge'),\n            !this.hasContent ? 'eui-badge--empty' : '',\n            this.euiIconBadge ? 'eui-badge--icon-only' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    @Input() maxCharCount: number;\n    @Input() charReplacement: string;\n\n    @Input({ transform: booleanAttribute }) euiIconBadge = false;\n    @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n    @ViewChild('contentRef') content: ElementRef;\n\n    hasContent = true;\n    hasContentUpdated = false;\n    updatedContent: string;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private cdRef: ChangeDetectorRef,\n    ) {\n    }\n\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            const innerHtml = this.content.nativeElement.innerHTML;\n            if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n                this.hasContent = false;\n            }\n            this._checkContent();\n        }, 1);\n    }\n\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    private _checkContent(): void {\n        if (this.maxCharCount) {\n            const contentText = this.content.nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n    imports: [CommonModule, ObserversModule, BaseStatesDirective],\n    exports: [EuiBadgeComponent],\n    declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.component.html","../../eui-badge/eui-badge.module.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, Input, ViewChild, ElementRef, AfterViewInit, ChangeDetectorRef, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    templateUrl: './eui-badge.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeVariant',\n\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent implements AfterViewInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-badge'),\n            !this.hasContent ? 'eui-badge--empty' : '',\n            this.euiIconBadge ? 'eui-badge--icon-only' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-badge';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'badge';\n\n    @Input() maxCharCount: number;\n    @Input() charReplacement: string;\n\n    @Input({ transform: booleanAttribute }) euiIconBadge = false;\n    @Input({ transform: booleanAttribute }) euiDottedBadge = false;\n\n    @ViewChild('contentRef') content: ElementRef;\n\n    hasContent = true;\n    hasContentUpdated = false;\n    updatedContent: string;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private cdRef: ChangeDetectorRef,\n    ) {\n    }\n\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            const innerHtml = this.content.nativeElement.innerHTML;\n            if (!innerHtml || (innerHtml && innerHtml.trim() === '')) {\n                this.hasContent = false;\n            }\n            this._checkContent();\n        }, 1);\n    }\n\n    onContentChanged(): void {\n        this._checkContent();\n    }\n\n    private _checkContent(): void {\n        if (this.maxCharCount) {\n            const contentText = this.content.nativeElement.outerText;\n            if (contentText && contentText.length > this.maxCharCount) {\n                this.hasContentUpdated = true;\n                this.updatedContent = this.charReplacement || '99+';\n                this.cdRef.markForCheck();\n            }\n        }\n    }\n}\n","@if (hasContentUpdated) {\n    <span class=\"eui-badge-wrapper\">\n        {{ updatedContent }}\n    </span>\n} @else {\n    <span class=\"eui-badge-wrapper\" #contentRef (cdkObserveContent)=\"onContentChanged()\">\n        <ng-content></ng-content>\n    </span>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n    imports: [CommonModule, ObserversModule, BaseStatesDirective],\n    exports: [EuiBadgeComponent],\n    declarations: [EuiBadgeComponent],\n})\nexport class EuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}