@eui/components 18.0.0-next.14 → 18.0.0-next.16

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

@@ -27,7 +27,7 @@ var EuiAvatarComponent = class _EuiAvatarComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiAvatarComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: { e2eAttr: "e2eAttr", ariaLabel: ["aria-label", "ariaLabel"], hasShadow: ["hasShadow", "hasShadow", booleanAttribute], isShapeSquare: ["isShapeSquare", "isShapeSquare", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasNoBackground: ["hasNoBackground", "hasNoBackground", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiAvatarComponent, decorators: [{
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
         "euiSizeVariant"
       ]
     }
-  ], template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon{font-size:calc(1.5 * var(--_font-size))}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"] }]
+  ], template: '<div *ngIf="hasShadow" class="eui-avatar-shadow"></div>\n\n<div class="eui-avatar-content">\n    <ng-content select="eui-avatar-icon"></ng-content>\n    <ng-content select="eui-avatar-text"></ng-content>\n    <ng-content select="eui-avatar-image"></ng-content>\n    <ng-content select="eui-avatar-badge"></ng-content>\n</div>\n', styles: [".eui-avatar{--_size: var(--eui-avatar-size, 3rem);--_icon-size: var(--eui-avatar-icon-size, 1.5rem);--_font-size: var(--eui-avatar-font-size, var(--eui-base-font-size-xl));--_badge-offset: var(--eui-avatar-badge-offset, calc(-.3 * var(--eui-base-spacing-m)));--_bg-color: var(--eui-avatar-bg-color, var(--eui-base-color-primary-100));--_color: var(--eui-avatar-color, var(--eui-base-color-white))}.eui-avatar{display:inline-flex;position:relative}.eui-avatar-content{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--_bg-color);box-shadow:var(--eui-base-shadow-1);height:var(--_size);width:var(--_size);position:relative}.eui-avatar-shadow{position:absolute;right:.35rem;height:var(--_size);width:var(--_size);border:.5rem solid var(--eui-base-color-primary-25);border-radius:50%;bottom:.15rem}.eui-avatar-list{display:inline-flex}.eui-avatar-list .eui-avatar:not(:first-child){margin-left:-1rem}.eui-avatar-icon{color:var(--_color)}.eui-avatar-icon .eui-icon-svg{margin-right:0!important;margin-left:0!important;height:var(--_icon-size);width:var(--_icon-size)}.eui-avatar-icon .eui-icon-svg svg{height:var(--_icon-size);width:var(--_icon-size);fill:var(--_color)!important;color:var(--_color)!important}.eui-avatar-text{color:var(--_color);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;font-size:var(--_font-size)}.eui-avatar-image{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;height:100%;width:100%}.eui-avatar-image img{border-radius:50%;height:100%;width:100%}.eui-avatar--no-background .eui-avatar-image img{border-radius:0;background-color:var(--eui-base-color-white)}.eui-avatar-badge{position:absolute;right:var(--_badge-offset)}.eui-avatar-badge--top{top:var(--_badge-offset)}.eui-avatar-badge--bottom{bottom:var(--_badge-offset)}.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-15);--_color: var(--eui-base-color-grey-15-contrast)}.eui-avatar--info{--_bg-color: var(--eui-base-color-info-100)}.eui-avatar--success{--_bg-color: var(--eui-base-color-success-100)}.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-100);--_color: var(--eui-base-color-warning-100-contrast)}.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-100)}.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-100);--_color: var(--eui-base-color-accent-120-contrast)}.eui-avatar--flat{--_bg-color: var(--eui-base-color-primary-10);--_color: var(--eui-base-color-primary-100)}.eui-avatar--flat .eui-avatar-content{box-shadow:var(--eui-base-shadow-none)}.eui-avatar--flat.eui-avatar--secondary{--_bg-color: var(--eui-base-color-grey-5);--_color: var(--eui-base-color-grey-100)}.eui-avatar--flat.eui-avatar--info{--_bg-color: var(--eui-base-color-info-10);--_color: var(--eui-base-color-info-100)}.eui-avatar--flat.eui-avatar--success{--_bg-color: var(--eui-base-color-success-10);--_color: var(--eui-base-color-success-100)}.eui-avatar--flat.eui-avatar--warning{--_bg-color: var(--eui-base-color-warning-10);--_color: var(--eui-base-color-warning-100)}.eui-avatar--flat.eui-avatar--danger{--_bg-color: var(--eui-base-color-danger-10);--_color: var(--eui-base-color-danger-100)}.eui-avatar--flat.eui-avatar--accent{--_bg-color: var(--eui-base-color-accent-10);--_color: var(--eui-base-color-accent-120)}.eui-avatar--no-background{--_bg-color: transparent;--_color: var(--eui-base-color-primary-100)}.eui-avatar--no-background .eui-avatar-content{box-shadow:var(--eui-base-shadow-none);border-radius:none}.eui-avatar--no-background.eui-avatar--secondary{--_color: var(--eui-base-color-grey-100)}.eui-avatar--no-background.eui-avatar--info{--_color: var(--eui-base-color-info-100)}.eui-avatar--no-background.eui-avatar--success{--_color: var(--eui-base-color-success-100)}.eui-avatar--no-background.eui-avatar--warning{--_color: var(--eui-base-color-warning-100)}.eui-avatar--no-background.eui-avatar--danger{--_color: var(--eui-base-color-danger-100)}.eui-avatar--no-background.eui-avatar--accent{--_color: var(--eui-base-color-accent-120)}.eui-avatar--size-xs{--_size: 2rem;--_font-size: var(--eui-base-font-size-xs);--_icon-size: 1rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.5 * var(--eui-base-spacing-xs))}.eui-avatar--size-s{--_size: 2.5rem;--_font-size: var(--eui-base-font-size-s);--_icon-size: 1.25rem;--_badge-font-size: var(--eui-base-font-size-xs);--_badge-size: var(--eui-base-spacing-s);--_badge-offset: calc(-.85 * var(--eui-base-spacing-xs))}.eui-avatar--size-m{--_size: 3rem;--_font-size: var(--eui-base-font-size-xl);--_icon-size: 1.5rem;--_badge-font-size: var(--eui-base-font-size-s);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-l{--_size: 4rem;--_font-size: var(--eui-base-font-size-2xl);--_icon-size: 1.75rem;--_badge-font-size: var(--eui-base-font-size-m);--_badge-size: var(--eui-base-spacing-m);--_badge-offset: calc(-.3 * var(--eui-base-spacing-m))}.eui-avatar--size-xl{--_size: 5rem;--_font-size: var(--eui-base-font-size-3xl);--_icon-size: 2rem;--_badge-font-size: var(--eui-base-font-size-l);--_badge-size: var(--eui-base-spacing-l);--_badge-offset: calc(-.3 * var(--eui-base-spacing-l))}.eui-avatar--size-2xl{--_size: 6rem;--_font-size: var(--eui-base-font-size-4xl);--_icon-size: 2.5rem;--_badge-font-size: var(--eui-base-font-size-xl);--_badge-size: var(--eui-base-spacing-xl);--_badge-offset: calc(-.3 * var(--eui-base-spacing-xl))}.eui-avatar.eui-avatar--shape-square .eui-avatar-content,.eui-avatar.eui-avatar--shape-square .eui-avatar-image img{border-radius:.25rem}\n"] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-avatar/eui-avatar.component.ts", "../../eui-avatar/eui-avatar.component.html", "../../eui-avatar/eui-avatar-list.component.ts", "../../eui-avatar/eui-avatar-list.component.html", "../../eui-avatar/avatar-icon/avatar-icon.component.ts", "../../eui-avatar/avatar-icon/avatar-icon.component.html", "../../eui-avatar/avatar-text/avatar-text.component.ts", "../../eui-avatar/avatar-text/avatar-text.component.html", "../../eui-avatar/avatar-image/avatar-image.component.ts", "../../eui-avatar/avatar-image/avatar-image.component.html", "../../eui-avatar/avatar-badge/avatar-badge.component.ts", "../../eui-avatar/avatar-badge/avatar-badge.component.html", "../../eui-avatar/eui-avatar.module.ts"],
   "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'div[euiAvatar], span[euiAvatar], eui-avatar',\n    templateUrl: './eui-avatar.component.html',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAvatarComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-avatar'),\n            this.isShapeSquare ? 'eui-avatar--shape-square' : '',\n            this.isFlat ? 'eui-avatar--flat' : '',\n            this.hasNoBackground ? 'eui-avatar--no-background' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-avatar';\n    @HostBinding('attr.role') role = 'status';\n    @HostBinding('attr.aria-label') @Input('aria-label') ariaLabel: string | null = 'avatar';\n\n    @Input({ transform: booleanAttribute }) hasShadow = false;\n    @Input({ transform: booleanAttribute }) isShapeSquare = false;\n    @Input({ transform: booleanAttribute }) isFlat = false;\n    @Input({ transform: booleanAttribute }) hasNoBackground = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {}\n}\n", "<div *ngIf=\"hasShadow\" class=\"eui-avatar-shadow\"></div>\n\n<div class=\"eui-avatar-content\">\n    <ng-content select=\"eui-avatar-icon\"></ng-content>\n    <ng-content select=\"eui-avatar-text\"></ng-content>\n    <ng-content select=\"eui-avatar-image\"></ng-content>\n    <ng-content select=\"eui-avatar-badge\"></ng-content>\n</div>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-list',\n    templateUrl: './eui-avatar-list.component.html',\n})\nexport class EuiAvatarListComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-list',\n        ].join(' ').trim();\n    }\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-icon',\n    templateUrl: './avatar-icon.component.html',\n})\nexport class EuiAvatarIconComponent {\n    @HostBinding('class') string = 'eui-avatar-icon';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-text',\n    templateUrl: './avatar-text.component.html',\n})\nexport class EuiAvatarTextComponent {\n    @HostBinding('class') string = 'eui-avatar-text';\n}\n", "<ng-content></ng-content>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-image',\n    templateUrl: './avatar-image.component.html',\n})\nexport class EuiAvatarImageComponent {\n    @HostBinding('class') string = 'eui-avatar-image';\n\n    @Input() imageUrl: string;\n}\n", "<ng-container *ngIf=\"imageUrl; else noImage\">\n    <img [src]=\"imageUrl\" alt=\"Avatar image\"/>\n</ng-container>\n<ng-template #noImage>\n    <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-avatar-badge',\n    templateUrl: './avatar-badge.component.html',\n})\nexport class EuiAvatarBadgeComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eui-avatar-badge',\n            `eui-avatar-badge--${this.position}`,\n        ].join(' ').trim();\n    }\n\n    @Input() position: 'top' | 'bottom' = 'top';\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAvatarComponent } from './eui-avatar.component';\nimport { EuiAvatarListComponent } from './eui-avatar-list.component';\nimport { EuiAvatarIconComponent } from './avatar-icon/avatar-icon.component';\nimport { EuiAvatarTextComponent } from './avatar-text/avatar-text.component';\nimport { EuiAvatarImageComponent } from './avatar-image/avatar-image.component';\nimport { EuiAvatarBadgeComponent } from './avatar-badge/avatar-badge.component';\n\nconst COMPONENTS = [\n    EuiAvatarComponent,\n    EuiAvatarIconComponent,\n    EuiAvatarTextComponent,\n    EuiAvatarImageComponent,\n    EuiAvatarBadgeComponent,\n    EuiAvatarListComponent,\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        EuiIconModule,\n        BaseStatesDirective,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiAvatarModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Component", "HostBinding", "i0", "Component", "HostBinding", "i0", "Component", "HostBinding", "i0", "Component", "HostBinding", "Input", "i0", "Component", "HostBinding", "Input", "i0", "BaseStatesDirective"]
 }

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

@@ -43,12 +43,12 @@ var EuiButtonComponent = class _EuiButtonComponent extends BaseDirective {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", 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] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon [isLoading]="true"></eui-icon>\n    </span>\n    <ng-content></ng-content>\n</span>\n', styles: ['button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none;appearance:none}.eui-button{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;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-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex="0"]:active:not([readonly]),.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.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:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.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:last-child:not(.eui-icon--loading),.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:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.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/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.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:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex="0"]:active:not([readonly]),.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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 .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex="0"]:active:not([readonly]),a.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.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)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.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--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{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-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--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)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{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-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{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-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{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-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{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-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--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-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex="0"]:active:not([readonly]),.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:active:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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--responsive .eui-button__container .eui-icon{overflow:visible}.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--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.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)}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", 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] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span>\n', styles: ['button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none;appearance:none}.eui-button{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;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-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex="0"]:active:not([readonly]),.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.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/1rem 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:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.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:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex="0"]:active:not([readonly]),.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex="0"]:active:not([readonly]),a.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.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)}.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--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{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-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--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)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{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-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{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-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{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-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{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-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--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-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex="0"]:active:not([readonly]),.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:active:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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)}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonComponent, decorators: [{
   type: Component,
-  args: [{ selector: "button[euiButton], a[euiButton]", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon [isLoading]="true"></eui-icon>\n    </span>\n    <ng-content></ng-content>\n</span>\n', styles: ['button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none;appearance:none}.eui-button{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;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-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex="0"]:active:not([readonly]),.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.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:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.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:last-child:not(.eui-icon--loading),.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:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.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/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.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:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex="0"]:active:not([readonly]),.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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 .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex="0"]:active:not([readonly]),a.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.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)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.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--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{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-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--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)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{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-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{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-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{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-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{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-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--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-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex="0"]:active:not([readonly]),.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:active:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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--responsive .eui-button__container .eui-icon{overflow:visible}.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--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.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)}\n'] }]
+  args: [{ selector: "button[euiButton], a[euiButton]", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span>\n', styles: ['button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:none;appearance:none}.eui-button{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;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-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex="0"]:active:not([readonly]),.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.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/1rem 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:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.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:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex="0"]:active:not([readonly]),.eui-button-fixed [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex="0"]:active:not([readonly]),a.eui-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.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)}.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--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{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-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--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)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{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-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{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-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{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-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{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-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--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-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex="0"]:active:not([readonly]),.eui-button--rounded:active [tabindex="0"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:active:not([readonly]),.eui-button--rounded:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.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)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

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

@@ -1,7 +1,7 @@
 {
   "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    SimpleChanges,\n    OnChanges,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\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})\nexport class EuiButtonComponent extends BaseDirective implements OnChanges {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\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            super.getCssClasses('eui-button'),\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    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.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, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n", "<span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon [isLoading]=\"true\"></eui-icon>\n    </span>\n    <ng-content></ng-content>\n</span>\n"],
-  "mappings": "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",
+  "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 { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\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})\nexport class EuiButtonComponent extends BaseDirective implements OnChanges {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\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            super.getCssClasses('eui-button'),\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    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.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, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n", "<span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon-svg [isLoading]=\"true\"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span>\n"],
+  "mappings": "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",
   "names": []
 }