npm - @eui/components - Versions diffs - 18.0.0-next.28 → 18.0.0-next.29 - Mend

@eui/components 18.0.0-next.28 → 18.0.0-next.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/esm2022/eui-wizard/eui-wizard.component.mjs CHANGED Viewed

@@ -136,11 +136,11 @@ export class EuiWizardComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #canBeFocused\n        *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n        class=\"eui-wizard-step\"\n        role=\"tab\"\n        [id]=\"step.id\"\n        attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n        [attr.aria-disabled]=\"step?.isDisabled\"\n        [attr.aria-controls]=\"stepContentId\"\n        [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n        [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n        [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n        [class.eui-wizard-step--active]=\"step?.isActive\"\n        [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n        [class.eui-wizard-step--error]=\"step?.isInvalid\"\n        [class.eui-wizard-step--warning]=\"step?.isWarning\"\n        (click)=\"onSelectStep(step, idx + 1)\"\n        (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n        <div class=\"eui-wizard-step__bullet-item\">\n            <span class=\"eui-wizard-step__bullet-item-icon\">\n                <ng-container *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent\">\n                    <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <!-- v15 OK-->\n                    <span *ngIf=\"step?.indexIconClass && step?.indexIconClass !== undefined\" role=\"presentation\">\n                        <span class=\"eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}\"></span>\n                    </span>\n\n                    <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n                        <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n                    </span>\n                </ng-template>\n\n                <span\n                    *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n                    role=\"presentation\">\n                    {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n                </span>\n            </span>\n        </div>\n        <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n            <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n                {{ step?.label }}\n            </div>\n            <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n            <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:\"\";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-primary-75)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-danger-100)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-danger-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #canBeFocused\n        *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n        class=\"eui-wizard-step\"\n        role=\"tab\"\n        [id]=\"step.id\"\n        attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n        [attr.aria-disabled]=\"step?.isDisabled\"\n        [attr.aria-controls]=\"stepContentId\"\n        [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n        [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n        [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n        [class.eui-wizard-step--active]=\"step?.isActive\"\n        [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n        [class.eui-wizard-step--error]=\"step?.isInvalid\"\n        [class.eui-wizard-step--warning]=\"step?.isWarning\"\n        (click)=\"onSelectStep(step, idx + 1)\"\n        (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n        <div class=\"eui-wizard-step__bullet-item\">\n            <span class=\"eui-wizard-step__bullet-item-icon\">\n                <ng-container *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent\">\n                    <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <!-- v15 OK-->\n                    <span *ngIf=\"step?.indexIconClass && step?.indexIconClass !== undefined\" role=\"presentation\">\n                        <span class=\"eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}\"></span>\n                    </span>\n\n                    <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n                        <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n                    </span>\n                </ng-template>\n\n                <span\n                    *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n                    role=\"presentation\">\n                    {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n                </span>\n            </span>\n        </div>\n        <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n            <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n                {{ step?.label }}\n            </div>\n            <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n            <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:\"\";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-primary-80)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-danger-100)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-danger-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-wizard', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #canBeFocused\n        *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n        class=\"eui-wizard-step\"\n        role=\"tab\"\n        [id]=\"step.id\"\n        attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n        [attr.aria-disabled]=\"step?.isDisabled\"\n        [attr.aria-controls]=\"stepContentId\"\n        [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n        [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n        [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n        [class.eui-wizard-step--active]=\"step?.isActive\"\n        [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n        [class.eui-wizard-step--error]=\"step?.isInvalid\"\n        [class.eui-wizard-step--warning]=\"step?.isWarning\"\n        (click)=\"onSelectStep(step, idx + 1)\"\n        (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n        <div class=\"eui-wizard-step__bullet-item\">\n            <span class=\"eui-wizard-step__bullet-item-icon\">\n                <ng-container *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent\">\n                    <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <!-- v15 OK-->\n                    <span *ngIf=\"step?.indexIconClass && step?.indexIconClass !== undefined\" role=\"presentation\">\n                        <span class=\"eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}\"></span>\n                    </span>\n\n                    <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n                        <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n                    </span>\n                </ng-template>\n\n                <span\n                    *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n                    role=\"presentation\">\n                    {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n                </span>\n            </span>\n        </div>\n        <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n            <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n                {{ step?.label }}\n            </div>\n            <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n            <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:\"\";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-primary-75)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-danger-100)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-danger-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"] }]
+            args: [{ selector: 'eui-wizard', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #canBeFocused\n        *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n        class=\"eui-wizard-step\"\n        role=\"tab\"\n        [id]=\"step.id\"\n        attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n        [attr.aria-disabled]=\"step?.isDisabled\"\n        [attr.aria-controls]=\"stepContentId\"\n        [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n        [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n        [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n        [class.eui-wizard-step--active]=\"step?.isActive\"\n        [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n        [class.eui-wizard-step--error]=\"step?.isInvalid\"\n        [class.eui-wizard-step--warning]=\"step?.isWarning\"\n        (click)=\"onSelectStep(step, idx + 1)\"\n        (keydown)=\"onKeyDown($event)\">\n        <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n        <div class=\"eui-wizard-step__bullet-item\">\n            <span class=\"eui-wizard-step__bullet-item-icon\">\n                <ng-container *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName; else customIconContent\">\n                    <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n                    <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <!-- v15 OK-->\n                    <span *ngIf=\"step?.indexIconClass && step?.indexIconClass !== undefined\" role=\"presentation\">\n                        <span class=\"eui-wizard-step__icon eui-icon {{ step?.indexIconClass }}\"></span>\n                    </span>\n\n                    <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n                        <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n                    </span>\n                </ng-template>\n\n                <span\n                    *ngIf=\"!step?.indexIconClass && !step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n                    role=\"presentation\">\n                    {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n                </span>\n            </span>\n        </div>\n        <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n            <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n                {{ step?.label }}\n            </div>\n            <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n            <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-wizard{border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin:var(--eui-base-spacing-xl) 0 -1px 0;padding-bottom:var(--eui-base-spacing-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-base-spacing-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__current-marker-icon>svg{color:var(--eui-base-color-grey-75);fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-base-color-grey-25);content:\"\";margin-bottom:var(--eui-base-spacing-s);top:var(--eui-base-spacing-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-80);border-radius:100%;height:var(--eui-base-spacing-3xl);margin:-40px auto 0;padding-top:var(--eui-base-spacing-xs);width:var(--eui-base-spacing-3xl)}.eui-t-compact .eui-wizard-step__bullet-item{margin-top:-30px}.eui-wizard-step__label-wrapper{margin-top:var(--eui-base-spacing-m)}.eui-wizard-step__label-wrapper-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-base-spacing-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-primary-100)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-primary-80)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-success-110);border-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-success-110)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-base-color-success-120)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-success-110)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-danger-100)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-danger-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-grey-100)}.eui-wizard-step--warning .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-warning-140)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-base-color-warning-140)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-90)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-base-color-grey-25)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-grey-80)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-base-color-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-base-color-accent-110);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n"] }]
         }], propDecorators: { activeStepIndex: [{
                 type: Input
             }], steps: [{

package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,gBAAgB,EAGhB,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,sBAAuB,YAAW,gBAAgB;~~IAClD~~,EAAE,SAAmC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,SAAgB;IAClC,mBAAmB,SAAc;IACjC,QAAQ,SAAK;IACb,SAAS,SAAiB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAEI,OAAO,SAAqB;IAEzD,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAElC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAE1B,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,kBAAkB,IAAI,IAAI;IAO1B,QAAQ,IAAI,IAAI;IAShB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,OAAO,CAAC,YAAY;~~yCAvEX~~,sBAAsB;2CAAtB,sBAAsB;~~CAoFlC~~"}
1	+ {"version":3,"file":"eui-icon-toggle.component.d.ts","sourceRoot":"","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,gBAAgB,EAGhB,YAAY,EAMf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,sBAAuB,YAAW,gBAAgB;IAElD,EAAE,SAAmC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,SAAgB;IAClC,mBAAmB,SAAc;IACjC,QAAQ,SAAK;IACb,SAAS,SAAiB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAEI,OAAO,SAAqB;IAEzD,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAsB;IAElC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAE1B,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAC3B,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAE5B,kBAAkB,IAAI,IAAI;IAO1B,QAAQ,IAAI,IAAI;IAShB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,OAAO,CAAC,YAAY;yCAxEX,sBAAsB;2CAAtB,sBAAsB;CAqFlC"}

package/eui-page/components/eui-page-column/eui-page-column.component.d.ts CHANGED Viewed

@@ -40,7 +40,7 @@ export declare class EuiPageColumnComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     onToggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageColumnComponent, [{ optional: true; host: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageColumnComponent, "eui-page-column", never, { "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "autocloseContainerWidth": { "alias": "autocloseContainerWidth"; "required": false; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; }; "collapseAriaLabel": { "alias": "collapseAriaLabel"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isHighlighted": { "alias": "isHighlighted"; "required": false; }; "isCollapsedWithIcons": { "alias": "isCollapsedWithIcons"; "required": false; }; "hasSidebarMenu": { "alias": "hasSidebarMenu"; "required": false; }; "hasHeaderBodyShrinkable": { "alias": "hasHeaderBodyShrinkable"; "required": false; }; "isAutocloseOnContainerResize": { "alias": "isAutocloseOnContainerResize"; "required": false; }; }, { "collapse": "collapse"; "headerCollapse": "headerCollapse"; }, ["customHeaderBodyContent", "customHeaderLeftContent", "customHeaderRightContent", "customHeaderCollapsedContent", "customFooterContent"], ["eui-page-column-header-collapsed-content", "eui-page-column-header-left-content", "eui-page-column-header-right-content", "eui-page-column-header-body", "eui-page-column-body", "eui-page-column-footer"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSize2XL": "euiSize2XL"; "euiSize3XL": "euiSize3XL"; "euiSize4XL": "euiSize4XL"; "euiSizeVariant": "euiSizeVariant"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageColumnComponent, "eui-page-column", never, { "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "subLabel": { "alias": "subLabel"; "required": false; }; "autocloseContainerWidth": { "alias": "autocloseContainerWidth"; "required": false; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; }; "collapseAriaLabel": { "alias": "collapseAriaLabel"; "required": false; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "isHighlighted": { "alias": "isHighlighted"; "required": false; }; "isCollapsedWithIcons": { "alias": "isCollapsedWithIcons"; "required": false; }; "hasSidebarMenu": { "alias": "hasSidebarMenu"; "required": false; }; "hasHeaderBodyShrinkable": { "alias": "hasHeaderBodyShrinkable"; "required": false; }; "isAutocloseOnContainerResize": { "alias": "isAutocloseOnContainerResize"; "required": false; }; }, { "collapse": "collapse"; "headerCollapse": "headerCollapse"; }, ["customHeaderBodyContent", "customHeaderLeftContent", "customHeaderRightContent", "customHeaderCollapsedContent", "customFooterContent"], ["eui-page-column-header-collapsed-content", "eui-page-column-header-left-content", "eui-page-column-header-right-content", "eui-page-column-header-body", "eui-page-column-body", "eui-page-column-footer"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSize2XL": "euiSize2XL"; "euiSize3XL": "euiSize3XL"; "euiSize4XL": "euiSize4XL"; "euiSizeVariant": "euiSizeVariant"; "euiHighlighted": "euiHighlighted"; }; outputs: {}; }]>;
     static ngAcceptInputType_isCollapsible: unknown;
     static ngAcceptInputType_isCollapsed: unknown;
     static ngAcceptInputType_isHighlighted: unknown;

package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAMZ,SAAS,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,~~qBAoBa~~,sBAAuB,YAAW,MAAM,EAAE,SAAS;IA+DjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IA/DtD,IACI,UAAU,IAAI,MAAM,CAavB;IAEQ,IAAI,MAAC;IACL,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,uBAAuB,EAAE,MAAM,CAAQ;IACvC,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAEA,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,aAAa,UAAS;IACtB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAChC,4BAA4B,UAAS;IAEnE,QAAQ,oBAAsB;IAC9B,cAAc,oBAAsB;IAC9C,QAAQ,UAAS;IAEjB,oBAAoB,UAAS;IAG7B,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,wBAAwB,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAG9E,4BAA4B,EAAE,SAAS,CAAC,4CAA4C,CAAC,CAAC;IAGtF,mBAAmB,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAEpE,aAAa,SAAK;IAElB,cAAc,SAAK;IACnB,SAAS,SAAM;IAEf,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,QAAQ,CAA0B;gBAGiC,yBAAyB,KAAA,EACzF,SAAS,EAAE,kBAAkB,EAC1B,mBAAmB,EAAE,mBAAmB;IAMtD,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI;IAmBxB,QAAQ,IAAI,IAAI;IAgBhB,WAAW,IAAI,IAAI;IAKZ,QAAQ,IAAI,IAAI;yCA9Gd,sBAAsB;2CAAtB,sBAAsB;~~4CAkI0qrB~~,OAAQ;0CAAR,OAAQ;4CAAR,OAAQ;mDAAR,OAAQ;6CAAR,OAAQ;sDAAR,OAAQ;2DAAR,OAAQ;~~CAhBptrB~~;AAGD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAI;AACxD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAI;AACxD,qBACa,wCAAwC;yCAAxC,wCAAwC;2CAAxC,wCAAwC;CAAI;AACzD,qBACa,4CAA4C;yCAA5C,4CAA4C;2CAA5C,4CAA4C;CAAI;AAC7D,qBACa,iCAAiC;yCAAjC,iCAAiC;2CAAjC,iCAAiC;CAAI;AAClD,qBACa,mCAAmC;yCAAnC,mCAAmC;2CAAnC,mCAAmC;CAAI"}
1	+ {"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAMZ,SAAS,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAqBa,sBAAuB,YAAW,MAAM,EAAE,SAAS;IA+DjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IA/DtD,IACI,UAAU,IAAI,MAAM,CAavB;IAEQ,IAAI,MAAC;IACL,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,uBAAuB,EAAE,MAAM,CAAQ;IACvC,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAEA,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,aAAa,UAAS;IACtB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAChC,4BAA4B,UAAS;IAEnE,QAAQ,oBAAsB;IAC9B,cAAc,oBAAsB;IAC9C,QAAQ,UAAS;IAEjB,oBAAoB,UAAS;IAG7B,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,wBAAwB,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAG9E,4BAA4B,EAAE,SAAS,CAAC,4CAA4C,CAAC,CAAC;IAGtF,mBAAmB,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAEpE,aAAa,SAAK;IAElB,cAAc,SAAK;IACnB,SAAS,SAAM;IAEf,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,QAAQ,CAA0B;gBAGiC,yBAAyB,KAAA,EACzF,SAAS,EAAE,kBAAkB,EAC1B,mBAAmB,EAAE,mBAAmB;IAMtD,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI;IAmBxB,QAAQ,IAAI,IAAI;IAgBhB,WAAW,IAAI,IAAI;IAKZ,QAAQ,IAAI,IAAI;yCA9Gd,sBAAsB;2CAAtB,sBAAsB;4CAkIworB,OAAQ;0CAAR,OAAQ;4CAAR,OAAQ;mDAAR,OAAQ;6CAAR,OAAQ;sDAAR,OAAQ;2DAAR,OAAQ;CAhBlrrB;AAGD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAI;AACxD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAI;AACxD,qBACa,wCAAwC;yCAAxC,wCAAwC;2CAAxC,wCAAwC;CAAI;AACzD,qBACa,4CAA4C;yCAA5C,4CAA4C;2CAA5C,4CAA4C;CAAI;AAC7D,qBACa,iCAAiC;yCAAjC,iCAAiC;2CAAjC,iCAAiC;CAAI;AAClD,qBACa,mCAAmC;yCAAnC,mCAAmC;2CAAnC,mCAAmC;CAAI"}

package/eui-page/components/eui-page-footer/eui-page-footer.component.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@eui/components/shared";
 export declare class EuiPageFooterComponent {
     get cssClasses(): string;
     e2eAttr: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiPageFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageFooterComponent, "eui-page-footer", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiPageFooterComponent, "eui-page-footer", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiHighlighted": "euiHighlighted"; }; outputs: {}; }]>;
 }
 //# sourceMappingURL=eui-page-footer.component.d.ts.map

package/eui-page/components/eui-page-footer/eui-page-footer.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-page-footer.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-footer/eui-page-footer.component.ts"],"names":[],"mappings":"~~;AAEA~~,~~qBAKa~~,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CAEvB;IACsC,OAAO,SAAqB;yCAL1D,sBAAsB;2CAAtB,sBAAsB;CAMlC"}
1	+ {"version":3,"file":"eui-page-footer.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-footer/eui-page-footer.component.ts"],"names":[],"mappings":";;AAGA,qBAaa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CAEvB;IACsC,OAAO,SAAqB;yCAL1D,sBAAsB;2CAAtB,sBAAsB;CAMlC"}

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

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

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

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

package/fesm2022/eui-components-eui-chip.mjs CHANGED Viewed

@@ -75,7 +75,7 @@ var EuiChipComponent = class _EuiChipComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        class="eui-chip__icon"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        class="eui-chip__icon"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--squared{border-radius:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiChipComponent, decorators: [{
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiDisabled"
       ]
     }
-  ], template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        class="eui-chip__icon"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--squared{border-radius:0}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}\n"] }]
+  ], template: '<div class="eui-chip-wrapper">\n    <div class="eui-chip__content-container" #chipLabel>\n        <ng-content></ng-content>\n    </div>\n    <eui-icon-svg-button\n        *ngIf="isChipRemovable"\n        class="eui-chip__icon"\n        iconSvgName="eui-ecl-close"\n        iconSvgSize="s"\n        ariaLabel="Remove chip"\n        hasNoPadding\n        (keydown.enter)="onRemove($event)"\n        (keydown.backspace)="onRemove($event)"\n        (click)="onRemove($event)">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-chip{align-items:center;border-radius:var(--eui-base-spacing-l);display:inline-flex;margin-bottom:var(--eui-base-spacing-2xs);margin-right:var(--eui-base-spacing-2xs);position:relative;transition:var(--eui-base-animation-transition-base);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-chip .eui-chip-wrapper,.eui-chip .eui-chip-wrapper .eui-chip__content-container{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-xs) 0;white-space:inherit}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-avatar{transform:scale(.9);margin-left:-.75rem;margin-right:.5rem}.eui-chip .eui-chip-wrapper .eui-chip__content-container>*{align-items:center;display:flex}.eui-chip .eui-chip-wrapper .eui-chip__icon{margin-left:var(--eui-base-spacing-xs)}.eui-tab-item .eui-chip{margin-left:var(--eui-base-spacing-s)}.eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-chip{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--primary:not(.eui-chip--outline){background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-chip--primary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-chip--secondary:not(.eui-chip--outline){background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast)}.eui-chip--secondary:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-chip--info:not(.eui-chip--outline){background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-chip--info:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-chip--success:not(.eui-chip--outline){background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-chip--success:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-chip--warning:not(.eui-chip--outline){background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-chip--warning:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-chip--danger:not(.eui-chip--outline){background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-chip--danger:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-chip--accent:not(.eui-chip--outline){background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-chip--accent:not(.eui-chip--outline) .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-chip--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100);background-image:none;border:1px solid}.eui-chip--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-chip--outline.eui-chip--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-chip--outline.eui-chip--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-chip{min-height:var(--eui-base-spacing-xl);padding:0 var(--eui-base-spacing-s)}.eui-chip .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon{margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip .eui-chip__content-container .eui-flag-icon--rounded{width:calc(1.25 * var(--eui-base-spacing-m));height:calc(1.25 * var(--eui-base-spacing-m))}.eui-chip--size-xs{min-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .75rem/1.25rem var(--eui-base-font-family);padding:0 var(--eui-base-spacing-2xs)}.eui-chip--size-xs .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2)}.eui-chip--size-xs .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-xs);margin-left:0;margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(var(--eui-base-spacing-2xs) / 2);margin-right:calc(var(--eui-base-spacing-2xs) / 2);width:var(--eui-base-icon-size-xs)}.eui-chip--size-xs .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s)}.eui-chip--size-s{min-height:var(--eui-base-spacing-l);padding:0 var(--eui-base-spacing-xs)}.eui-chip--size-s .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);padding:var(--eui-base-spacing-2xs) 0}.eui-chip--size-s .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs)}.eui-chip--size-s .eui-chip__content-container eui-icon-svg{height:var(--eui-base-icon-size-s);margin-left:calc(-1 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-2xs);width:var(--eui-base-icon-size-s)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-spacing-s);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-xs);width:var(--eui-base-icon-size-xs)}.eui-chip--size-s .eui-chip__content-container .eui-flag-icon--rounded{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.eui-chip--size-l{min-height:var(--eui-base-spacing-2xl)}.eui-chip--size-l .eui-chip-wrapper .eui-chip__content-container .eui-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-chip--size-l .eui-chip__content-container .eui-icon:not(.eui-chip__remove-icon):not(.eui-flag-icon){font-size:var(--eui-base-icon-size-l);margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg{margin-left:calc(-1 * var(--eui-base-spacing-xs));margin-right:var(--eui-base-spacing-xs)}.eui-chip--size-l .eui-chip__content-container eui-icon-svg .eui-icon-svg--size-m{height:var(--eui-base-icon-size-l);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon{height:var(--eui-base-icon-size-m);margin-left:calc(-.25 * var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);width:var(--eui-base-icon-size-l)}.eui-chip--size-l .eui-chip__content-container .eui-flag-icon--rounded{margin-left:calc(-1 * var(--eui-base-spacing-2xs));width:var(--eui-base-icon-size-m)}.eui-chip--squared{border-radius:0}\n"] }]
 }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]