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

package/eui-tree-list/eui-tree-list.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, QueryList, AfterViewInit, OnChanges, SimpleChanges, ElementRef, AfterContentInit } from '@angular/core';
+import { EventEmitter, QueryList, AfterViewInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
 import { EuiTreeListItemComponent } from './eui-tree-list-item.component';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
@@ -7,9 +7,8 @@ export interface EuiTreeListFilterParams {
     readonly item: EuiTreeListItemComponent;
     readonly keyword: string;
 }
-export declare class EuiTreeListComponent implements AfterContentInit, AfterViewInit, OnChanges {
+export declare class EuiTreeListComponent implements AfterViewInit, OnChanges {
     private elementRef;
-    styleClass: string;
     get isShowToolbar(): boolean;
     set isShowToolbar(value: BooleanInput);
     get isShowToolbarToggle(): boolean;
@@ -22,10 +21,6 @@ export declare class EuiTreeListComponent implements AfterContentInit, AfterView
     collapseAllLabel: string;
     get hasItemsUrl(): boolean;
     set hasItemsUrl(value: BooleanInput);
-    get hasItemsBullet(): boolean;
-    set hasItemsBullet(value: BooleanInput);
-    get hasLeftIndent(): boolean;
-    set hasLeftIndent(value: BooleanInput);
     tabindex: string;
     ariaRole: string;
     ariaLabel: string;
@@ -43,14 +38,11 @@ export declare class EuiTreeListComponent implements AfterContentInit, AfterView
     private _isShowToolbarToggle;
     private _isExpanded;
     private _hasItemsUrl;
-    private _hasItemsBullet;
-    private _hasLeftIndent;
     constructor(elementRef: ElementRef);
-    ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onExpandAll(event: any): void;
-    onCollapseAll(event: any): void;
+    onExpandAll(event: Event): void;
+    onCollapseAll(event: Event): void;
     onFilter(filterValue: string): void;
     onFocus(): void;
     setVisibleState(state: boolean): void;
@@ -62,10 +54,6 @@ export declare class EuiTreeListComponent implements AfterContentInit, AfterView
     private defaultFilterFunction;
     private filterMatched;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EuiTreeListComponent, "eui-tree-list", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "isShowToolbar": { "alias": "isShowToolbar"; "required": false; }; "isShowToolbarToggle": { "alias": "isShowToolbarToggle"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "filterFunction": { "alias": "filterFunction"; "required": false; }; "expandAllLabel": { "alias": "expandAllLabel"; "required": false; }; "collapseAllLabel": { "alias": "collapseAllLabel"; "required": false; }; "hasItemsUrl": { "alias": "hasItemsUrl"; "required": false; }; "hasItemsBullet": { "alias": "hasItemsBullet"; "required": false; }; "hasLeftIndent": { "alias": "hasLeftIndent"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "toolbarFilterValue": { "alias": "toolbarFilterValue"; "required": false; }; "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, { "itemSelected": "itemSelected"; "filter": "filter"; "expandAll": "expandAll"; "collapseAll": "collapseAll"; }, ["items"], ["*"], false, never>;
-}
-export declare class EuiTreeListToolbarContentTagDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeListToolbarContentTagDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EuiTreeListToolbarContentTagDirective, "EuiTreeListToolbarContent", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiTreeListComponent, "eui-tree-list", never, { "isShowToolbar": { "alias": "isShowToolbar"; "required": false; }; "isShowToolbarToggle": { "alias": "isShowToolbarToggle"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "filterFunction": { "alias": "filterFunction"; "required": false; }; "expandAllLabel": { "alias": "expandAllLabel"; "required": false; }; "collapseAllLabel": { "alias": "collapseAllLabel"; "required": false; }; "hasItemsUrl": { "alias": "hasItemsUrl"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "toolbarFilterValue": { "alias": "toolbarFilterValue"; "required": false; }; "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, { "itemSelected": "itemSelected"; "filter": "filter"; "expandAll": "expandAll"; "collapseAll": "collapseAll"; }, ["items"], ["*"], false, never>;
 }
 //# sourceMappingURL=eui-tree-list.component.d.ts.map

package/eui-tree-list/eui-tree-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-tree-list.component.d.ts","sourceRoot":"","sources":["../../eui-tree-list/eui-tree-list.component.ts"],"names":[],"mappings":"AACA,OAAO,EAIH,YAAY,EAEZ,SAAS,EAGT,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,gBAAgB,EAEnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,MAAM,WAAW,uBAAuB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC5B;AAED,qBAMa,oBAAqB,YAAW,gBAAgB,EAAE,aAAa,EAAE,SAAS;IAuEvE,OAAO,CAAC,UAAU;IAtErB,UAAU,EAAE,MAAM,CAAC;IAC5B,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IACD,IACI,mBAAmB,IAAI,OAAO,CAEjC;IACD,IAAI,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAE1C;IACD,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACQ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IAClC,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,IACI,cAAc,IAAI,OAAO,CAE5B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,YAAY,EAErC;IACD,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IACQ,QAAQ,SAAO;IACf,QAAQ,SAAU;IAClB,SAAS,SAAM;IACf,kBAAkB,SAAM;IACxB,OAAO,SAAmB;IAEzB,YAAY,uBAA8B;IAC1C,MAAM,uBAA8B;IACpC,SAAS,oBAAsB;IAC/B,WAAW,oBAAsB;IAEkB,KAAK,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAEjG,QAAQ,SAAM;IACd,gBAAgB,SAAO;IACvB,OAAO,SAAM;IACpB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,oBAAoB,CAAQ;IACpC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,cAAc,CAAQ;gBAEV,UAAU,EAAE,UAAU;IAE1C,kBAAkB;IAalB,eAAe;IAgBf,WAAW,CAAC,OAAO,EAAE,aAAa;IAMlC,WAAW,CAAC,KAAK,EAAE,GAAG;IAKtB,aAAa,CAAC,KAAK,EAAE,GAAG;IAKxB,QAAQ,CAAC,WAAW,EAAE,MAAM;IAiD5B,OAAO;IAIA,eAAe,CAAC,KAAK,EAAE,OAAO;IAI9B,gBAAgB,CAAC,KAAK,EAAE,OAAO;IAI/B,KAAK;IAOL,YAAY;IAIZ,uBAAuB,CAAC,mBAAmB,EAAE,wBAAwB,GAAG,OAAO;IAmC/E,mBAAmB,CAAC,mBAAmB,EAAE,wBAAwB,GAAG,OAAO;IAuClF,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,aAAa;yCAlRZ,oBAAoB;2CAApB,oBAAoB;CAyRhC;AAED,qBACa,qCAAqC;yCAArC,qCAAqC;2CAArC,qCAAqC;CAAI"}
+{"version":3,"file":"eui-tree-list.component.d.ts","sourceRoot":"","sources":["../../eui-tree-list/eui-tree-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,YAAY,EAEZ,SAAS,EAET,aAAa,EACb,SAAS,EACT,aAAa,EACb,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,MAAM,WAAW,uBAAuB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC5B;AAED,qBAMa,oBAAqB,YAAW,aAAa,EAAE,SAAS;IAqDrD,OAAO,CAAC,UAAU;IApD9B,IACI,aAAa,IAAI,OAAO,CAE3B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,EAEpC;IACD,IACI,mBAAmB,IAAI,OAAO,CAEjC;IACD,IAAI,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAE1C;IACD,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACQ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IAClC,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACQ,QAAQ,SAAO;IACf,QAAQ,SAAU;IAClB,SAAS,SAAM;IACf,kBAAkB,SAAM;IACxB,OAAO,SAAmB;IAEzB,YAAY,uBAA8B;IAC1C,MAAM,uBAA8B;IACpC,SAAS,oBAAsB;IAC/B,WAAW,oBAAsB;IAEkB,KAAK,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAEjG,QAAQ,SAAM;IACd,gBAAgB,SAAO;IACvB,OAAO,SAAM;IACpB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,oBAAoB,CAAQ;IACpC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;gBACT,UAAU,EAAE,UAAU;IAE1C,eAAe,IAAI,IAAI;IAgBvB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK/B,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKjC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAmDnC,OAAO,IAAI,IAAI;IAIR,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIrC,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,KAAK,IAAI,IAAI;IAOb,YAAY,IAAI,IAAI;IAIpB,uBAAuB,CAAC,mBAAmB,EAAE,wBAAwB,GAAG,OAAO;IAmC/E,mBAAmB,CAAC,mBAAmB,EAAE,wBAAwB,GAAG,OAAO;IAuClF,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,aAAa;yCArPZ,oBAAoB;2CAApB,oBAAoB;CA4PhC"}

package/eui-tree-list/eui-tree-list.module.d.ts

@@ -1,14 +1,18 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./eui-tree-list.component";
 import * as i2 from "./eui-tree-list-item.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@eui/components/eui-icon";
-import * as i6 from "@eui/components/eui-label";
-import * as i7 from "@eui/components/eui-button";
+import * as i3 from "./item-content/item-content.component";
+import * as i4 from "./toolbar/toolbar.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@eui/components/eui-icon";
+import * as i8 from "@eui/components/eui-label";
+import * as i9 from "@eui/components/eui-button";
+import * as i10 from "@eui/components/eui-input-text";
+import * as i11 from "@eui/components/eui-input-group";
 export declare class EuiTreeListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiTreeListModule, [typeof i1.EuiTreeListComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemSubLabelTagDirective, typeof i2.EuiTreeListItemCustomContentTagDirective, typeof i2.EuiTreeListItemRightContentTagDirective, typeof i2.EuiTreeListItemDetailsContentTagDirective, typeof i2.EuiTreeListItemSubContainerContentTagDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.EuiIconModule, typeof i6.EuiLabelModule, typeof i7.EuiButtonModule], [typeof i1.EuiTreeListComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemSubLabelTagDirective, typeof i2.EuiTreeListItemCustomContentTagDirective, typeof i2.EuiTreeListItemRightContentTagDirective, typeof i2.EuiTreeListItemDetailsContentTagDirective, typeof i2.EuiTreeListItemSubContainerContentTagDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EuiTreeListModule, [typeof i1.EuiTreeListComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemLabelTagDirective, typeof i2.EuiTreeListItemDetailsContentTagDirective, typeof i2.EuiTreeListItemSubContainerContentTagDirective, typeof i3.EuiTreeListItemContentComponent, typeof i4.EuiTreeListToolbarComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.EuiIconModule, typeof i8.EuiLabelModule, typeof i9.EuiButtonModule, typeof i10.EuiInputTextModule, typeof i11.EuiInputGroupModule], [typeof i1.EuiTreeListComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemComponent, typeof i2.EuiTreeListItemLabelTagDirective, typeof i2.EuiTreeListItemDetailsContentTagDirective, typeof i2.EuiTreeListItemSubContainerContentTagDirective, typeof i3.EuiTreeListItemContentComponent, typeof i4.EuiTreeListToolbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EuiTreeListModule>;
 }
 //# sourceMappingURL=eui-tree-list.module.d.ts.map

package/eui-tree-list/eui-tree-list.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-tree-list.module.d.ts","sourceRoot":"","sources":["../../eui-tree-list/eui-tree-list.module.ts"],"names":[],"mappings":";;;;;;;;AAiBA,qBAuBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}
+{"version":3,"file":"eui-tree-list.module.d.ts","sourceRoot":"","sources":["../../eui-tree-list/eui-tree-list.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAmBA,qBA6Ba,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAAG"}

package/eui-tree-list/index.d.ts

@@ -1,4 +1,6 @@
 export * from './eui-tree-list.component';
 export * from './eui-tree-list-item.component';
 export * from './eui-tree-list.module';
+export * from './item-content/item-content.component';
+export * from './toolbar/toolbar.component';
 //# sourceMappingURL=index.d.ts.map

package/eui-tree-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../eui-tree-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../eui-tree-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC"}

package/eui-tree-list/item-content/item-content.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class EuiTreeListItemContentComponent {
+    string: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeListItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiTreeListItemContentComponent, "eui-tree-list-item-content", never, {}, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=item-content.component.d.ts.map

package/eui-tree-list/item-content/item-content.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-content.component.d.ts","sourceRoot":"","sources":["../../../eui-tree-list/item-content/item-content.component.ts"],"names":[],"mappings":";AAEA,qBAIa,+BAA+B;IAClB,MAAM,SAAgC;yCADnD,+BAA+B;2CAA/B,+BAA+B;CAE3C"}

package/eui-tree-list/toolbar/toolbar.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class EuiTreeListToolbarComponent implements OnInit, OnChanges {
+    get isVisible(): boolean;
+    set isVisible(value: BooleanInput);
+    filterLabel: string;
+    expandAllLabel: string;
+    collapseAllLabel: string;
+    get isFilterVisible(): boolean;
+    set isFilterVisible(value: BooleanInput);
+    get isToggleVisible(): boolean;
+    set isToggleVisible(value: BooleanInput);
+    get isToggleExpanded(): boolean;
+    set isToggleExpanded(value: BooleanInput);
+    filterValue: string;
+    get hasLabels(): boolean;
+    set hasLabels(value: BooleanInput);
+    e2eAttr: string;
+    filter: EventEmitter<string>;
+    expandAll: EventEmitter<MouseEvent>;
+    collapseAll: EventEmitter<MouseEvent>;
+    private _isVisible;
+    private _isFilterVisible;
+    private _isToggleVisible;
+    private _isToggleExpanded;
+    private _hasLabels;
+    ngOnInit(): void;
+    ngOnChanges(c: SimpleChanges): void;
+    /**
+     * @deprecated
+     * @param event
+     */
+    onFilter(): void;
+    onExpandAll(event: MouseEvent): void;
+    onCollapseAll(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiTreeListToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EuiTreeListToolbarComponent, "eui-tree-list-toolbar", never, { "isVisible": { "alias": "isVisible"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "expandAllLabel": { "alias": "expandAllLabel"; "required": false; }; "collapseAllLabel": { "alias": "collapseAllLabel"; "required": false; }; "isFilterVisible": { "alias": "isFilterVisible"; "required": false; }; "isToggleVisible": { "alias": "isToggleVisible"; "required": false; }; "isToggleExpanded": { "alias": "isToggleExpanded"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "hasLabels": { "alias": "hasLabels"; "required": false; }; "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, { "filter": "filter"; "expandAll": "expandAll"; "collapseAll": "collapseAll"; }, never, never, false, never>;
+}
+export declare class EuiUxTreeToolbarButtonsTagDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EuiUxTreeToolbarButtonsTagDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EuiUxTreeToolbarButtonsTagDirective, "EuiTreeListToolbarButtons", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=toolbar.component.d.ts.map

package/eui-tree-list/toolbar/toolbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.component.d.ts","sourceRoot":"","sources":["../../../eui-tree-list/toolbar/toolbar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAKH,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EAEhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAKa,2BAA4B,YAAW,MAAM,EAAE,SAAS;IACjE,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACQ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IAClC,IACI,eAAe,IAAI,OAAO,CAE7B;IACD,IAAI,eAAe,CAAC,KAAK,EAAE,YAAY,EAEtC;IACD,IACI,eAAe,IAAI,OAAO,CAE7B;IACD,IAAI,eAAe,CAAC,KAAK,EAAE,YAAY,EAEtC;IACD,IACI,gBAAgB,IAAI,OAAO,CAE9B;IACD,IAAI,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAEvC;IACQ,WAAW,EAAE,MAAM,CAAM;IAClC,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACQ,OAAO,EAAE,MAAM,CAA2B;IACzC,MAAM,uBAA8B;IAEpC,SAAS,2BAAkC;IAC3C,WAAW,2BAAkC;IACvD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,gBAAgB,CAAiB;IACzC,OAAO,CAAC,gBAAgB,CAAiB;IACzC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,UAAU,CAAiB;IAEnC,QAAQ,IAAI,IAAI;IAMhB,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMnC;;;OAGG;IAEI,QAAQ,IAAI,IAAI;IAWhB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKpC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCApFpC,2BAA2B;2CAA3B,2BAA2B;CAwFvC;AAED,qBACa,mCAAmC;yCAAnC,mCAAmC;2CAAnC,mCAAmC;CAAI"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"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} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\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    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    @Input() id: string;\n\n    @Input()\n    get euiBasicButton(): boolean {\n        return this._euiBasicButton;\n    }\n    set euiBasicButton(value: BooleanInput) {\n        this._euiBasicButton = coerceBooleanProperty(value);\n    }\n    private _euiBasicButton = false;\n\n    @Input()\n    get euiButtonCall(): boolean {\n        return this._euiButtonCall;\n    }\n    set euiButtonCall(value: BooleanInput) {\n        this._euiButtonCall = coerceBooleanProperty(value);\n    }\n    private _euiButtonCall = false;\n\n    @Input()\n    get euiBlockButton(): boolean {\n        return this._euiBlockButton;\n    }\n    set euiBlockButton(value: BooleanInput) {\n        this._euiBlockButton = coerceBooleanProperty(value);\n    }\n    private _euiBlockButton = false;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    @Input()\n    get euiIconButton(): boolean {\n        return this._euiIconButton;\n    }\n    set euiIconButton(value: BooleanInput) {\n        this._euiIconButton = coerceBooleanProperty(value);\n    }\n    private _euiIconButton = false;\n\n    @Input()\n    get euiLineWrap(): boolean {\n        return this._euiLineWrap;\n    }\n    set euiLineWrap(value: BooleanInput) {\n        this._euiLineWrap = coerceBooleanProperty(value);\n    }\n    private _euiLineWrap = false;\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.euiDisabled\n                ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n                : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon [isLoading]=\"true\"></eui-icon>\n    </span>\n    <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"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} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\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    @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n    @Input() id: string;\n\n    @Input()\n    get euiBasicButton(): boolean {\n        return this._euiBasicButton;\n    }\n    set euiBasicButton(value: BooleanInput) {\n        this._euiBasicButton = coerceBooleanProperty(value);\n    }\n    private _euiBasicButton = false;\n\n    @Input()\n    get euiButtonCall(): boolean {\n        return this._euiButtonCall;\n    }\n    set euiButtonCall(value: BooleanInput) {\n        this._euiButtonCall = coerceBooleanProperty(value);\n    }\n    private _euiButtonCall = false;\n\n    @Input()\n    get euiBlockButton(): boolean {\n        return this._euiBlockButton;\n    }\n    set euiBlockButton(value: BooleanInput) {\n        this._euiBlockButton = coerceBooleanProperty(value);\n    }\n    private _euiBlockButton = false;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    @Input()\n    get euiIconButton(): boolean {\n        return this._euiIconButton;\n    }\n    set euiIconButton(value: BooleanInput) {\n        this._euiIconButton = coerceBooleanProperty(value);\n    }\n    private _euiIconButton = false;\n\n    @Input()\n    get euiLineWrap(): boolean {\n        return this._euiLineWrap;\n    }\n    set euiLineWrap(value: BooleanInput) {\n        this._euiLineWrap = coerceBooleanProperty(value);\n    }\n    private _euiLineWrap = false;\n\n    constructor(\n        protected _renderer: Renderer2,\n        protected _elementRef: ElementRef<HTMLButtonElement>,\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['euiDisabled']) {\n            this.euiDisabled\n                ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n                : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.buttonClick.emit(this);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiLabelModule],\n    declarations: [EuiButtonComponent],\n    exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n    <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n        <eui-icon [isLoading]=\"true\"></eui-icon>\n    </span>\n    <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-date-range-selector.mjs

@@ -205,11 +205,11 @@ class EuiDateRangeSelectorComponent {
         this.propagateTouched = fn;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3.DateAdapter }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: "islongDateFormat", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <mat-date-range-input\n        [class.mat-date-range-input--read-only]=\"isReadOnly\"\n        [class.mat-date-range-input--disabled]=\"isDisabled\"\n        [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n        [rangePicker]=\"picker\"\n        [min]=\"minDate\"\n        [max]=\"maxDate\"\n        [comparisonStart]=\"comparisonStart\"\n        [comparisonEnd]=\"comparisonEnd\">\n        <input\n            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.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: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: "islongDateFormat", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <mat-date-range-input\n        [class.mat-date-range-input--read-only]=\"isReadOnly\"\n        [class.mat-date-range-input--disabled]=\"isDisabled\"\n        [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n        [rangePicker]=\"picker\"\n        [min]=\"minDate\"\n        [max]=\"maxDate\"\n        [comparisonStart]=\"comparisonStart\"\n        [comparisonEnd]=\"comparisonEnd\">\n        <input\n            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.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: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <mat-date-range-input\n        [class.mat-date-range-input--read-only]=\"isReadOnly\"\n        [class.mat-date-range-input--disabled]=\"isDisabled\"\n        [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n        [rangePicker]=\"picker\"\n        [min]=\"minDate\"\n        [max]=\"maxDate\"\n        [comparisonStart]=\"comparisonStart\"\n        [comparisonEnd]=\"comparisonEnd\">\n        <input\n            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"] }]
+            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"eui-date-range-selector {{ styleClass }}\"\n    attr.data-e2e=\"{{ e2eAttr }}\"\n    [class.eui-date-range-selector--responsive]=\"isResponsive\">\n    <mat-date-range-input\n        [class.mat-date-range-input--read-only]=\"isReadOnly\"\n        [class.mat-date-range-input--disabled]=\"isDisabled\"\n        [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n        [rangePicker]=\"picker\"\n        [min]=\"minDate\"\n        [max]=\"maxDate\"\n        [comparisonStart]=\"comparisonStart\"\n        [comparisonEnd]=\"comparisonEnd\">\n        <input\n            class=\"eui-date-range-selector__start-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matStartDate\n            placeholder=\"{{ firstInputPlaceholder }}\"\n            attr.aria-label=\"{{ firstInputAriaLabel }}\"\n            [formControl]=\"startRangeFormControl\"\n            (dateInput)=\"onFirstDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n        <input\n            class=\"eui-date-range-selector__end-date\"\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            matEndDate\n            placeholder=\"{{ secondInputPlaceholder }}\"\n            attr.aria-label=\"{{ secondInputAriaLabel }}\"\n            [formControl]=\"endRangeFormControl\"\n            (dateInput)=\"onSecondDateChange($event)\"\n            [euiClearable]=\"isClearable\" />\n    </mat-date-range-input>\n    <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n    <button\n        *ngIf=\"!isReadOnly\"\n        class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n        (click)=\"picker.open()\"\n        euiButton\n        euiSecondary\n        euiIconButton\n        type=\"button\"\n        [euiDisabled]=\"isDisabled\"\n        aria-haspopup=\"dialog\">\n        <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n        <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n            <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n        </ng-container>\n        <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n    </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;min-width:calc(15 * var(--eui-base-spacing-m));width:100%}.eui-date-range-selector--responsive.eui-date-range-selector--clearable{min-width:calc(18 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;-webkit-appearance:none;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
                     type: Optional
                 }] }, { type: i3.DateAdapter }, { type: i4.NgControl, decorators: [{