@eui/components 17.0.0-rc.6 → 17.0.0-rc.8

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

@@ -1,56 +1,33 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
+import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { EuiIconModule } from '@eui/components/eui-icon';
-import { __decorate } from 'tslib';
-import { coerceBoolean } from '@eui/base';
 import * as i1 from '@eui/components/shared';
 import { BaseStatesDirective } from '@eui/components/shared';
 
 class EuiAvatarComponent {
     get cssClasses() {
-        return this.getCssClasses();
-    }
-    get ariaLabel() {
-        return this._ariaLabel;
-    }
-    set ariaLabel(value) {
-        this._ariaLabel = value;
+        return [
+            this.baseStatesDirective.getCssClasses('eui-avatar'),
+            this.isShapeSquare ? 'eui-avatar--shape-square' : '',
+            this.isFlat ? 'eui-avatar--flat' : '',
+            this.hasNoBackground ? 'eui-avatar--no-background' : '',
+        ].join(' ').trim();
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
         this.e2eAttr = 'eui-avatar';
         this.role = 'status';
-        this._ariaLabel = 'eUI Avatar';
+        this.ariaLabel = 'avatar';
         this.hasShadow = false;
         this.isShapeSquare = false;
         this.isFlat = false;
         this.hasNoBackground = false;
     }
-    getCssClasses() {
-        return [
-            this.baseStatesDirective.getCssClasses('eui-avatar'),
-            this.isShapeSquare ? 'eui-avatar--shape-square' : '',
-            this.isFlat ? 'eui-avatar--flat' : '',
-            this.hasNoBackground ? 'eui-avatar--no-background' : '',
-        ].join(' ').trim();
-    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: "hasShadow", isShapeSquare: "isShapeSquare", isFlat: "isFlat", hasNoBackground: "hasNoBackground" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiVariant", "euiVariant", "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-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-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.25 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.5 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.25 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.25 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.25 * var(--eui-base-spacing-xl))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EuiAvatarComponent, 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: ["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-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-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.25 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font-size:var(--_font-size);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.5 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.25 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.25 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.25 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    coerceBoolean
-], EuiAvatarComponent.prototype, "hasShadow", void 0);
-__decorate([
-    coerceBoolean
-], EuiAvatarComponent.prototype, "isShapeSquare", void 0);
-__decorate([
-    coerceBoolean
-], EuiAvatarComponent.prototype, "isFlat", void 0);
-__decorate([
-    coerceBoolean
-], EuiAvatarComponent.prototype, "hasNoBackground", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euiAvatar], span[euiAvatar], eui-avatar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
@@ -63,16 +40,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                                 'euiWarning',
                                 'euiDanger',
                                 'euiAccent',
+                                'euiVariant',
                                 'euiSizeXS',
                                 'euiSizeS',
                                 'euiSizeL',
                                 'euiSizeXL',
                                 'euiSize2XL',
-                                'euiVariant',
                                 '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-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-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.25 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.5 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.25 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.25 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.25 * var(--eui-base-spacing-xl))}\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-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-base-font-size-xl));--_badge-font-size: var(--eui-avatar-badge-font-size, var(--eui-base-font-size-s));--_badge-size: var(--eui-avatar-badge-size, var(--eui-base-spacing-m));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.25 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font-size:var(--_font-size);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar-badge .eui-badge{font-size:var(--_badge-font-size);height:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));min-width:calc(var(--_badge-size) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.8 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.5 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.25 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.25 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.25 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -91,20 +68,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 type: Input,
                 args: ['aria-label']
             }], hasShadow: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], isShapeSquare: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], isFlat: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], hasNoBackground: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 class EuiAvatarListComponent {
     get cssClasses() {
-        return this.getCssClasses();
-    }
-    getCssClasses() {
         return [
             'eui-avatar-list',
         ].join(' ').trim();
@@ -172,9 +150,6 @@ class EuiAvatarBadgeComponent {
         this.position = 'top';
     }
     get cssClasses() {
-        return this.getCssClasses();
-    }
-    getCssClasses() {
         return [
             'eui-avatar-badge',
             `eui-avatar-badge--${this.position}`,
@@ -209,7 +184,8 @@ class EuiAvatarModule {
             EuiAvatarImageComponent,
             EuiAvatarBadgeComponent,
             EuiAvatarListComponent], imports: [CommonModule,
-            EuiIconModule], exports: [EuiAvatarComponent,
+            EuiIconModule,
+            BaseStatesDirective], exports: [EuiAvatarComponent,
             EuiAvatarIconComponent,
             EuiAvatarTextComponent,
             EuiAvatarImageComponent,
@@ -224,6 +200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                     imports: [
                         CommonModule,
                         EuiIconModule,
+                        BaseStatesDirective,
                     ],
                     declarations: [...COMPONENTS],
                     exports: [...COMPONENTS],

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 { BooleanInput } from '@angular/cdk/coercion';\nimport { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiVariant',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-avatar';\n\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n    protected _ariaLabel = 'eUI Avatar';\n\n    @Input()\n    @coerceBoolean\n    hasShadow: BooleanInput = false;\n\n    @Input()\n    @coerceBoolean\n    isShapeSquare: BooleanInput = false;\n\n    @Input()\n    @coerceBoolean\n    isFlat: BooleanInput = false;\n\n    @Input()\n    @coerceBoolean\n    hasNoBackground: BooleanInput = false;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\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, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    templateUrl: './eui-avatar-list.component.html',\n})\nexport class EuiAvatarListComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    private getCssClasses(): 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})\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})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n})\nexport class EuiAvatarImageComponent {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl: string;\n}\n","<ng-container *ngIf=\"imageUrl; else noImage\">\n    <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    templateUrl: './avatar-badge.component.html',\n})\nexport class EuiAvatarBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input()\n    position: 'top' | 'bottom' = 'top';\n\n    private getCssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\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';\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    ],\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":["i1"],"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, ViewEncapsulation, 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    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\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' : '',\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, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    templateUrl: './eui-avatar-list.component.html',\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})\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})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n})\nexport class EuiAvatarImageComponent {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl: string;\n}\n","<ng-container *ngIf=\"imageUrl; else noImage\">\n    <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    templateUrl: './avatar-badge.component.html',\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":["i1"],"mappings":"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"}

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

@@ -1,35 +1,54 @@
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
-import { BaseDirective } from '@eui/components/shared';
+import * as i1 from '@eui/components/shared';
+import { BaseStatesDirective } from '@eui/components/shared';
+import { CommonModule } from '@angular/common';
 
-class EuiBadgeComponent extends BaseDirective {
+class EuiBadgeComponent {
     get cssClasses() {
-        return this.getCssClasses();
-    }
-    get ariaLabel() {
-        return this._ariaLabel;
-    }
-    set ariaLabel(value) {
-        this._ariaLabel = value;
+        return [
+            this.baseStatesDirective.getCssClasses('eui-badge'),
+        ].join(' ').trim();
     }
-    constructor() {
-        super();
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
+        this.e2eAttr = 'eui-badge';
         this.role = 'status';
-        this._ariaLabel = 'eUI Badge';
+        this.ariaLabel = 'badge';
     }
-    getCssClasses() {
-        return [super.getCssClasses('eui-badge')].join(' ').trim();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge,.eui-icon-svg--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s,.eui-icon-svg--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m,.eui-icon-svg--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l,.eui-icon-svg--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl,.eui-icon-svg--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl,.eui-icon-svg--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge,.eui-icon-svg--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s,.eui-icon-svg--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m,.eui-icon-svg--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l,.eui-icon-svg--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl,.eui-icon-svg--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl,.eui-icon-svg--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiBadge], span[euiBadge], eui-badge', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge,.eui-icon-svg--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s,.eui-icon-svg--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m,.eui-icon-svg--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l,.eui-icon-svg--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl,.eui-icon-svg--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl,.eui-icon-svg--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { cssClasses: [{
+            args: [{ selector: 'div[euiBadge], span[euiBadge], eui-badge', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euiSecondary',
+                                'euiSuccess',
+                                'euiInfo',
+                                'euiWarning',
+                                'euiDanger',
+                                'euiAccent',
+                                'euiVariant',
+                                'euiSizeS',
+                                'euiSizeL',
+                                'euiSizeXL',
+                                'euiSize2XL',
+                                'euiSizeVariant',
+                                'euiOutline',
+                            ],
+                        },
+                    ], styles: [".eui-badge{align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-icon .eui-badge,.eui-icon-svg .eui-badge{position:absolute;right:-30%;top:-10%;transition:all .3s ease}.eui-button .eui-badge{height:inherit;position:relative;transition:all .3s ease}.eui-badge--rounded{border-radius:var(--eui-base-spacing-m)}.eui-badge{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-badge--secondary{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75);color:var(--eui-base-color-grey-75-contrast)}.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-75-contrast);fill:var(--eui-base-color-grey-75-contrast)}.eui-badge--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-badge--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-badge--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-badge--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-badge--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-badge--outline.eui-badge--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-badge--outline.eui-badge--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-badge--outline.eui-badge--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-badge--outline.eui-badge--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-badge--outline.eui-badge--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-badge--outline.eui-badge--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-badge--outline.eui-badge--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-badge--outline.eui-badge--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1rem var(--eui-base-font-family)}.eui-badge--size-m{height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-xl{height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.eui-badge--size-2xl{height:var(--eui-base-spacing-2xl);min-width:var(--eui-base-spacing-2xl);padding:0 var(--eui-base-spacing-s);font:normal normal 400 1.5rem/1.75rem var(--eui-base-font-family)}.eui-icon--size-s .eui-badge,.eui-icon-svg--size-s .eui-badge{right:-50%;top:-30%}.eui-icon--size-s .eui-badge--size-s,.eui-icon-svg--size-s .eui-badge--size-s{right:-25%;top:-25%}.eui-icon--size-s .eui-badge--size-m,.eui-icon-svg--size-s .eui-badge--size-m{right:-40%;top:-35%}.eui-icon--size-s .eui-badge--size-l,.eui-icon-svg--size-s .eui-badge--size-l,.eui-icon--size-s .eui-badge--size-xl,.eui-icon-svg--size-s .eui-badge--size-xl{right:0%;top:0%}.eui-icon--size-m .eui-badge,.eui-icon-svg--size-m .eui-badge,.eui-icon--size-m .eui-badge--size-s,.eui-icon-svg--size-m .eui-badge--size-s{right:-20%;top:-10%}.eui-icon--size-m .eui-badge--size-m,.eui-icon-svg--size-m .eui-badge--size-m{right:-35%;top:-20%}.eui-icon--size-m .eui-badge--size-l,.eui-icon-svg--size-m .eui-badge--size-l,.eui-icon--size-m .eui-badge--size-xl,.eui-icon-svg--size-m .eui-badge--size-xl,.eui-icon--size-l .eui-badge,.eui-icon-svg--size-l .eui-badge,.eui-icon--size-l .eui-badge--size-s,.eui-icon-svg--size-l .eui-badge--size-s{right:0%;top:0%}.eui-icon--size-l .eui-badge--size-m,.eui-icon-svg--size-l .eui-badge--size-m{right:-15%;top:-10%}.eui-icon--size-l .eui-badge--size-l,.eui-icon-svg--size-l .eui-badge--size-l{right:-25%;top:-15%}.eui-icon--size-l .eui-badge--size-xl,.eui-icon-svg--size-l .eui-badge--size-xl{right:-50%;top:-35%}.eui-icon--size-xl .eui-badge,.eui-icon-svg--size-xl .eui-badge{right:5%;top:10%}.eui-icon--size-xl .eui-badge--size-s,.eui-icon-svg--size-xl .eui-badge--size-s{right:10%;top:5%}.eui-icon--size-xl .eui-badge--size-m,.eui-icon-svg--size-xl .eui-badge--size-m{right:0%;top:0%}.eui-icon--size-xl .eui-badge--size-l,.eui-icon-svg--size-xl .eui-badge--size-l{right:-10%;top:-5%}.eui-icon--size-xl .eui-badge--size-xl,.eui-icon-svg--size-xl .eui-badge--size-xl{right:-30%;top:-15%}.eui-icon--size-2xl .eui-badge,.eui-icon-svg--size-2xl .eui-badge{right:10%;top:10%}.eui-icon--size-2xl .eui-badge--size-s,.eui-icon-svg--size-2xl .eui-badge--size-s{right:15%;top:5%}.eui-icon--size-2xl .eui-badge--size-m,.eui-icon-svg--size-2xl .eui-badge--size-m{right:5%;top:0%}.eui-icon--size-2xl .eui-badge--size-l,.eui-icon-svg--size-2xl .eui-badge--size-l{right:0%;top:0%}.eui-icon--size-2xl .eui-badge--size-xl,.eui-icon-svg--size-2xl .eui-badge--size-xl{right:-20%;top:-5%}.eui-icon--size-2xl .eui-badge--size-2xl,.eui-icon-svg--size-2xl .eui-badge--size-2xl{right:-40%;top:-15%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
+            }], e2eAttr: [{
+                type: HostBinding,
+                args: ['attr.data-e2e']
+            }, {
+                type: Input
             }], role: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -40,15 +59,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 type: Input,
                 args: ['aria-label']
             }] } });
+
 class EuiBadgeModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule], exports: [EuiBadgeComponent] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeModule, declarations: [EuiBadgeComponent], imports: [CommonModule, BaseStatesDirective], exports: [EuiBadgeComponent] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBadgeModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
+                    imports: [CommonModule, BaseStatesDirective],
                     exports: [EuiBadgeComponent],
                     declarations: [EuiBadgeComponent],
                 }]

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-components-eui-badge.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule, Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBadgeComponent extends BaseDirective {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n\n    protected _ariaLabel = 'eUI Badge';\n\n    constructor() {\n        super();\n    }\n\n    getCssClasses(): string {\n        return [super.getCssClasses('eui-badge')].join(' ').trim();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\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":";;;;;AAWM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AAChD,IAAA,IACW,UAAU,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/B;AAED,IAAA,IAEW,SAAS,GAAA;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;KAC1B;IACD,IAAW,SAAS,CAAC,KAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;AAID,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;QAbc,IAAI,CAAA,IAAA,GAAG,QAAQ,CAAC;QAUhC,IAAU,CAAA,UAAA,GAAG,WAAW,CAAC;KAIlC;IAED,aAAa,GAAA;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KAC9D;iIAvBQ,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,gRALhB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,q1QAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAK5B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACI,0CAA0C,EAAA,QAAA,EAC1C,2BAA2B,EAEpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,q1QAAA,CAAA,EAAA,CAAA;wDAI1B,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO,CAAA;gBAIM,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW,CAAA;gBAGb,SAAS,EAAA,CAAA;sBAFnB,WAAW;uBAAC,iBAAiB,CAAA;;sBAC7B,KAAK;uBAAC,YAAY,CAAA;;MAwBV,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EA/Bd,YAAA,EAAA,CAAA,iBAAiB,CA2BhB,EAAA,OAAA,EAAA,CAAA,YAAY,aA3Bb,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AA+BjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJb,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACpC,iBAAA,CAAA;;;ACzCD;;AAEG;;;;"}
+{"version":3,"file":"eui-components-eui-badge.mjs","sources":["../../eui-badge/eui-badge.component.ts","../../eui-badge/eui-badge.module.ts","../../eui-badge/eui-components-eui-badge.ts"],"sourcesContent":["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiBadge], span[euiBadge], eui-badge',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n\n                'euiOutline',\n            ],\n        },\n    ],\n})\nexport class EuiBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-badge'),\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    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiBadgeComponent } from './eui-badge.component';\n\n@NgModule({\n    imports: [CommonModule, 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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"}

package/fesm2022/eui-components-eui-block-content.mjs

@@ -1,12 +1,13 @@
-import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
-import { coerceBoolean } from '@eui/base';
+import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class EuiBlockContentComponent {
     get cssClasses() {
-        return this.getCssClasses();
+        return [
+            'eui-block-content',
+            this.isBlocked ? 'eui-block-content--blocked' : '',
+        ].join(' ').trim();
     }
     constructor(elRef, renderer) {
         this.elRef = elRef;
@@ -64,21 +65,12 @@ class EuiBlockContentComponent {
     getActiveElement() {
         return this.elRef.nativeElement.querySelector(':focus');
     }
-    getCssClasses() {
-        return [
-            'eui-block-content',
-            this.isBlocked ? 'eui-block-content--blocked' : '',
-        ].join(' ').trim();
-    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { isBlocked: "isBlocked" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<!-- <div class=\"eui-block-content__wrapper\"> -->\n<ng-content></ng-content>\n<!-- </div> -->\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-100);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EuiBlockContentComponent, selector: "eui-block-content", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-100);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    coerceBoolean
-], EuiBlockContentComponent.prototype, "isBlocked", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"eui-block-content__wrapper\"> -->\n<ng-content></ng-content>\n<!-- </div> -->\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-100);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
+            args: [{ selector: 'eui-block-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-block-content{display:block;position:relative}.eui-block-content--blocked{min-height:100px}.eui-block-content--blocked:before{animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-primary-100);content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:var(--eui-base-z-index-overlay)}.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -89,7 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 type: HostBinding,
                 args: ['attr.aria-label']
             }], isBlocked: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 class EuiBlockContentModule {

package/fesm2022/eui-components-eui-block-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.component.html","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    Renderer2,\n    SimpleChanges,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    HostBinding,\n} from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBoolean } from '@eui/base';\n\n@Component({\n    selector: 'eui-block-content',\n    templateUrl: './eui-block-content.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @HostBinding('attr.role') role = 'region';\n    @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n    @Input()\n    @coerceBoolean\n    isBlocked: BooleanInput = false;\n\n    /** keeps the state of the element that was focused before content was blocked */\n    private lastActiveElement: HTMLElement = null;\n\n    constructor(\n        private elRef: ElementRef,\n        private renderer: Renderer2,\n    ) {\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['isBlocked']) {\n            const activeElement = this.getActiveElement();\n            const isBlocking = this.isAboutToBlock(changes);\n\n            if (isBlocking) {\n                this.deactivateElement(activeElement);\n            } else {\n                this.reactivateElement(this.lastActiveElement);\n            }\n        }\n    }\n\n    /**\n     * blur (un-focus) the focused element inside BlockContent\n     */\n    deactivateElement(activeElement: HTMLElement): void {\n        if (activeElement) {\n            this.renderer.selectRootElement(activeElement, true).blur();\n            this.lastActiveElement = activeElement;\n        } else {\n            this.lastActiveElement = null;\n        }\n    }\n\n    /**\n     * focus on element if it was focused before content was blocked\n     */\n    reactivateElement(element: HTMLElement): void {\n        if (element) {\n            this.renderer.selectRootElement(element, true).focus();\n        }\n    }\n\n    /**\n     * returns where the element is about to block or not\n     *\n     * @param changes SimplyChanges\n     */\n    private isAboutToBlock(changes: SimpleChanges): boolean {\n        const isBlockedChange = changes['isBlocked'];\n\n        return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n    }\n\n    /**\n     * finds the element which is focused inside the UxBlockContent\n     */\n    private getActiveElement(): HTMLElement {\n        return this.elRef.nativeElement.querySelector(':focus');\n    }\n\n    private getCssClasses(): string {\n        return [\n            'eui-block-content',\n            this.isBlocked ? 'eui-block-content--blocked' : '',\n        ].join(' ').trim();\n    }\n}\n","<!-- <div class=\"eui-block-content__wrapper\"> -->\n<ng-content></ng-content>\n<!-- </div> -->\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockContentComponent],\n    declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\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-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.component.html","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    Renderer2,\n    SimpleChanges,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\n\n@Component({\n    selector: 'eui-block-content',\n    templateUrl: './eui-block-content.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-block-content',\n            this.isBlocked ? 'eui-block-content--blocked' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'region';\n    @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n    @Input({ transform: booleanAttribute }) isBlocked = false;\n\n    /** keeps the state of the element that was focused before content was blocked */\n    private lastActiveElement: HTMLElement = null;\n\n    constructor(\n        private elRef: ElementRef,\n        private renderer: Renderer2,\n    ) {\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['isBlocked']) {\n            const activeElement = this.getActiveElement();\n            const isBlocking = this.isAboutToBlock(changes);\n\n            if (isBlocking) {\n                this.deactivateElement(activeElement);\n            } else {\n                this.reactivateElement(this.lastActiveElement);\n            }\n        }\n    }\n\n    /**\n     * blur (un-focus) the focused element inside BlockContent\n     */\n    deactivateElement(activeElement: HTMLElement): void {\n        if (activeElement) {\n            this.renderer.selectRootElement(activeElement, true).blur();\n            this.lastActiveElement = activeElement;\n        } else {\n            this.lastActiveElement = null;\n        }\n    }\n\n    /**\n     * focus on element if it was focused before content was blocked\n     */\n    reactivateElement(element: HTMLElement): void {\n        if (element) {\n            this.renderer.selectRootElement(element, true).focus();\n        }\n    }\n\n    /**\n     * returns where the element is about to block or not\n     *\n     * @param changes SimplyChanges\n     */\n    private isAboutToBlock(changes: SimpleChanges): boolean {\n        const isBlockedChange = changes['isBlocked'];\n\n        return isBlockedChange?.currentValue && !isBlockedChange.previousValue;\n    }\n\n    /**\n     * finds the element which is focused inside the UxBlockContent\n     */\n    private getActiveElement(): HTMLElement {\n        return this.elRef.nativeElement.querySelector(':focus');\n    }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockContentComponent],\n    declarations: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}