@eui/components 18.0.0-next.31 → 18.0.0-next.33

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

@@ -19,7 +19,7 @@ var EuiBadgeComponent = class _EuiBadgeComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiBadgeComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", 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: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-ctx-c-p-on-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-ctx-c-p-on-bg));--_bg-color: var(--eui-badge-bg-color, var(--eui-ctx-c-p));--_border-color: var(--eui-badge-border-color, var(--eui-ctx-c-p-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem 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--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg);--_color: var(--eui-ctx-c-p);--_border-color: var(--eui-ctx-c-p-border)}.eui-badge--secondary{--_bg-color: var(--eui-ctx-c-s-bg);--_color-on-bg: var(--eui-ctx-c-s-on-bg);--_color: var(--eui-ctx-c-s);--_border-color: var(--eui-ctx-c-s-border)}.eui-badge--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg);--_color: var(--eui-ctx-c-in);--_border-color: var(--eui-ctx-c-in-border)}.eui-badge--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg);--_color: var(--eui-ctx-c-su);--_border-color: var(--eui-ctx-c-su-border)}.eui-badge--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-p-wa-bg);--_color: var(--eui-ctx-c-wa);--_border-color: var(--eui-ctx-c-wa-border)}.eui-badge--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg);--_color: var(--eui-ctx-c-da);--_border-color: var(--eui-ctx-c-da-border)}.eui-badge--accent{--_bg-color: var(--eui-ctx-c-ac);--_color-on-bg: var(--eui-ctx-c-p-ac-bg);--_color: var(--eui-ctx-c-ac);--_border-color: var(--eui-ctx-c-ac-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-base-color-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem 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/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{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/2rem 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%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", 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: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSecondaryLight", "euiSecondaryLight", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem 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--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-primary-ac-bg);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem 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/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{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/2rem 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%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBadgeComponent, decorators: [{
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiOutline"
       ]
     }
-  ], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-ctx-c-p-on-bg));--_color-on-bg: var(--eui-badge-color, var(--eui-ctx-c-p-on-bg));--_bg-color: var(--eui-badge-bg-color, var(--eui-ctx-c-p));--_border-color: var(--eui-badge-border-color, var(--eui-ctx-c-p-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem 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--primary{--_bg-color: var(--eui-ctx-c-p);--_color-on-bg: var(--eui-ctx-c-p-on-bg);--_color: var(--eui-ctx-c-p);--_border-color: var(--eui-ctx-c-p-border)}.eui-badge--secondary{--_bg-color: var(--eui-ctx-c-s-bg);--_color-on-bg: var(--eui-ctx-c-s-on-bg);--_color: var(--eui-ctx-c-s);--_border-color: var(--eui-ctx-c-s-border)}.eui-badge--info{--_bg-color: var(--eui-ctx-c-in);--_color-on-bg: var(--eui-ctx-c-in-on-bg);--_color: var(--eui-ctx-c-in);--_border-color: var(--eui-ctx-c-in-border)}.eui-badge--success{--_bg-color: var(--eui-ctx-c-su);--_color-on-bg: var(--eui-ctx-c-su-on-bg);--_color: var(--eui-ctx-c-su);--_border-color: var(--eui-ctx-c-su-border)}.eui-badge--warning{--_bg-color: var(--eui-ctx-c-wa);--_color-on-bg: var(--eui-ctx-c-p-wa-bg);--_color: var(--eui-ctx-c-wa);--_border-color: var(--eui-ctx-c-wa-border)}.eui-badge--danger{--_bg-color: var(--eui-ctx-c-da);--_color-on-bg: var(--eui-ctx-c-da-on-bg);--_color: var(--eui-ctx-c-da);--_border-color: var(--eui-ctx-c-da-border)}.eui-badge--accent{--_bg-color: var(--eui-ctx-c-ac);--_color-on-bg: var(--eui-ctx-c-p-ac-bg);--_color: var(--eui-ctx-c-ac);--_border-color: var(--eui-ctx-c-ac-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-base-color-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem 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/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{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/2rem 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%}\n"] }]
+  ], styles: [".eui-badge{--_color: var(--eui-badge-color, var(--eui-c-primary-contrast));--_color-on-bg: var(--eui-badge-color, var(--eui-c-primary-contrast));--_bg-color: var(--eui-badge-bg-color, var(--eui-c-primary));--_border-color: var(--eui-badge-border-color, var(--eui-c-primary-border))}.eui-badge{align-items:center;border-radius:var(--eui-base-spacing-2xl);display:inline-flex;justify-content:center;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-xs));padding:0 var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem 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--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary);--_border-color: var(--eui-c-primary-border)}.eui-badge--secondary{--_bg-color: var(--eui-c-secondary-bg-light);--_color-on-bg: var(--eui-c-secondary-contrast);--_color: var(--eui-c-secondary);--_border-color: var(--eui-c-secondary-border)}.eui-badge--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info);--_border-color: var(--eui-c-info-border)}.eui-badge--success{--_bg-color: var(--eui-c-success);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success);--_border-color: var(--eui-c-success-border)}.eui-badge--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-primary-wa-bg);--_color: var(--eui-c-warning);--_border-color: var(--eui-c-warning-border)}.eui-badge--danger{--_bg-color: var(--eui-c-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger);--_border-color: var(--eui-c-danger-border)}.eui-badge--accent{--_bg-color: var(--eui-c-accent);--_color-on-bg: var(--eui-c-primary-ac-bg);--_color: var(--eui-c-accent);--_border-color: var(--eui-c-accent-border)}.eui-badge{background-color:var(--_bg-color);color:var(--_color-on-bg);border:1px solid var(--_border-color)}.eui-badge .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-badge--outline{background-color:var(--eui-c-white);color:var(--_color)}.eui-badge--size-xs{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-2xs) 0;font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-badge--size-s{height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);font:normal normal 400 .75rem/1.25rem 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/1.5rem var(--eui-base-font-family)}.eui-badge--size-l{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/2rem 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%}\n"] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-badge/eui-badge.component.ts", "../../eui-badge/eui-badge.module.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                'euiPrimary',\n                'euiSecondary',\n                'euiSecondaryLight',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\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    // TODO check if feasible : 99+ to be displayed f.e.\n    // @Input({ transform: booleanAttribute }) hasMaxNumber = false;\n    // @Input() maxNumber = 99;\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"],
-  "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,k0JAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA6B5B,mBAAiB,YAAA,CAAA;QA/B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,k0JAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AChDvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
+  "mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAyB,mBAAmB,aAAa;AAC1F,SAAS,2BAA2B;;;AAiC9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MACpD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAL4B,SAAA,UAAU;AACvB,SAAA,OAAO;AACoB,SAAA,YAA2B;EAKhF;;4GAnBS,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,4CAAA,QAAA,EAAA,SAAA,WAAA,WAAA,CAAA,cAAA,WAAA,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,iBAAA,gBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,qBAAA,qBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,aAAA,aAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,kBAAA,kBAAA,cAAA,YAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7BhB,6BAA2B,UAAA,MAAA,QAAA,CAAA,u3JAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGA6B5B,mBAAiB,YAAA,CAAA;QA/B7B;qBACa,4CAA0C,UAC1C,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEA;QACA;QACA;QACA;QACA;QAEA;;;KAGX,QAAA,CAAA,u3JAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAWmB,SAAO,CAAA;QAA7C;SAAY,eAAe;;QAAG;IACL,MAAI,CAAA;QAA7B;SAAY,WAAW;IAC6B,WAAS,CAAA;QAA7D;SAAY,iBAAiB;;QAAG;SAAM,YAAY;;;;AChDvD,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,uBAAAA,4BAA2B;;AAS9B,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,cAAcA,oBAAmB,GAAA,SAAA,CACjC,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,cAAcA,oBAAmB;IAC3C,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
   "names": ["BaseStatesDirective"]
 }

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

@@ -65,12 +65,12 @@ var EuiBlockContentComponent = class _EuiBlockContentComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", 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{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-info-130);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 });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockContentComponent, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", 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{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);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 });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
   type: Component,
-  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{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-base-color-info-130);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{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:8px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);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"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "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"],
   "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    @Input() @HostBinding('attr.role') role = 'region';\n    @Input() @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"],
-  "mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,gkBAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,gkBAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
+  "mappings": ";AAAA,SACI,WAEA,OAIA,yBACA,mBACA,aACA,wBACG;;AASD,IAAO,2BAAP,MAAO,0BAAwB;EACjC,IACW,aAAU;AACjB,WAAO;MACH;MACA,KAAK,YAAY,+BAA+B;MAClD,KAAK,GAAG,EAAE,KAAI;EACpB;EAUA,YACY,OACA,UAAmB;AADnB,SAAA,QAAA;AACA,SAAA,WAAA;AAVuB,SAAA,OAAO;AACD,SAAA,YAAY;AAEb,SAAA,YAAY;AAG5C,SAAA,oBAAiC;EAMzC;EAEA,YAAY,SAAsB;AAC9B,QAAI,QAAQ,WAAW,GAAG;AACtB,YAAM,gBAAgB,KAAK,iBAAgB;AAC3C,YAAM,aAAa,KAAK,eAAe,OAAO;AAE9C,UAAI,YAAY;AACZ,aAAK,kBAAkB,aAAa;MACxC,OAAO;AACH,aAAK,kBAAkB,KAAK,iBAAiB;MACjD;IACJ;EACJ;;;;EAKA,kBAAkB,eAA0B;AACxC,QAAI,eAAe;AACf,WAAK,SAAS,kBAAkB,eAAe,IAAI,EAAE,KAAI;AACzD,WAAK,oBAAoB;IAC7B,OAAO;AACH,WAAK,oBAAoB;IAC7B;EACJ;;;;EAKA,kBAAkB,SAAoB;AAClC,QAAI,SAAS;AACT,WAAK,SAAS,kBAAkB,SAAS,IAAI,EAAE,MAAK;IACxD;EACJ;;;;;;EAOQ,eAAe,SAAsB;AACzC,UAAM,kBAAkB,QAAQ,WAAW;AAE3C,WAAO,iBAAiB,gBAAgB,CAAC,gBAAgB;EAC7D;;;;EAKQ,mBAAgB;AACpB,WAAO,KAAK,MAAM,cAAc,cAAc,QAAQ;EAC1D;;4GAzES,2BAAwB,MAAA,CAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAxB,2BAAwB,UAAA,qBAAA,QAAA,EAAA,MAAA,QAAA,WAAA,aAAA,WAAA,CAAA,aAAA,aAYb,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,eAAA,MAAA,UAAA,IAAA,UChCxC,+BACA,QAAA,CAAA,sjBAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDmBa,0BAAwB,YAAA,CAAA;QAPpC;qBACa,qBAAmB,iBAGZ,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,sjBAAA,EAAA,CAAA;+FAI1B,YAAU,CAAA;QADpB;SAAY,OAAO;IAQe,MAAI,CAAA;QAAtC;;QAAS;SAAY,WAAW;IACQ,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;IAEC,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AEhC1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,wBAAP,MAAO,uBAAqB;;8GAArB,wBAAqB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAArB,wBAAqB,cAAA,CAFf,wBAAwB,GAAA,SAAA,CAF7B,YAAY,GAAA,SAAA,CACZ,wBAAwB,EAAA,CAAA;EAAA;;+GAGzB,wBAAqB,SAAA,CAJpB,YAAY,EAAA,CAAA;EAAA;;oGAIb,uBAAqB,YAAA,CAAA;QALjC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,wBAAwB;IAClC,cAAc,CAAC,wBAAwB;GAC1C;;",
   "names": []
 }

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

@@ -17,12 +17,12 @@ var EuiBlockDocumentComponent = class _EuiBlockDocumentComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiBlockDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-ctx-c-p);content:"";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiBlockDocumentComponent, selector: "eui-block-document", inputs: { isBlocked: ["isBlocked", "isBlocked", booleanAttribute], ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiBlockDocumentComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-ctx-c-p);content:"";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n'] }]
+  args: [{ selector: "eui-block-document", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<div class="eui-block-document__loader"></div>\n', styles: ['.eui-block-document__loader{display:none}.eui-block-document--blocked .eui-block-document__loader{display:block;inset:0;margin:auto;overflow:show;position:fixed;z-index:var(--eui-base-z-index-block-document)}.eui-block-document--blocked .eui-block-document__loader:before{background-color:#0006;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.eui-block-document--blocked .eui-block-document__loader:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.eui-block-document--blocked .eui-block-document__loader:not(:required):after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid transparent;border-radius:50%;border-top-color:var(--eui-c-primary);content:"";display:block;height:150px;inset:50% 15px 15px 50%;margin:-100px 0 0 -100px;position:relative;width:150px}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-block-document/eui-block-document.component.ts", "../../eui-block-document/eui-block-document.component.html", "../../eui-block-document/eui-block-document.module.ts"],
   "sourcesContent": ["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-block-document',\n    templateUrl: './eui-block-document.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiBlockDocumentComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-block-document',\n            this.isBlocked ? 'eui-block-document--blocked' : '',\n        ].join(' ').trim();\n    }\n\n    @Input({ transform: booleanAttribute }) isBlocked = false;\n    @HostBinding('attr.role') role = 'region';\n    @Input() @HostBinding('attr.aria-label') ariaLabel = 'eUI Block Document'\n}\n", "<div class=\"eui-block-document__loader\"></div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiBlockDocumentComponent } from './eui-block-document.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiBlockDocumentComponent],\n    declarations: [EuiBlockDocumentComponent],\n})\nexport class EuiBlockDocumentModule {}\n"],
-  "mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,s3BAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDQa,2BAAyB,YAAA,CAAA;QAPrC;qBACa,sBAAoB,iBAGb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,oDAAA,QAAA,CAAA,s3BAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAQoB,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACZ,MAAI,CAAA;QAA7B;SAAY,WAAW;IACiB,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;;;;AEpB3C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,yBAAP,MAAO,wBAAsB;;8GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAtB,yBAAsB,cAAA,CAFhB,yBAAyB,GAAA,SAAA,CAF9B,YAAY,GAAA,SAAA,CACZ,yBAAyB,EAAA,CAAA;EAAA;;+GAG1B,yBAAsB,SAAA,CAJrB,YAAY,EAAA,CAAA;EAAA;;oGAIb,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,yBAAyB;IACnC,cAAc,CAAC,yBAAyB;GAC3C;;",
+  "mappings": ";AAAA,SAAS,WAAW,OAAO,yBAAyB,mBAAmB,aAAa,wBAAwB;;AAStG,IAAO,4BAAP,MAAO,2BAAyB;EAPtC,cAAA;AAgB4C,SAAA,YAAY;AAC1B,SAAA,OAAO;AACQ,SAAA,YAAY;;EAVrD,IACI,aAAU;AACV,WAAO;MACH;MACA,KAAK,YAAY,gCAAgC;MACnD,KAAK,GAAG,EAAE,KAAI;EACpB;;4GAPS,4BAAyB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAzB,4BAAyB,UAAA,sBAAA,QAAA,EAAA,WAAA,CAAA,aAAA,aASd,gBAAgB,GAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,aAAA,aAAA,mBAAA,iBAAA,EAAA,GAAA,UAAA,IAAA,UClBxC,oDACA,QAAA,CAAA,w3BAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDQa,2BAAyB,YAAA,CAAA;QAPrC;qBACa,sBAAoB,iBAGb,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,oDAAA,QAAA,CAAA,w3BAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAQoB,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACZ,MAAI,CAAA;QAA7B;SAAY,WAAW;IACiB,WAAS,CAAA;QAAjD;;QAAS;SAAY,iBAAiB;;;;AEpB3C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,yBAAP,MAAO,wBAAsB;;8GAAtB,yBAAsB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAtB,yBAAsB,cAAA,CAFhB,yBAAyB,GAAA,SAAA,CAF9B,YAAY,GAAA,SAAA,CACZ,yBAAyB,EAAA,CAAA;EAAA;;+GAG1B,yBAAsB,SAAA,CAJrB,YAAY,EAAA,CAAA;EAAA;;oGAIb,wBAAsB,YAAA,CAAA;QALlC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,yBAAyB;IACnC,cAAc,CAAC,yBAAyB;GAC3C;;",
   "names": []
 }

package/fesm2022/eui-components-eui-button-group.mjs

@@ -44,12 +44,12 @@ var EuiButtonGroupComponent = class _EuiButtonGroupComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiButtonGroupComponent, selector: "eui-button-group", inputs: { isCheckboxButtons: ["isCheckboxButtons", "isCheckboxButtons", booleanAttribute], isRadioButtons: ["isRadioButtons", "isRadioButtons", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "buttons", predicate: i0.forwardRef(() => EuiButtonComponent) }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-button-group .eui-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:active,.eui-button-group .eui-button:focus,.eui-button-group .eui-button.active{z-index:1}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child){margin-left:-1px}.eui-button-group>.eui-button:not(:last-child),.eui-button-group>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiButtonGroupComponent, selector: "eui-button-group", inputs: { isCheckboxButtons: ["isCheckboxButtons", "isCheckboxButtons", booleanAttribute], isRadioButtons: ["isRadioButtons", "isRadioButtons", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "buttons", predicate: i0.forwardRef(() => EuiButtonComponent) }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ['.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-button-group .eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:active,.eui-button-group .eui-button:focus,.eui-button-group .eui-button.active{z-index:1}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child){margin-left:-1px}.eui-button-group>.eui-button:not(:last-child),.eui-button-group>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonGroupComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-button-group", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-button-group .eui-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:active,.eui-button-group .eui-button:focus,.eui-button-group .eui-button.active{z-index:1}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child){margin-left:-1px}.eui-button-group>.eui-button:not(:last-child),.eui-button-group>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n'] }]
+  args: [{ selector: "eui-button-group", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: ['.eui-button-group{position:relative;display:inline-flex;flex-wrap:wrap;vertical-align:middle;width:100%}.eui-button-group .eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-group .eui-button:active,.eui-button-group .eui-button:focus,.eui-button-group .eui-button.active{z-index:1}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child){margin-left:-1px}.eui-button-group>.eui-button:not(:last-child),.eui-button-group>.eui-button-group:not(:last-child)>.eui-button{border-bottom-right-radius:0;border-top-right-radius:0}.eui-button-group>.eui-button:not(:first-child),.eui-button-group>.eui-button-group:not(:first-child)>.eui-button{border-bottom-left-radius:0;border-top-left-radius:0}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-button-group.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-button-group/eui-button-group.component.ts", "../../eui-button-group/eui-button-group.component.html"],
   "sourcesContent": ["import {\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonComponent } from '@eui/components/eui-button';\n\n@Component({\n    templateUrl: './eui-button-group.component.html',\n    selector: 'eui-button-group',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonGroupComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-button-group';\n    }\n\n    @Input({ transform: booleanAttribute }) isCheckboxButtons = false;\n    @Input({ transform: booleanAttribute }) isRadioButtons = false;\n\n    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    @ContentChildren(forwardRef(() => EuiButtonComponent)) buttons: QueryList<EuiButtonComponent>;\n\n    ngAfterContentInit(): void {\n        this.buttons.map((b: EuiButtonComponent) => {\n            b.buttonClick.subscribe(() => {\n                this.handleInnerButtonClick(b);\n            });\n        });\n    }\n\n    private handleInnerButtonClick(button: EuiButtonComponent): void {\n        try {\n            if (button.isChecked && this.isCheckboxButtons) {\n                button.isChecked = false;\n            } else {\n                if (this.isRadioButtons) {\n                    this.buttons.find((b) => b.id === button.id).isChecked = true;\n                    this.buttons.forEach((b) => {\n                        if (b.id !== button.id) {\n                            b.isChecked = false;\n                        }\n                    });\n                } else if (this.isCheckboxButtons) {\n                    this.buttons.find((b) => b.id === button.id).isChecked = true;\n                }\n            }\n\n            this.buttonClick.emit(button);\n        } catch (e) {\n            console.log(e);\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiButtonGroupComponent],\n    exports: [EuiButtonGroupComponent],\n})\nexport class EuiButtonGroupModule {}", "<ng-content></ng-content>\n"],
-  "mappings": ";AAAA,SAEI,WACA,iBACA,cACA,YACA,OACA,UACA,QAEA,mBACA,yBACA,aACA,wBACG;AACP,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;;AAS7B,IAAO,0BAAP,MAAO,yBAAuB;EAPpC,cAAA;AAa4C,SAAA,oBAAoB;AACpB,SAAA,iBAAiB;AAE/C,SAAA,cAAgD,IAAI,aAAY;;EAR1E,IACI,aAAU;AACV,WAAO;EACX;EASA,qBAAkB;AACd,SAAK,QAAQ,IAAI,CAAC,MAAyB;AACvC,QAAE,YAAY,UAAU,MAAK;AACzB,aAAK,uBAAuB,CAAC;MACjC,CAAC;IACL,CAAC;EACL;EAEQ,uBAAuB,QAA0B;AACrD,QAAI;AACA,UAAI,OAAO,aAAa,KAAK,mBAAmB;AAC5C,eAAO,YAAY;MACvB,OAAO;AACH,YAAI,KAAK,gBAAgB;AACrB,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;AACzD,eAAK,QAAQ,QAAQ,CAAC,MAAK;AACvB,gBAAI,EAAE,OAAO,OAAO,IAAI;AACpB,gBAAE,YAAY;YAClB;UACJ,CAAC;QACL,WAAW,KAAK,mBAAmB;AAC/B,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;QAC7D;MACJ;AAEA,WAAK,YAAY,KAAK,MAAM;IAChC,SAAS,GAAG;AACR,cAAQ,IAAI,CAAC;IACjB;EACJ;;4GA1CS,0BAAuB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,mBAAA,CAAA,qBAAA,qBAMZ,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,WAAA,WAAA,cAAA,MAIF,kBAAkB,EAAA,CAAA,GAAA,UAAA,IAAA,UCrCxD,+BACA,QAAA,CAAA,yrCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDyBa,yBAAuB,YAAA,CAAA;QAPnC;qBAEa,oBAAkB,iBAEX,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,yrCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAKoB,mBAAiB,CAAA;QAAxD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,gBAAc,CAAA;QAArD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,aAAW,CAAA;QAApB;IAEsD,SAAO,CAAA;QAA7D;SAAgB,WAAW,MAAM,kBAAkB,CAAC;;AAuCnD,IAAO,uBAAP,MAAO,sBAAoB;;4GAApB,uBAAoB,MAAA,CAAA,GAAA,QAAA,mBAAA,SAAA,CAAA;EAAA;;6GAApB,uBAAoB,cAAA,CAlDpB,uBAAuB,GAAA,SAAA,CA8CtB,YAAY,GAAA,SAAA,CA9Cb,uBAAuB,EAAA,CAAA;EAAA;;6GAkDvB,uBAAoB,SAAA,CAJnB,YAAY,EAAA,CAAA;EAAA;;kGAIb,sBAAoB,YAAA,CAAA;QALhC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,uBAAuB;IACtC,SAAS,CAAC,uBAAuB;GACpC;;",
+  "mappings": ";AAAA,SAEI,WACA,iBACA,cACA,YACA,OACA,UACA,QAEA,mBACA,yBACA,aACA,wBACG;AACP,SAAS,oBAAoB;AAE7B,SAAS,0BAA0B;;AAS7B,IAAO,0BAAP,MAAO,yBAAuB;EAPpC,cAAA;AAa4C,SAAA,oBAAoB;AACpB,SAAA,iBAAiB;AAE/C,SAAA,cAAgD,IAAI,aAAY;;EAR1E,IACI,aAAU;AACV,WAAO;EACX;EASA,qBAAkB;AACd,SAAK,QAAQ,IAAI,CAAC,MAAyB;AACvC,QAAE,YAAY,UAAU,MAAK;AACzB,aAAK,uBAAuB,CAAC;MACjC,CAAC;IACL,CAAC;EACL;EAEQ,uBAAuB,QAA0B;AACrD,QAAI;AACA,UAAI,OAAO,aAAa,KAAK,mBAAmB;AAC5C,eAAO,YAAY;MACvB,OAAO;AACH,YAAI,KAAK,gBAAgB;AACrB,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;AACzD,eAAK,QAAQ,QAAQ,CAAC,MAAK;AACvB,gBAAI,EAAE,OAAO,OAAO,IAAI;AACpB,gBAAE,YAAY;YAClB;UACJ,CAAC;QACL,WAAW,KAAK,mBAAmB;AAC/B,eAAK,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,EAAE,YAAY;QAC7D;MACJ;AAEA,WAAK,YAAY,KAAK,MAAM;IAChC,SAAS,GAAG;AACR,cAAQ,IAAI,CAAC;IACjB;EACJ;;4GA1CS,0BAAuB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,mBAAA,CAAA,qBAAA,qBAMZ,gBAAgB,GAAA,gBAAA,CAAA,kBAAA,kBAChB,gBAAgB,EAAA,GAAA,SAAA,EAAA,aAAA,cAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,WAAA,WAAA,cAAA,MAIF,kBAAkB,EAAA,CAAA,GAAA,UAAA,IAAA,UCrCxD,+BACA,QAAA,CAAA,iqCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGDyBa,yBAAuB,YAAA,CAAA;QAPnC;qBAEa,oBAAkB,iBAEX,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,UAAA,+BAAA,QAAA,CAAA,iqCAAA,EAAA,CAAA;sBAIjC,YAAU,CAAA;QADb;SAAY,OAAO;IAKoB,mBAAiB,CAAA;QAAxD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,gBAAc,CAAA;QAArD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAE5B,aAAW,CAAA;QAApB;IAEsD,SAAO,CAAA;QAA7D;SAAgB,WAAW,MAAM,kBAAkB,CAAC;;AAuCnD,IAAO,uBAAP,MAAO,sBAAoB;;4GAApB,uBAAoB,MAAA,CAAA,GAAA,QAAA,mBAAA,SAAA,CAAA;EAAA;;6GAApB,uBAAoB,cAAA,CAlDpB,uBAAuB,GAAA,SAAA,CA8CtB,YAAY,GAAA,SAAA,CA9Cb,uBAAuB,EAAA,CAAA;EAAA;;6GAkDvB,uBAAoB,SAAA,CAJnB,YAAY,EAAA,CAAA;EAAA;;kGAIb,sBAAoB,YAAA,CAAA;QALhC;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,uBAAuB;IACtC,SAAS,CAAC,uBAAuB;GACpC;;",
   "names": []
 }

package/fesm2022/eui-components-eui-button-v2.mjs

@@ -40,7 +40,7 @@ var EuiButtonV2Component = class _EuiButtonV2Component {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiButtonV2Component, deps: [{ token: i1.BaseStatesDirective }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiButtonV2Component, selector: "button[euiButtonV2], a[euiButtonV2]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<span class="eui-button__container">\n    <ng-content></ng-content>\n</span>\n', styles: [':host.eui-button-v2{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2:active,:host.eui-button-v2:focus-visible,:host.eui-button-v2:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}:host.eui-button-v2--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-110)}:host.eui-button-v2--primary:active,:host.eui-button-v2--primary:focus-visible,:host.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}:host.eui-button-v2--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}:host.eui-button-v2--secondary:active,:host.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}:host.eui-button-v2--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-110)}:host.eui-button-v2--info:active,:host.eui-button-v2--info:focus-visible,:host.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}:host.eui-button-v2--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-110)}:host.eui-button-v2--success:active,:host.eui-button-v2--success:focus-visible,:host.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}:host.eui-button-v2--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-110)}:host.eui-button-v2--warning:active,:host.eui-button-v2--warning:focus-visible,:host.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}:host.eui-button-v2--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-110)}:host.eui-button-v2--danger:active,:host.eui-button-v2--danger:focus-visible,:host.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}:host.eui-button-v2--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);border-color:var(--eui-base-color-accent-130)}:host.eui-button-v2--accent:active,:host.eui-button-v2--accent:focus-visible,:host.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140-contrast)}:host.eui-button-v2--accent:active,:host.eui-button-v2--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic:active,:host.eui-button-v2--basic:focus-visible,:host.eui-button-v2--basic:hover{background-color:var(--eui-base-color-grey-5)}:host.eui-button-v2--basic.eui-button-v2--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}:host.eui-button-v2--basic.eui-button-v2--primary:active,:host.eui-button-v2--basic.eui-button-v2--primary:focus-visible,:host.eui-button-v2--basic.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-10)}:host.eui-button-v2--basic.eui-button-v2--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic.eui-button-v2--secondary:active,:host.eui-button-v2--basic.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--basic.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-10)}:host.eui-button-v2--basic.eui-button-v2--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}:host.eui-button-v2--basic.eui-button-v2--info:active,:host.eui-button-v2--basic.eui-button-v2--info:focus-visible,:host.eui-button-v2--basic.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-10)}:host.eui-button-v2--basic.eui-button-v2--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}:host.eui-button-v2--basic.eui-button-v2--success:active,:host.eui-button-v2--basic.eui-button-v2--success:focus-visible,:host.eui-button-v2--basic.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-10)}:host.eui-button-v2--basic.eui-button-v2--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-100)}:host.eui-button-v2--basic.eui-button-v2--warning:active,:host.eui-button-v2--basic.eui-button-v2--warning:focus-visible,:host.eui-button-v2--basic.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-10)}:host.eui-button-v2--basic.eui-button-v2--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}:host.eui-button-v2--basic.eui-button-v2--danger:active,:host.eui-button-v2--basic.eui-button-v2--danger:focus-visible,:host.eui-button-v2--basic.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-10)}:host.eui-button-v2--basic.eui-button-v2--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-100)}:host.eui-button-v2--basic.eui-button-v2--accent:active,:host.eui-button-v2--basic.eui-button-v2--accent:focus-visible,:host.eui-button-v2--basic.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-10)}:host.eui-button-v2--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2--outline:active,:host.eui-button-v2--outline:focus-visible,:host.eui-button-v2--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}:host.eui-button-v2--outline.eui-button-v2--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}:host.eui-button-v2--outline.eui-button-v2--primary:active,:host.eui-button-v2--outline.eui-button-v2--primary:focus-visible,:host.eui-button-v2--outline.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2--outline.eui-button-v2--secondary:active,:host.eui-button-v2--outline.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--outline.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}:host.eui-button-v2--outline.eui-button-v2--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}:host.eui-button-v2--outline.eui-button-v2--info:active,:host.eui-button-v2--outline.eui-button-v2--info:focus-visible,:host.eui-button-v2--outline.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}:host.eui-button-v2--outline.eui-button-v2--success:active,:host.eui-button-v2--outline.eui-button-v2--success:focus-visible,:host.eui-button-v2--outline.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}:host.eui-button-v2--outline.eui-button-v2--warning:active,:host.eui-button-v2--outline.eui-button-v2--warning:focus-visible,:host.eui-button-v2--outline.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}:host.eui-button-v2--outline.eui-button-v2--danger:active,:host.eui-button-v2--outline.eui-button-v2--danger:focus-visible,:host.eui-button-v2--outline.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100)}:host.eui-button-v2--outline.eui-button-v2--accent:active,:host.eui-button-v2--outline.eui-button-v2--accent:focus-visible,:host.eui-button-v2--outline.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiButtonV2Component, selector: "button[euiButtonV2], a[euiButtonV2]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<span class="eui-button__container">\n    <ng-content></ng-content>\n</span>\n', styles: [':host.eui-button-v2{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}:host.eui-button-v2{align-items:center;background-color:var(--eui-c-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}:host.eui-button-v2--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}:host.eui-button-v2--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}:host.eui-button-v2--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}:host.eui-button-v2--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}:host.eui-button-v2--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}:host.eui-button-v2--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}:host.eui-button-v2{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}:host.eui-button-v2:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}:host.eui-button-v2 .eui-label{color:var(--_on-bg-color)}:host.eui-button-v2--basic{border:none;background-color:transparent;color:var(--_color)}:host.eui-button-v2--basic .eui-label{color:var(--_color)}:host.eui-button-v2--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}:host.eui-button-v2--outline .eui-label{color:var(--_color)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonV2Component, decorators: [{
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiDisabled"
       ]
     }
-  ], template: '<span class="eui-button__container">\n    <ng-content></ng-content>\n</span>\n', styles: [':host.eui-button-v2{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2:active,:host.eui-button-v2:focus-visible,:host.eui-button-v2:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}:host.eui-button-v2--primary{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-110)}:host.eui-button-v2--primary:active,:host.eui-button-v2--primary:focus-visible,:host.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}:host.eui-button-v2--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}:host.eui-button-v2--secondary:active,:host.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}:host.eui-button-v2--info{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-110)}:host.eui-button-v2--info:active,:host.eui-button-v2--info:focus-visible,:host.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}:host.eui-button-v2--success{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-110)}:host.eui-button-v2--success:active,:host.eui-button-v2--success:focus-visible,:host.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}:host.eui-button-v2--warning{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-110)}:host.eui-button-v2--warning:active,:host.eui-button-v2--warning:focus-visible,:host.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}:host.eui-button-v2--danger{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-110)}:host.eui-button-v2--danger:active,:host.eui-button-v2--danger:focus-visible,:host.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}:host.eui-button-v2--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);border-color:var(--eui-base-color-accent-130)}:host.eui-button-v2--accent:active,:host.eui-button-v2--accent:focus-visible,:host.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140-contrast)}:host.eui-button-v2--accent:active,:host.eui-button-v2--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic:active,:host.eui-button-v2--basic:focus-visible,:host.eui-button-v2--basic:hover{background-color:var(--eui-base-color-grey-5)}:host.eui-button-v2--basic.eui-button-v2--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}:host.eui-button-v2--basic.eui-button-v2--primary:active,:host.eui-button-v2--basic.eui-button-v2--primary:focus-visible,:host.eui-button-v2--basic.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-10)}:host.eui-button-v2--basic.eui-button-v2--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}:host.eui-button-v2--basic.eui-button-v2--secondary:active,:host.eui-button-v2--basic.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--basic.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-10)}:host.eui-button-v2--basic.eui-button-v2--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}:host.eui-button-v2--basic.eui-button-v2--info:active,:host.eui-button-v2--basic.eui-button-v2--info:focus-visible,:host.eui-button-v2--basic.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-10)}:host.eui-button-v2--basic.eui-button-v2--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}:host.eui-button-v2--basic.eui-button-v2--success:active,:host.eui-button-v2--basic.eui-button-v2--success:focus-visible,:host.eui-button-v2--basic.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-10)}:host.eui-button-v2--basic.eui-button-v2--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-100)}:host.eui-button-v2--basic.eui-button-v2--warning:active,:host.eui-button-v2--basic.eui-button-v2--warning:focus-visible,:host.eui-button-v2--basic.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-10)}:host.eui-button-v2--basic.eui-button-v2--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}:host.eui-button-v2--basic.eui-button-v2--danger:active,:host.eui-button-v2--basic.eui-button-v2--danger:focus-visible,:host.eui-button-v2--basic.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-10)}:host.eui-button-v2--basic.eui-button-v2--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-100)}:host.eui-button-v2--basic.eui-button-v2--accent:active,:host.eui-button-v2--basic.eui-button-v2--accent:focus-visible,:host.eui-button-v2--basic.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-10)}:host.eui-button-v2--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2--outline:active,:host.eui-button-v2--outline:focus-visible,:host.eui-button-v2--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}:host.eui-button-v2--outline.eui-button-v2--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}:host.eui-button-v2--outline.eui-button-v2--primary:active,:host.eui-button-v2--outline.eui-button-v2--primary:focus-visible,:host.eui-button-v2--outline.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}:host.eui-button-v2--outline.eui-button-v2--secondary:active,:host.eui-button-v2--outline.eui-button-v2--secondary:focus-visible,:host.eui-button-v2--outline.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}:host.eui-button-v2--outline.eui-button-v2--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}:host.eui-button-v2--outline.eui-button-v2--info:active,:host.eui-button-v2--outline.eui-button-v2--info:focus-visible,:host.eui-button-v2--outline.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}:host.eui-button-v2--outline.eui-button-v2--success:active,:host.eui-button-v2--outline.eui-button-v2--success:focus-visible,:host.eui-button-v2--outline.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}:host.eui-button-v2--outline.eui-button-v2--warning:active,:host.eui-button-v2--outline.eui-button-v2--warning:focus-visible,:host.eui-button-v2--outline.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}:host.eui-button-v2--outline.eui-button-v2--danger:active,:host.eui-button-v2--outline.eui-button-v2--danger:focus-visible,:host.eui-button-v2--outline.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}:host.eui-button-v2--outline.eui-button-v2--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100)}:host.eui-button-v2--outline.eui-button-v2--accent:active,:host.eui-button-v2--outline.eui-button-v2--accent:focus-visible,:host.eui-button-v2--outline.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}\n'] }]
+  ], template: '<span class="eui-button__container">\n    <ng-content></ng-content>\n</span>\n', styles: [':host.eui-button-v2{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}:host.eui-button-v2{align-items:center;background-color:var(--eui-c-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}:host.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2__container{align-items:center;display:inline-flex;position:relative}:host.eui-button-v2--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}:host.eui-button-v2--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}:host.eui-button-v2--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}:host.eui-button-v2--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}:host.eui-button-v2--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}:host.eui-button-v2--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}:host.eui-button-v2--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}:host.eui-button-v2--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}:host.eui-button-v2--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}:host.eui-button-v2{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}:host.eui-button-v2:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}:host.eui-button-v2 .eui-label{color:var(--_on-bg-color)}:host.eui-button-v2--basic{border:none;background-color:transparent;color:var(--_color)}:host.eui-button-v2--basic .eui-label{color:var(--_color)}:host.eui-button-v2--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}:host.eui-button-v2--outline .eui-label{color:var(--_color)}:host.eui-button-v2--responsive{display:grid!important;position:relative;width:100%}:host.eui-button-v2--responsive .eui-button__container{overflow:hidden}:host.eui-button-v2--responsive .eui-button__container>label,:host.eui-button-v2--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host.eui-button-v2--block{display:block;width:100%}:host.eui-button-v2--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}:host.eui-button-v2.disabled,:host.eui-button-v2:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-button-v2.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-button-v2/eui-button-v2.component.ts", "../../eui-button-v2/eui-button-v2.component.html"],
   "sourcesContent": ["import {\n    NgModule,\n    Component,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    SimpleChanges,\n    OnChanges,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-button-v2.component.html',\n    // eslint-disable-next-line\n    selector: 'button[euiButtonV2], a[euiButtonV2]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n\n                'euiOutline',\n                'euiDisabled',\n            ],\n        },\n    ],\n})\nexport class EuiButtonV2Component implements OnChanges {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-button-v2'),\n            this.euiBasicButton ? 'eui-button-v2--basic' : '',\n            this.euiBlockButton ? 'eui-button-v2--block' : '',\n            this.isLoading ? 'eui-button-v2--loading' : '',\n            this.euiIconButton ? 'eui-button-v2--icon-only' : '',\n            this.euiLineWrap ? 'eui-button-v2--line-wrap' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button-v2';\n\n    @HostBinding('attr.id')\n    @Input() id: string;\n\n    @Input({ transform: booleanAttribute }) euiBasicButton = false;\n    @Input({ transform: booleanAttribute }) euiButtonCall = false;\n    @Input({ transform: booleanAttribute }) euiBlockButton = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) euiIconButton = false;\n    @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n    @Output() buttonClick: EventEmitter<EuiButtonV2Component> = new EventEmitter<EuiButtonV2Component>();\n\n    constructor(\n        protected baseStatesDirective: BaseStatesDirective,\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.baseStatesDirective.euiDisabled\n                ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n                : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiButtonV2Component],\n    exports: [EuiButtonV2Component],\n})\nexport class EuiButtonV2Module {}\n", "<span class=\"eui-button__container\">\n    <ng-content></ng-content>\n</span>\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -61,7 +61,7 @@ var EuiButtonComponent = class _EuiButtonComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: '<span class="eui-button__container">\n    @if (isLoading) {\n        <span class="eui-button__loading-icon">\n            <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n        </span>\n    }\n    <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-ctx-c-s));--_bg-color: var(--eui-button-bg-color, var(--eui-ctx-c-s-bg));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-ctx-c-s-on-bg));--_border-color: var(--eui-button-border-color, var(--eui-ctx-c-s-border));--_hover-color: var(--eui-button-hover-color, var(--eui-ctx-c-s-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-ctx-c-s-on-hover))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-ctx-c-p);--_bg-color: var(--eui-ctx-c-p);--_on-bg-color: var(--eui-ctx-c-p-on-bg);--_border-color: var(--eui-ctx-c-p-border);--_hover-color: var(--eui-ctx-c-p-hover);--_on-hover-color: var(--eui-ctx-c-p-on-hover)}.eui-button--info{--_color: var(--eui-ctx-c-in);--_bg-color: var(--eui-ctx-c-in);--_on-bg-color: var(--eui-ctx-c-in-on-bg);--_border-color: var(--eui-ctx-c-in-border);--_hover-color: var(--eui-ctx-c-in-hover);--_on-hover-color: var(--eui-ctx-c-in-on-hover)}.eui-button--success{--_color: var(--eui-ctx-c-su);--_bg-color: var(--eui-ctx-c-su);--_on-bg-color: var(--eui-ctx-c-su-on-bg);--_border-color: var(--eui-ctx-c-su-border);--_hover-color: var(--eui-ctx-c-su-hover);--_on-hover-color: var(--eui-ctx-c-su-on-hover)}.eui-button--warning{--_color: var(--eui-ctx-c-wa);--_bg-color: var(--eui-ctx-c-wa);--_on-bg-color: var(--eui-ctx-c-wa-on-bg);--_border-color: var(--eui-ctx-c-wa-border);--_hover-color: var(--eui-ctx-c-wa-hover);--_on-hover-color: var(--eui-ctx-c-wa-on-hover)}.eui-button--danger{--_color: var(--eui-ctx-c-da);--_bg-color: var(--eui-ctx-c-da);--_on-bg-color: var(--eui-ctx-c-da-on-bg);--_border-color: var(--eui-ctx-c-da-border);--_hover-color: var(--eui-ctx-c-da-hover);--_on-hover-color: var(--eui-ctx-c-da-on-hover)}.eui-button--accent{--_color: var(--eui-ctx-c-ac);--_bg-color: var(--eui-ctx-c-ac);--_on-bg-color: var(--eui-ctx-c-ac-on-bg);--_border-color: var(--eui-ctx-c-ac-border);--_hover-color: var(--eui-ctx-c-ac-hover);--_on-hover-color: var(--eui-ctx-c-ac-on-hover)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:transparent;color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-base-color-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute], isChecked: "isChecked", euiDisabled: "euiDisabled" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiRounded", "euiRounded", "euiResponsive", "euiResponsive"] }], ngImport: i0, template: '<span class="eui-button__container">\n    @if (isLoading) {\n        <span class="eui-button__loading-icon">\n            <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n        </span>\n    }\n    <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:transparent;color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiButtonComponent, decorators: [{
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiResponsive"
       ]
     }
-  ], template: '<span class="eui-button__container">\n    @if (isLoading) {\n        <span class="eui-button__loading-icon">\n            <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n        </span>\n    }\n    <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-ctx-c-s));--_bg-color: var(--eui-button-bg-color, var(--eui-ctx-c-s-bg));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-ctx-c-s-on-bg));--_border-color: var(--eui-button-border-color, var(--eui-ctx-c-s-border));--_hover-color: var(--eui-button-hover-color, var(--eui-ctx-c-s-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-ctx-c-s-on-hover))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-ctx-c-p);--_bg-color: var(--eui-ctx-c-p);--_on-bg-color: var(--eui-ctx-c-p-on-bg);--_border-color: var(--eui-ctx-c-p-border);--_hover-color: var(--eui-ctx-c-p-hover);--_on-hover-color: var(--eui-ctx-c-p-on-hover)}.eui-button--info{--_color: var(--eui-ctx-c-in);--_bg-color: var(--eui-ctx-c-in);--_on-bg-color: var(--eui-ctx-c-in-on-bg);--_border-color: var(--eui-ctx-c-in-border);--_hover-color: var(--eui-ctx-c-in-hover);--_on-hover-color: var(--eui-ctx-c-in-on-hover)}.eui-button--success{--_color: var(--eui-ctx-c-su);--_bg-color: var(--eui-ctx-c-su);--_on-bg-color: var(--eui-ctx-c-su-on-bg);--_border-color: var(--eui-ctx-c-su-border);--_hover-color: var(--eui-ctx-c-su-hover);--_on-hover-color: var(--eui-ctx-c-su-on-hover)}.eui-button--warning{--_color: var(--eui-ctx-c-wa);--_bg-color: var(--eui-ctx-c-wa);--_on-bg-color: var(--eui-ctx-c-wa-on-bg);--_border-color: var(--eui-ctx-c-wa-border);--_hover-color: var(--eui-ctx-c-wa-hover);--_on-hover-color: var(--eui-ctx-c-wa-on-hover)}.eui-button--danger{--_color: var(--eui-ctx-c-da);--_bg-color: var(--eui-ctx-c-da);--_on-bg-color: var(--eui-ctx-c-da-on-bg);--_border-color: var(--eui-ctx-c-da-border);--_hover-color: var(--eui-ctx-c-da-hover);--_on-hover-color: var(--eui-ctx-c-da-on-hover)}.eui-button--accent{--_color: var(--eui-ctx-c-ac);--_bg-color: var(--eui-ctx-c-ac);--_on-bg-color: var(--eui-ctx-c-ac-on-bg);--_border-color: var(--eui-ctx-c-ac-border);--_hover-color: var(--eui-ctx-c-ac-hover);--_on-hover-color: var(--eui-ctx-c-ac-on-hover)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:transparent;color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-base-color-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'] }]
+  ], template: '<span class="eui-button__container">\n    @if (isLoading) {\n        <span class="eui-button__loading-icon">\n            <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n        </span>\n    }\n    <ng-content></ng-content>\n</span>\n', styles: ['.eui-button{--_color: var(--eui-button-color, var(--eui-c-secondary));--_bg-color: var(--eui-button-bg-color, var(--eui-c-secondary-bg-light));--_on-bg-color: var(--eui-button-on-bg-color, var(--eui-c-secondary-contrast));--_border-color: var(--eui-button-border-color, var(--eui-c-secondary-border));--_hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover));--_on-hover-color: var(--eui-button-hover-color, var(--eui-c-secondary-hover-contrast))}.eui-button{align-items:center;background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon-svg{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-button--icon-only.eui-button--rounded{padding:0}.eui-button .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-xs{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family)}.eui-button--size-xs .eui-icon-svg{height:1rem;width:1rem}.eui-button--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-button--size-s .eui-icon-svg{height:1.25rem;width:1.25rem}.eui-button--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button--size-m .eui-icon-svg{height:1.5rem;width:1.5rem}.eui-button--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-button--size-l .eui-icon-svg{height:1.75rem;width:1.75rem}.eui-button--primary{--_color: var(--eui-c-primary);--_bg-color: var(--eui-c-primary);--_on-bg-color: var(--eui-c-primary-contrast);--_border-color: var(--eui-c-primary-border);--_hover-color: var(--eui-c-primary-hover);--_on-hover-color: var(--eui-c-primary-hover-contrast)}.eui-button--info{--_color: var(--eui-c-info);--_bg-color: var(--eui-c-info);--_on-bg-color: var(--eui-c-info-contrast);--_border-color: var(--eui-c-info-border);--_hover-color: var(--eui-c-info-hover);--_on-hover-color: var(--eui-c-info-hover-contrast)}.eui-button--success{--_color: var(--eui-c-success);--_bg-color: var(--eui-c-success);--_on-bg-color: var(--eui-c-success-contrast);--_border-color: var(--eui-c-success-border);--_hover-color: var(--eui-c-success-hover);--_on-hover-color: var(--eui-c-success-hover-contrast)}.eui-button--warning{--_color: var(--eui-c-warning);--_bg-color: var(--eui-c-warning);--_on-bg-color: var(--eui-c-warning-contrast);--_border-color: var(--eui-c-warning-border);--_hover-color: var(--eui-c-warning-hover);--_on-hover-color: var(--eui-c-warning-hover-contrast)}.eui-button--danger{--_color: var(--eui-c-danger);--_bg-color: var(--eui-c-danger);--_on-bg-color: var(--eui-c-danger-contrast);--_border-color: var(--eui-c-danger-border);--_hover-color: var(--eui-c-danger-hover);--_on-hover-color: var(--eui-c-danger-hover-contrast)}.eui-button--accent{--_color: var(--eui-c-accent);--_bg-color: var(--eui-c-accent);--_on-bg-color: var(--eui-c-accent-contrast);--_border-color: var(--eui-c-accent-border);--_hover-color: var(--eui-c-accent-hover);--_on-hover-color: var(--eui-c-accent-hover-contrast)}.eui-button{background-color:var(--_bg-color);color:var(--_on-bg-color);border:1px solid var(--_border-color)}.eui-button .eui-icon-svg svg{fill:var(--_on-bg-color);color:var(--_on-bg-color)}.eui-button:hover{background-color:var(--_hover-color);color:var(--_on-hover-color)}.eui-button:hover .eui-label,.eui-button .eui-label{color:var(--_on-bg-color)}.eui-button--basic{border:none;background-color:transparent;color:var(--_color)}.eui-button--basic .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--basic .eui-label{color:var(--_color)}.eui-button--outline{background-color:var(--eui-c-white);color:var(--_color);border:1px solid var(--_border-color)}.eui-button--outline .eui-icon-svg svg{fill:var(--_color);color:var(--_color)}.eui-button--outline .eui-label{color:var(--_color)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active:focus-visible:not([readonly]),.eui-button--rounded:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button--responsive{display:grid!important;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-c-bg);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating:before{border-radius:0}.eui-button__expand-trigger{border-top:1px solid var(--eui-c-secondary-lightest);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-button/eui-button.component.ts", "../../eui-button/eui-button.component.html"],
   "sourcesContent": ["import {\n    NgModule,\n    Component,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n    templateUrl: './eui-button.component.html',\n    // eslint-disable-next-line\n    selector: 'button[euiButton], a[euiButton]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n\n                'euiOutline',\n                'euiRounded',\n                'euiResponsive',\n            ],\n        },\n    ],\n})\nexport class EuiButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-button'),\n            this.euiBasicButton ? 'eui-button--basic' : '',\n            this.euiBlockButton ? 'eui-button--block' : '',\n            this.isLoading ? 'eui-button--loading' : '',\n            this.euiIconButton ? 'eui-button--icon-only' : '',\n            this.euiLineWrap ? 'eui-button--line-wrap' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n    @HostBinding('attr.id')\n    @Input() id: string;\n\n    @Input({ transform: booleanAttribute }) euiBasicButton = false;\n    @Input({ transform: booleanAttribute }) euiButtonCall = false;\n    @Input({ transform: booleanAttribute }) euiBlockButton = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) euiIconButton = false;\n    @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n    // ATTENTION : don't change those to input/transform, they are exposed OR\n    // TODO v18 we should find a way to do this using transform\n    @Input()\n    public get isChecked(): boolean {\n        return this._isChecked;\n    }\n    public set isChecked(value: BooleanInput) {\n        this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n        this._isChecked = coerceBooleanProperty(value);\n    }\n    @Input()\n    public get euiDisabled(): boolean {\n        return this._euiDisabled;\n    }\n    public set euiDisabled(value: BooleanInput) {\n        this._euiDisabled = coerceBooleanProperty(value);\n        if (this._euiDisabled) {\n            this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n        } else {\n            this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    private _isChecked = false;\n    private _euiDisabled= false;\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}", "<span class=\"eui-button__container\">\n    @if (isLoading) {\n        <span class=\"eui-button__loading-icon\">\n            <eui-icon-svg [isLoading]=\"true\"></eui-icon-svg>\n        </span>\n    }\n    <ng-content></ng-content>\n</span>\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }