@eui/components 18.0.0-next.22 → 18.0.0-next.23

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-alert/components/eui-alert-title.component.ts", "../../eui-alert/eui-alert.component.ts", "../../eui-alert/eui-alert.component.html", "../../eui-alert/eui-alert.module.ts"],
-  "sourcesContent": ["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    styleUrl: './eui-alert-title.component.scss',\n})\nexport class EuiAlertTitleComponent {\n    // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n    @HostBinding('class') class = 'eui-alert-title';\n}\n", "// -------\n// IMPORTS\n// -------\n\n// Angular\nimport {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\n// 3rd party\nimport * as uuid from 'uuid';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n// --------------\n// MAIN COMPONENT\n// --------------\n@Component({\n    templateUrl: './eui-alert.component.html', // respect component name convention\n    selector: 'div[euiAlert], eui-alert', // if needed multi selectors\n    styleUrl: './styles/_index.scss', // respect styles/_index.scss only import\n    changeDetection: ChangeDetectionStrategy.OnPush, // OnPush by default for all\n\n    // use of baseStatesDirective : defined here what the component needs as base props => reflected in styles / states.scss\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                // important to add the variant per type : euiVariant for colors / euiSizeVariant for sizes\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    // class binding ALWAYS first (for binding against the baseStateDiretive)\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            // Always refer to the baseStatesDirective\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n\n            // own cmp state => reflected with the scss states\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    // a11y bindings, ideally always on the host side / never in the sub wrapper within the HTML,\n    // cleaner and also attacking the host DOM element rather than its children\n    @HostBinding('attr.role') role = 'alert';\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n\n    // for e2e unique attr to be defined / pass as input\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    // component own states\n    // conventions if boolean : is / has prefix\n    // new v17 usage of transform / act like coerce and included in Angular natively now\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n\n    // Output event definition\n    // convention : verb(present)Component\n    @Output() closeAlert = new EventEmitter<null>();\n\n    // contentChild def / viewChild defs if needed\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    // public variables used in the template\n    isVisible = true;\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    // CONSTRUCTOR\n    // -----------\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    // HOOKS\n    // -----\n    ngOnInit(): void {\n        this.uniqueId = uuid.v4();\n    }\n\n    // PUBLIC FUNCTIONS FROM TEMPLATE\n    // ------------------------------\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit();\n    }\n\n    // PRIVATES\n    // --------\n\n}\n", "@if (!isMuted) {\n    <div class=\"eui-alert__type-container\">\n        @if (baseStatesDirective.euiSuccess) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" fillColor=\"success-100\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiWarning) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" fillColor=\"warning-100\"></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiDanger) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n        }\n        @else {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" fillColor=\"info-100\"></eui-icon-svg>\n    }\n    </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n    @if (alertTitle) {\n        <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n    } @else {\n        <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n    }\n</div>\n\n<ng-template #contentWithTitle>\n    <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n    <div class=\"eui-alert__content-header\">\n        <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n</ng-template>\n\n<ng-template #closeButton>\n    <div class=\"eui-alert__close\">\n        <button *ngIf=\"isCloseable\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiSizeS\n                aria-label=\"Close alert button\"\n                class=\"eui-alert__close-button\"\n                (click)=\"onCloseClick()\">\n            <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n            <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <div [class.eui-alert__content--with-title]=\"alertTitle\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", "// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Component, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'eui-alert-title',\n    template: '<ng-content></ng-content>',\n    styleUrl: './eui-alert-title.component.scss',\n})\nexport class EuiAlertTitleComponent {\n    // host binding class assignment for the content directive, avoiding extra DOM templates wrapper\n    @HostBinding('class') class = 'eui-alert-title';\n}\n", "// -------\n// IMPORTS\n// -------\n\n// Angular\nimport {\n    Component,\n    HostBinding,\n    EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    Output,\n    OnInit,\n    ContentChild,\n    forwardRef,\n    QueryList,\n    booleanAttribute,\n} from '@angular/core';\n\n// 3rd party\nimport * as uuid from 'uuid';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\n// --------------\n// MAIN COMPONENT\n// --------------\n@Component({\n    templateUrl: './eui-alert.component.html', // respect component name convention\n    selector: 'div[euiAlert], eui-alert', // if needed multi selectors\n    styleUrl: './styles/_index.scss', // respect styles/_index.scss only import\n    changeDetection: ChangeDetectionStrategy.OnPush, // OnPush by default for all\n\n    // use of baseStatesDirective : defined here what the component needs as base props => reflected in styles / states.scss\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                // important to add the variant per type : euiVariant for colors / euiSizeVariant for sizes\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiAlertComponent implements OnInit {\n    // class binding ALWAYS first (for binding against the baseStateDiretive)\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            // Always refer to the baseStatesDirective\n            this.baseStatesDirective.getCssClasses('eui-alert'),\n\n            // own cmp state => reflected with the scss states\n            this.isMuted ? 'eui-alert--muted' : '',\n            this.isFocusable ? 'eui-alert--focusable' : '',\n            !this.isVisible ? 'eui-alert--hidden' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    // a11y bindings, ideally always on the host side / never in the sub wrapper within the HTML,\n    // cleaner and also attacking the host DOM element rather than its children\n    @HostBinding('attr.role') role = 'alert';\n    @HostBinding('attr.aria-describedby')\n    @Input()\n    get ariaDescribedBy(): string {\n        return `alertContent-${this.uniqueId}`;\n    }\n    @HostBinding('attr.tabindex')\n    get tabindex(): string {\n        return this.isFocusable ? '0' : '-1';\n    }\n\n    // for e2e unique attr to be defined / pass as input\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-alert';\n\n    // component own states\n    // conventions if boolean : is / has prefix\n    // new v17 usage of transform / act like coerce and included in Angular natively now\n    @Input({ transform: booleanAttribute }) isMuted = false;\n    @Input({ transform: booleanAttribute }) isCloseable = false;\n    @Input({ transform: booleanAttribute }) isFocusable = false;\n\n    // Output event definition\n    // convention : verb(present)Component\n    @Output() closeAlert = new EventEmitter<null>();\n\n    // contentChild def / viewChild defs if needed\n    @ContentChild(forwardRef(() => EuiAlertTitleComponent), { static: false }) alertTitle: QueryList<EuiAlertTitleComponent>;\n\n    // public variables used in the template\n    isVisible = true;\n    alertIconType: string;\n    alertIconFillColor: string;\n\n    private uniqueId: string;\n\n    // CONSTRUCTOR\n    // -----------\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    // HOOKS\n    // -----\n    ngOnInit(): void {\n        this.uniqueId = uuid.v4();\n    }\n\n    // PUBLIC FUNCTIONS FROM TEMPLATE\n    // ------------------------------\n    onCloseClick(): void {\n        this.isVisible = false;\n        this.closeAlert.emit();\n    }\n\n    // PRIVATES\n    // --------\n\n}\n", "@if (!isMuted) {\n    <div class=\"eui-alert__type-container\">\n        @if (baseStatesDirective.euiSuccess) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-check-filled\" euiSuccess euiSizeS></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiWarning) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-warning\" euiWarning euiSizeS></eui-icon-svg>\n        }\n        @else if (baseStatesDirective.euiDanger) {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-error\" euiDanger euiSizeS></eui-icon-svg>\n        }\n        @else {\n        <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"eui-ecl-information\" euiInfo euiSizeS></eui-icon-svg>\n    }\n    </div>\n}\n\n<div id=\"{{ ariaDescribedBy }}\" class=\"eui-alert__content\">\n    @if (alertTitle) {\n        <ng-template *ngTemplateOutlet=\"contentWithTitle\"></ng-template>\n    } @else {\n        <ng-template *ngTemplateOutlet=\"contentNoTitle\"></ng-template>\n    }\n</div>\n\n<ng-template #contentWithTitle>\n    <div class=\"eui-alert__content-header eui-alert__content-header--with-title\">\n        <ng-content select=\"eui-alert-title\"></ng-content>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</ng-template>\n\n<ng-template #contentNoTitle>\n    <div class=\"eui-alert__content-header\">\n        <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        <ng-template *ngTemplateOutlet=\"closeButton\"></ng-template>\n    </div>\n</ng-template>\n\n<ng-template #closeButton>\n    <div class=\"eui-alert__close\">\n        <button *ngIf=\"isCloseable\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiSizeS\n                aria-label=\"Close alert button\"\n                class=\"eui-alert__close-button\"\n                (click)=\"onCloseClick()\">\n            <span euiLabel class=\"eui-alert__close-label\">{{ 'eui.CLOSE' | translate }}</span>\n            <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-ecl-close\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <div [class.eui-alert__content--with-title]=\"alertTitle\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n", "// Angular\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n// 3rd party\nimport { TranslateModule } from '@ngx-translate/core';\n\n// eUI internals\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nconst EUI_MODULES = [\n    EuiIconModule, EuiLabelModule, EuiButtonModule,\n];\n\n// component internals\nimport { EuiAlertComponent } from './eui-alert.component';\nimport { EuiAlertTitleComponent } from './components/eui-alert-title.component';\n\nconst COMPONENTS = [\n    EuiAlertComponent, EuiAlertTitleComponent,\n];\n\n// component main module\n@NgModule({\n    imports: [\n        // Angular and 3rd party\n        CommonModule, TranslateModule,\n        // eUI internals\n        BaseStatesDirective,\n        ...EUI_MODULES,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\n// Always same naming convention for all : Eui[CMP_NAME]Module\nexport class EuiAlertModule {}\n"],
+  "mappings": "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",
   "names": ["Component", "HostBinding", "i0", "BaseStatesDirective"]
 }

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

@@ -0,0 +1,110 @@
+// eui-button-v2.component.mjs
+import { NgModule, Component, HostBinding, HostListener, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { EuiIconModule } from "@eui/components/eui-icon";
+import { BaseDirective } from "@eui/components/shared";
+import { EuiLabelModule } from "@eui/components/eui-label";
+import * as i0 from "@angular/core";
+var EuiButtonV2Component = class _EuiButtonV2Component extends BaseDirective {
+  get cssClasses() {
+    return [
+      this.euiBasicButton ? "eui-button-v2--basic" : "",
+      this.euiBlockButton ? "eui-button-v2--block" : "",
+      this.isLoading ? "eui-button-v2--loading" : "",
+      this.euiIconButton ? "eui-button-v2--icon-only" : "",
+      this.euiLineWrap ? "eui-button-v2--line-wrap" : "",
+      super.getCssClasses("eui-button-v2")
+    ].join(" ").trim();
+  }
+  constructor(_renderer, _elementRef) {
+    super();
+    this._renderer = _renderer;
+    this._elementRef = _elementRef;
+    this.e2eAttr = "eui-button-v2";
+    this.euiBasicButton = false;
+    this.euiButtonCall = false;
+    this.euiBlockButton = false;
+    this.isLoading = false;
+    this.euiIconButton = false;
+    this.euiLineWrap = false;
+    this.buttonClick = new EventEmitter();
+  }
+  ngOnChanges(changes) {
+    if (changes && changes["euiDisabled"]) {
+      this.euiDisabled ? this._renderer.setAttribute(this._elementRef.nativeElement, "disabled", "true") : this._renderer.removeAttribute(this._elementRef.nativeElement, "disabled");
+    }
+  }
+  onClick() {
+    this.buttonClick.emit(this);
+  }
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonV2Component, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiButtonV2Component, selector: "button[euiButtonV2], a[euiButtonV2]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<!-- <span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span> -->\n\n<ng-content></ng-content>\n', styles: ['.eui-button-v2{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button-v2:active,.eui-button-v2:focus-visible,.eui-button-v2:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button-v2:active .eui-icon-svg svg,.eui-button-v2:focus-visible .eui-icon-svg svg,.eui-button-v2:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--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-v2--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button-v2--primary:active,.eui-button-v2--primary:focus-visible,.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button-v2--primary:active .eui-icon-svg svg,.eui-button-v2--primary:focus-visible .eui-icon-svg svg,.eui-button-v2--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button-v2--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button-v2--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button-v2--secondary:active,.eui-button-v2--secondary:focus-visible,.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--secondary:active .eui-icon-svg svg,.eui-button-v2--secondary:focus-visible .eui-icon-svg svg,.eui-button-v2--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--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-v2--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button-v2--info:active,.eui-button-v2--info:focus-visible,.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button-v2--info:active .eui-icon-svg svg,.eui-button-v2--info:focus-visible .eui-icon-svg svg,.eui-button-v2--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button-v2--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-v2--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button-v2--success:active,.eui-button-v2--success:focus-visible,.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button-v2--success:active .eui-icon-svg svg,.eui-button-v2--success:focus-visible .eui-icon-svg svg,.eui-button-v2--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button-v2--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-v2--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button-v2--warning:active,.eui-button-v2--warning:focus-visible,.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button-v2--warning:active .eui-icon-svg svg,.eui-button-v2--warning:focus-visible .eui-icon-svg svg,.eui-button-v2--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button-v2--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-v2--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button-v2--danger:active,.eui-button-v2--danger:focus-visible,.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button-v2--danger:active .eui-icon-svg svg,.eui-button-v2--danger:focus-visible .eui-icon-svg svg,.eui-button-v2--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button-v2--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button-v2--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button-v2--accent:active,.eui-button-v2--accent:focus-visible,.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button-v2--accent:active .eui-icon-svg svg,.eui-button-v2--accent:focus-visible .eui-icon-svg svg,.eui-button-v2--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button-v2--accent:active,.eui-button-v2--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button-v2--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button-v2--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--basic:active,.eui-button-v2--basic:focus-visible,.eui-button-v2--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button-v2--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button-v2--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button-v2--basic.eui-button--primary:active,.eui-button-v2--basic.eui-button--primary:focus-visible,.eui-button-v2--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button-v2--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button-v2--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--basic.eui-button--secondary:active,.eui-button-v2--basic.eui-button--secondary:focus-visible,.eui-button-v2--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button-v2--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button-v2--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button-v2--basic.eui-button--info:active,.eui-button-v2--basic.eui-button--info:focus-visible,.eui-button-v2--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button-v2--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button-v2--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button-v2--basic.eui-button--success:active,.eui-button-v2--basic.eui-button--success:focus-visible,.eui-button-v2--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button-v2--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button-v2--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button-v2--basic.eui-button--warning:active,.eui-button-v2--basic.eui-button--warning:focus-visible,.eui-button-v2--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button-v2--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button-v2--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button-v2--basic.eui-button--danger:active,.eui-button-v2--basic.eui-button--danger:focus-visible,.eui-button-v2--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button-v2--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button-v2--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button-v2--basic.eui-button--accent:active,.eui-button-v2--basic.eui-button--accent:focus-visible,.eui-button-v2--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button-v2--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button-v2--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--outline:active,.eui-button-v2--outline:focus-visible,.eui-button-v2--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--outline:active .eui-icon-svg svg,.eui-button-v2--outline:focus-visible .eui-icon-svg svg,.eui-button-v2--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--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-v2--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button-v2--outline.eui-button--primary:active,.eui-button-v2--outline.eui-button--primary:focus-visible,.eui-button-v2--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button-v2--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--primary:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--outline.eui-button--secondary:active,.eui-button-v2--outline.eui-button--secondary:focus-visible,.eui-button-v2--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--secondary:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button-v2--outline.eui-button--info:active,.eui-button-v2--outline.eui-button--info:focus-visible,.eui-button-v2--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button-v2--outline.eui-button--info:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--info:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button-v2--outline.eui-button--success:active,.eui-button-v2--outline.eui-button--success:focus-visible,.eui-button-v2--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button-v2--outline.eui-button--success:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--success:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button-v2--outline.eui-button--warning:active,.eui-button-v2--outline.eui-button--warning:focus-visible,.eui-button-v2--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button-v2--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--warning:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button-v2--outline.eui-button--danger:active,.eui-button-v2--outline.eui-button--danger:focus-visible,.eui-button-v2--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button-v2--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--danger:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button-v2--outline.eui-button--accent:active,.eui-button-v2--outline.eui-button--accent:focus-visible,.eui-button-v2--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button-v2--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--accent:focus-visible .eui-icon-svg svg,.eui-button-v2--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)}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  }
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonV2Component, decorators: [{
+  type: Component,
+  args: [{ selector: "button[euiButtonV2], a[euiButtonV2]", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<!-- <span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span> -->\n\n<ng-content></ng-content>\n', styles: ['.eui-button-v2{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-button-v2:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2 [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-1px!important;transition:none!important}.eui-button-v2{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button-v2:active,.eui-button-v2:focus-visible,.eui-button-v2:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button-v2:active .eui-icon-svg svg,.eui-button-v2:focus-visible .eui-icon-svg svg,.eui-button-v2:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--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-v2--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button-v2--primary:active,.eui-button-v2--primary:focus-visible,.eui-button-v2--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button-v2--primary:active .eui-icon-svg svg,.eui-button-v2--primary:focus-visible .eui-icon-svg svg,.eui-button-v2--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button-v2--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button-v2--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button-v2--secondary:active,.eui-button-v2--secondary:focus-visible,.eui-button-v2--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--secondary:active .eui-icon-svg svg,.eui-button-v2--secondary:focus-visible .eui-icon-svg svg,.eui-button-v2--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--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-v2--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button-v2--info:active,.eui-button-v2--info:focus-visible,.eui-button-v2--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button-v2--info:active .eui-icon-svg svg,.eui-button-v2--info:focus-visible .eui-icon-svg svg,.eui-button-v2--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button-v2--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-v2--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button-v2--success:active,.eui-button-v2--success:focus-visible,.eui-button-v2--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button-v2--success:active .eui-icon-svg svg,.eui-button-v2--success:focus-visible .eui-icon-svg svg,.eui-button-v2--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button-v2--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-v2--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button-v2--warning:active,.eui-button-v2--warning:focus-visible,.eui-button-v2--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button-v2--warning:active .eui-icon-svg svg,.eui-button-v2--warning:focus-visible .eui-icon-svg svg,.eui-button-v2--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button-v2--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-v2--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button-v2--danger:active,.eui-button-v2--danger:focus-visible,.eui-button-v2--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button-v2--danger:active .eui-icon-svg svg,.eui-button-v2--danger:focus-visible .eui-icon-svg svg,.eui-button-v2--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button-v2--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button-v2--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button-v2--accent:active,.eui-button-v2--accent:focus-visible,.eui-button-v2--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button-v2--accent:active .eui-icon-svg svg,.eui-button-v2--accent:focus-visible .eui-icon-svg svg,.eui-button-v2--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button-v2--accent:active,.eui-button-v2--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button-v2--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button-v2--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--basic:active,.eui-button-v2--basic:focus-visible,.eui-button-v2--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button-v2--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button-v2--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button-v2--basic.eui-button--primary:active,.eui-button-v2--basic.eui-button--primary:focus-visible,.eui-button-v2--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button-v2--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button-v2--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--basic.eui-button--secondary:active,.eui-button-v2--basic.eui-button--secondary:focus-visible,.eui-button-v2--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button-v2--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button-v2--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button-v2--basic.eui-button--info:active,.eui-button-v2--basic.eui-button--info:focus-visible,.eui-button-v2--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button-v2--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button-v2--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button-v2--basic.eui-button--success:active,.eui-button-v2--basic.eui-button--success:focus-visible,.eui-button-v2--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button-v2--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button-v2--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button-v2--basic.eui-button--warning:active,.eui-button-v2--basic.eui-button--warning:focus-visible,.eui-button-v2--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button-v2--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button-v2--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button-v2--basic.eui-button--danger:active,.eui-button-v2--basic.eui-button--danger:focus-visible,.eui-button-v2--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button-v2--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button-v2--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button-v2--basic.eui-button--accent:active,.eui-button-v2--basic.eui-button--accent:focus-visible,.eui-button-v2--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button-v2--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button-v2--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--outline:active,.eui-button-v2--outline:focus-visible,.eui-button-v2--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--outline:active .eui-icon-svg svg,.eui-button-v2--outline:focus-visible .eui-icon-svg svg,.eui-button-v2--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button-v2--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-v2--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button-v2--outline.eui-button--primary:active,.eui-button-v2--outline.eui-button--primary:focus-visible,.eui-button-v2--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button-v2--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--primary:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button-v2--outline.eui-button--secondary:active,.eui-button-v2--outline.eui-button--secondary:focus-visible,.eui-button-v2--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button-v2--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--secondary:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button-v2--outline.eui-button--info:active,.eui-button-v2--outline.eui-button--info:focus-visible,.eui-button-v2--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button-v2--outline.eui-button--info:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--info:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button-v2--outline.eui-button--success:active,.eui-button-v2--outline.eui-button--success:focus-visible,.eui-button-v2--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button-v2--outline.eui-button--success:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--success:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button-v2--outline.eui-button--warning:active,.eui-button-v2--outline.eui-button--warning:focus-visible,.eui-button-v2--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button-v2--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--warning:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button-v2--outline.eui-button--danger:active,.eui-button-v2--outline.eui-button--danger:focus-visible,.eui-button-v2--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button-v2--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--danger:focus-visible .eui-icon-svg svg,.eui-button-v2--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-v2--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-v2--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button-v2--outline.eui-button--accent:active,.eui-button-v2--outline.eui-button--accent:focus-visible,.eui-button-v2--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button-v2--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button-v2--outline.eui-button--accent:focus-visible .eui-icon-svg svg,.eui-button-v2--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)}\n'] }]
+}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
+  type: HostBinding,
+  args: ["class"]
+}], e2eAttr: [{
+  type: HostBinding,
+  args: ["attr.data-e2e"]
+}, {
+  type: Input
+}], id: [{
+  type: HostBinding,
+  args: ["attr.id"]
+}, {
+  type: Input
+}], euiBasicButton: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiButtonCall: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiBlockButton: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], isLoading: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiIconButton: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], euiLineWrap: [{
+  type: Input,
+  args: [{ transform: booleanAttribute }]
+}], buttonClick: [{
+  type: Output
+}], onClick: [{
+  type: HostListener,
+  args: ["click"]
+}] } });
+var EuiButtonV2Module = class _EuiButtonV2Module {
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+  }
+  static {
+    this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonV2Module, declarations: [EuiButtonV2Component], imports: [CommonModule, EuiIconModule, EuiLabelModule], exports: [EuiButtonV2Component] });
+  }
+  static {
+    this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonV2Module, imports: [CommonModule, EuiIconModule, EuiLabelModule] });
+  }
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonV2Module, decorators: [{
+  type: NgModule,
+  args: [{
+    imports: [CommonModule, EuiIconModule, EuiLabelModule],
+    declarations: [EuiButtonV2Component],
+    exports: [EuiButtonV2Component]
+  }]
+}] });
+export {
+  EuiButtonV2Component,
+  EuiButtonV2Module
+};
+//# sourceMappingURL=eui-components-eui-button-v2.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../eui-button-v2/eui-button-v2.component.ts", "../../eui-button-v2/eui-button-v2.component.html"],
+  "sourcesContent": ["import {\n    NgModule,\n    Component,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    SimpleChanges,\n    OnChanges,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-button-v2.component.html',\n    // eslint-disable-next-line\n    selector: 'button[euiButtonV2], a[euiButtonV2]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonV2Component extends BaseDirective implements OnChanges {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.euiBasicButton ? 'eui-button-v2--basic' : '',\n            this.euiBlockButton ? 'eui-button-v2--block' : '',\n            this.isLoading ? 'eui-button-v2--loading' : '',\n            this.euiIconButton ? 'eui-button-v2--icon-only' : '',\n            this.euiLineWrap ? 'eui-button-v2--line-wrap' : '',\n            super.getCssClasses('eui-button-v2'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button-v2';\n\n    @HostBinding('attr.id')\n    @Input() id: string;\n\n    @Input({ transform: booleanAttribute }) euiBasicButton = false;\n    @Input({ transform: booleanAttribute }) euiButtonCall = false;\n    @Input({ transform: booleanAttribute }) euiBlockButton = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) euiIconButton = false;\n    @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n    @Output() buttonClick: EventEmitter<EuiButtonV2Component> = new EventEmitter<EuiButtonV2Component>();\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.euiDisabled\n                ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n                : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonV2Component],\n    exports: [EuiButtonV2Component],\n})\nexport class EuiButtonV2Module {}\n", "<!-- <span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon-svg [isLoading]=\"true\"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span> -->\n\n<ng-content></ng-content>\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -43,7 +43,7 @@ var EuiButtonComponent = class _EuiButtonComponent extends BaseDirective {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<span class="eui-button__container">\n    <span *ngIf="isLoading" class="eui-button__loading-icon">\n        <eui-icon-svg [isLoading]="true"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span>\n', styles: ['.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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiButtonComponent, decorators: [{

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-button/eui-button.component.ts", "../../eui-button/eui-button.component.html"],
   "sourcesContent": ["import {\n    NgModule,\n    Component,\n    HostBinding,\n    HostListener,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    SimpleChanges,\n    OnChanges,\n    Renderer2,\n    ElementRef,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-button.component.html',\n    // eslint-disable-next-line\n    selector: 'button[euiButton], a[euiButton]',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonComponent extends BaseDirective implements OnChanges {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.euiBasicButton ? 'eui-button--basic' : '',\n            this.euiBlockButton ? 'eui-button--block' : '',\n            this.isLoading ? 'eui-button--loading' : '',\n            this.euiIconButton ? 'eui-button--icon-only' : '',\n            this.euiLineWrap ? 'eui-button--line-wrap' : '',\n            super.getCssClasses('eui-button'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n    @HostBinding('attr.id')\n    @Input() id: string;\n\n    @Input({ transform: booleanAttribute }) euiBasicButton = false;\n    @Input({ transform: booleanAttribute }) euiButtonCall = false;\n    @Input({ transform: booleanAttribute }) euiBlockButton = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) euiIconButton = false;\n    @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.euiDisabled\n                ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n                : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n", "<span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon-svg [isLoading]=\"true\"></eui-icon-svg>\n    </span>\n    <ng-content></ng-content>\n</span>\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -190,7 +190,7 @@ var EuiCardHeaderComponent = class _EuiCardHeaderComponent {
 <ng-template #rightContent>
     <ng-content select="eui-card-header-right-content"></ng-content>
 </ng-template>
-`, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
+`, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiCardHeaderComponent, decorators: [{
@@ -567,7 +567,7 @@ var EuiCardFooterMenuContentComponent = class _EuiCardFooterMenuContentComponent
     this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: _EuiCardFooterMenuContentComponent, deps: [], target: i012.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiCardFooterMenuContentComponent, selector: "eui-card-footer-menu-content", inputs: { tooltipText: "tooltipText" }, host: { properties: { "class": "this.string" } }, ngImport: i012, template: '<eui-dropdown>\n    <button\n        euiButton\n        euiRounded\n        euiIconButton\n        euiBasicButton\n        euiSecondary\n        type="button"\n        euiTooltip="{{ tooltipText }}"\n        [attr.aria-label]="tooltipText">\n        <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg>\n    </button>\n    <eui-dropdown-content>\n        <ng-content></ng-content>\n    </eui-dropdown-content>\n</eui-dropdown>\n', dependencies: [{ kind: "component", type: i12.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i23.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i32.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i32.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i42.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i012.ChangeDetectionStrategy.OnPush, encapsulation: i012.ViewEncapsulation.None });
+    this.ɵcmp = i012.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiCardFooterMenuContentComponent, selector: "eui-card-footer-menu-content", inputs: { tooltipText: "tooltipText" }, host: { properties: { "class": "this.string" } }, ngImport: i012, template: '<eui-dropdown>\n    <button\n        euiButton\n        euiRounded\n        euiIconButton\n        euiBasicButton\n        euiSecondary\n        type="button"\n        euiTooltip="{{ tooltipText }}"\n        [attr.aria-label]="tooltipText">\n        <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg>\n    </button>\n    <eui-dropdown-content>\n        <ng-content></ng-content>\n    </eui-dropdown-content>\n</eui-dropdown>\n', dependencies: [{ kind: "component", type: i12.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"] }, { kind: "component", type: i23.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i32.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "isClosedOnClickInside", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled"] }, { kind: "directive", type: i32.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "directive", type: i42.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i012.ChangeDetectionStrategy.OnPush, encapsulation: i012.ViewEncapsulation.None });
   }
 };
 i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i012, type: EuiCardFooterMenuContentComponent, decorators: [{