@eui/components 17.0.1-snapshot-1701185079748 → 17.0.1-snapshot-1701254423874

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/directives/eui-smooth-scroll.directive.d.ts +0 -1
  2. package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
  3. package/docs/components/EuiAppTopMessageComponent.html +24 -0
  4. package/docs/components/EuiButtonComponent.html +24 -0
  5. package/docs/components/EuiButtonsComponent.html +25 -1
  6. package/docs/components/EuiCardComponent.html +24 -0
  7. package/docs/components/EuiChipComponent.html +24 -0
  8. package/docs/components/EuiChipListComponent.html +24 -0
  9. package/docs/components/EuiDatepickerComponent.html +24 -0
  10. package/docs/components/EuiDialogComponent.html +37 -0
  11. package/docs/components/EuiDropdownComponent.html +24 -0
  12. package/docs/components/EuiFeedbackMessageComponent.html +24 -0
  13. package/docs/components/EuiFooterComponent.html +24 -0
  14. package/docs/components/EuiIconComponent.html +24 -0
  15. package/docs/components/EuiIconSvgComponent.html +24 -0
  16. package/docs/components/EuiLabelComponent.html +24 -0
  17. package/docs/components/EuiLanguageSelectorComponent.html +24 -0
  18. package/docs/components/EuiListComponent.html +24 -0
  19. package/docs/components/EuiListItemComponent.html +24 -0
  20. package/docs/components/EuiMessageBoxComponent.html +37 -0
  21. package/docs/components/EuiOverlayBodyComponent.html +24 -0
  22. package/docs/components/EuiOverlayComponent.html +24 -0
  23. package/docs/components/EuiOverlayFooterComponent.html +24 -0
  24. package/docs/components/EuiOverlayHeaderComponent.html +24 -0
  25. package/docs/components/EuiOverlayHeaderTitleComponent.html +24 -0
  26. package/docs/components/EuiPageColumnComponent.html +24 -0
  27. package/docs/components/EuiPageFooterComponent.html +24 -0
  28. package/docs/components/EuiPageTopContentComponent.html +24 -0
  29. package/docs/components/EuiPopoverComponent.html +37 -0
  30. package/docs/components/EuiProgressCircleComponent.html +24 -0
  31. package/docs/components/EuiSlideToggleComponent.html +24 -0
  32. package/docs/components/EuiTabComponent.html +37 -0
  33. package/docs/components/EuiTableComponent.html +24 -0
  34. package/docs/components/EuiTableFilterComponent.html +24 -0
  35. package/docs/components/EuiTextareaComponent.html +37 -0
  36. package/docs/components/EuiToolbarItemsComponent.html +24 -0
  37. package/docs/components/EuiTreeComponent.html +26 -2
  38. package/docs/dependencies.html +2 -2
  39. package/docs/directives/BaseDirective.html +57 -0
  40. package/docs/directives/BaseStatesDirective.html +57 -0
  41. package/docs/directives/EuiButtonsActionsContentTagDirective.html +119 -7
  42. package/docs/directives/EuiButtonsLocalMenuContentTagDirective.html +119 -7
  43. package/docs/directives/EuiSmoothScrollToDirective.html +0 -13
  44. package/docs/js/menu-wc.js +15 -15
  45. package/docs/js/menu-wc_es5.js +1 -1
  46. package/docs/js/search/search_index.js +2 -2
  47. package/esm2022/directives/eui-smooth-scroll.directive.mjs +2 -3
  48. package/esm2022/eui-button/eui-button.component.mjs +3 -3
  49. package/esm2022/eui-buttons/eui-buttons.component.mjs +19 -7
  50. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  51. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +2 -2
  52. package/esm2022/eui-select/eui-select.component.mjs +2 -1
  53. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  54. package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
  55. package/esm2022/eui-tree/eui-tree-helper.mjs +7 -4
  56. package/esm2022/eui-tree/eui-tree.component.mjs +119 -63
  57. package/esm2022/eui-tree/eui-tree.model.mjs +1 -1
  58. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +2 -2
  59. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +2 -2
  60. package/esm2022/shared/base/base-states.directive.mjs +10 -8
  61. package/esm2022/shared/base/base.directive.mjs +9 -8
  62. package/eui-button/eui-button.component.d.ts.map +1 -1
  63. package/eui-buttons/eui-buttons.component.d.ts +2 -0
  64. package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
  65. package/eui-select/eui-select.component.d.ts.map +1 -1
  66. package/eui-tree/eui-tree-helper.d.ts.map +1 -1
  67. package/eui-tree/eui-tree.component.d.ts +3 -1
  68. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  69. package/eui-tree/eui-tree.model.d.ts +1 -0
  70. package/eui-tree/eui-tree.model.d.ts.map +1 -1
  71. package/fesm2022/eui-components-directives.mjs +1 -2
  72. package/fesm2022/eui-components-directives.mjs.map +1 -1
  73. package/fesm2022/eui-components-eui-button.mjs +2 -2
  74. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-buttons.mjs +18 -6
  76. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  78. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-fieldset.mjs +2 -2
  80. package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-select.mjs +1 -0
  82. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  84. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-tree.mjs +124 -65
  86. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  87. package/fesm2022/eui-components-layout.mjs +4 -4
  88. package/fesm2022/eui-components-layout.mjs.map +1 -1
  89. package/fesm2022/eui-components-shared-base.mjs +16 -13
  90. package/fesm2022/eui-components-shared-base.mjs.map +1 -1
  91. package/package.json +7 -7
  92. package/shared/base/base-states.directive.d.ts +1 -0
  93. package/shared/base/base-states.directive.d.ts.map +1 -1
  94. package/shared/base/base.directive.d.ts +1 -0
  95. package/shared/base/base.directive.d.ts.map +1 -1
package/fesm2022/eui-components-eui-button.mjs CHANGED
@@ -44,11 +44,11 @@ class EuiButtonComponent extends BaseDirective {
44
44
  this.buttonClick.emit(this);
45
45
  }
46
46
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
47
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, 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]{appearance:none}.eui-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex=\"0\"]:active:not([readonly]),.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex=\"0\"]:active:not([readonly]),.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex=\"0\"]:active:not([readonly]),a.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button.disabled,.eui-button:disabled{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button.disabled .eui-icon-svg svg,.eui-button:disabled .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary.disabled,.eui-button--primary:disabled{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-primary-75-contrast)}.eui-button--primary.disabled .eui-icon-svg svg,.eui-button--primary:disabled .eui-icon-svg svg{color:var(--eui-base-color-primary-75-contrast);fill:var(--eui-base-color-primary-75-contrast)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary.disabled,.eui-button--secondary:disabled{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-10-contrast)}.eui-button--secondary.disabled .eui-icon-svg svg,.eui-button--secondary:disabled .eui-icon-svg svg{color:var(--eui-base-color-grey-10-contrast);fill:var(--eui-base-color-grey-10-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info.disabled,.eui-button--info:disabled{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-info-75-contrast)}.eui-button--info.disabled .eui-icon-svg svg,.eui-button--info:disabled .eui-icon-svg svg{color:var(--eui-base-color-info-75-contrast);fill:var(--eui-base-color-info-75-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success.disabled,.eui-button--success:disabled{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-success-75-contrast)}.eui-button--success.disabled .eui-icon-svg svg,.eui-button--success:disabled .eui-icon-svg svg{color:var(--eui-base-color-success-75-contrast);fill:var(--eui-base-color-success-75-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning.disabled,.eui-button--warning:disabled{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-warning-75-contrast)}.eui-button--warning.disabled .eui-icon-svg svg,.eui-button--warning:disabled .eui-icon-svg svg{color:var(--eui-base-color-warning-75-contrast);fill:var(--eui-base-color-warning-75-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger.disabled,.eui-button--danger:disabled{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-danger-75-contrast)}.eui-button--danger.disabled .eui-icon-svg svg,.eui-button--danger:disabled .eui-icon-svg svg{color:var(--eui-base-color-danger-75-contrast);fill:var(--eui-base-color-danger-75-contrast)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--accent.disabled,.eui-button--accent:disabled{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-accent-75-contrast)}.eui-button--accent.disabled .eui-icon-svg svg,.eui-button--accent:disabled .eui-icon-svg svg{color:var(--eui-base-color-accent-75-contrast);fill:var(--eui-base-color-accent-75-contrast)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--responsive{display:grid;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none}\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 }); }
47
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: { e2eAttr: "e2eAttr", id: "id", euiBasicButton: ["euiBasicButton", "euiBasicButton", booleanAttribute], euiButtonCall: ["euiButtonCall", "euiButtonCall", booleanAttribute], euiBlockButton: ["euiBlockButton", "euiBlockButton", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], euiIconButton: ["euiIconButton", "euiIconButton", booleanAttribute], euiLineWrap: ["euiLineWrap", "euiLineWrap", booleanAttribute] }, 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]{appearance:none}.eui-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex=\"0\"]:active:not([readonly]),.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex=\"0\"]:active:not([readonly]),.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex=\"0\"]:active:not([readonly]),a.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--responsive{display:grid;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
48
48
  }
49
49
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonComponent, decorators: [{
50
50
  type: Component,
51
- 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]{appearance:none}.eui-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex=\"0\"]:active:not([readonly]),.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex=\"0\"]:active:not([readonly]),.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex=\"0\"]:active:not([readonly]),a.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button.disabled,.eui-button:disabled{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button.disabled .eui-icon-svg svg,.eui-button:disabled .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary.disabled,.eui-button--primary:disabled{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-primary-75-contrast)}.eui-button--primary.disabled .eui-icon-svg svg,.eui-button--primary:disabled .eui-icon-svg svg{color:var(--eui-base-color-primary-75-contrast);fill:var(--eui-base-color-primary-75-contrast)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary.disabled,.eui-button--secondary:disabled{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-10-contrast)}.eui-button--secondary.disabled .eui-icon-svg svg,.eui-button--secondary:disabled .eui-icon-svg svg{color:var(--eui-base-color-grey-10-contrast);fill:var(--eui-base-color-grey-10-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info.disabled,.eui-button--info:disabled{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-info-75-contrast)}.eui-button--info.disabled .eui-icon-svg svg,.eui-button--info:disabled .eui-icon-svg svg{color:var(--eui-base-color-info-75-contrast);fill:var(--eui-base-color-info-75-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success.disabled,.eui-button--success:disabled{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-success-75-contrast)}.eui-button--success.disabled .eui-icon-svg svg,.eui-button--success:disabled .eui-icon-svg svg{color:var(--eui-base-color-success-75-contrast);fill:var(--eui-base-color-success-75-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning.disabled,.eui-button--warning:disabled{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-warning-75-contrast)}.eui-button--warning.disabled .eui-icon-svg svg,.eui-button--warning:disabled .eui-icon-svg svg{color:var(--eui-base-color-warning-75-contrast);fill:var(--eui-base-color-warning-75-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger.disabled,.eui-button--danger:disabled{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-danger-75-contrast)}.eui-button--danger.disabled .eui-icon-svg svg,.eui-button--danger:disabled .eui-icon-svg svg{color:var(--eui-base-color-danger-75-contrast);fill:var(--eui-base-color-danger-75-contrast)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--accent.disabled,.eui-button--accent:disabled{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-accent-75-contrast)}.eui-button--accent.disabled .eui-icon-svg svg,.eui-button--accent:disabled .eui-icon-svg svg{color:var(--eui-base-color-accent-75-contrast);fill:var(--eui-base-color-accent-75-contrast)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--responsive{display:grid;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none}\n"] }]
51
+ 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]{appearance:none}.eui-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));outline:none;padding:calc(var(--eui-base-spacing-s) - 1px) var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button:active:not([readonly]),.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button [tabindex=\"0\"]:active:not([readonly]),.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-1px;transition:none}.eui-button .eui-button__container{align-items:center;display:inline-flex;position:relative}.eui-button .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading){margin-right:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:first-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:first-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-left:0}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading){margin-left:var(--eui-base-spacing-xs)}.eui-button .eui-button__container .eui-icon:last-child:not(.eui-icon--loading):not(.eui-button--icon-only),.eui-button .eui-button__container .eui-icon-svg:last-child:not(.eui-icon-svg--loading):not(.eui-button--icon-only){margin-right:0}.eui-button .eui-button__container .eui-label+.eui-badge{margin-left:var(--eui-base-spacing-s);max-height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button .eui-button__container .eui-label+.eui-icon{margin-left:var(--eui-base-spacing-s)}.eui-button--icon-only{padding:calc(var(--eui-base-spacing-xs) - 1px)}.eui-button .eui-button__loading-icon{align-items:center;display:inline-flex}.eui-button .eui-button__loading-icon .eui-icon.eui-icon--loading{margin-right:var(--eui-base-spacing-xl)}.eui-button-fixed{bottom:var(--eui-base-spacing-3xl);position:fixed;right:var(--eui-base-spacing-xl);z-index:calc(var(--eui-base-z-index-btn-floating) + 1)}.eui-button-fixed:active:not([readonly]),.eui-button-fixed:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-fixed [tabindex=\"0\"]:active:not([readonly]),.eui-button-fixed [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transform:translateY(35%);transition:.3s;vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.eui-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.eui-button-floating .eui-icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.eui-button-floating:before{border-radius:0}a.eui-button{text-decoration:none}a.eui-button:active:not([readonly]),a.eui-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button [tabindex=\"0\"]:active:not([readonly]),a.eui-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}a.eui-button:hover,a.eui-button:focus,a.eui-button:active{text-decoration:none}a.eui-button.eui-button--primary:hover,a.eui-button.eui-button--info:hover,a.eui-button.eui-button--success:hover,a.eui-button.eui-button--danger:hover{color:var(--eui-base-color-white)}a.eui-button.eui-button--accent:hover,a.eui-button.eui-button--secondary:hover,a.eui-button.eui-button--warning:hover{color:var(--eui-base-color-text)}.eui-button__expand-trigger{border-top:1px solid var(--eui-base-color-grey-15);cursor:pointer;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--eui-base-spacing-l)}.eui-button__expand-trigger:hover .eui-button--expand-toggle{box-shadow:var(--eui-base-shadow-3)}.eui-button__expand-trigger--collapsed{margin-top:var(--eui-base-spacing-s)}.eui-button__expand-trigger .eui-label+.eui-icon,.eui-button__expand-trigger .eui-icon+.eui-label{margin-left:var(--eui-base-spacing-s)}.eui-split-button{align-items:center;display:inline-flex;position:relative}.eui-split-button--disabled,.eui-split-button:disabled{pointer-events:none}.eui-split-button button{border-radius:var(--eui-base-border-radius) 0 0 var(--eui-base-border-radius);cursor:pointer}.eui-split-button .eui-dropdown button{border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0;margin-left:-1px}.eui-dropdown-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.eui-dropdown-button--disabled,.eui-dropdown-button:disabled{pointer-events:none}.eui-button--size-xs{height:calc(1.7505 * var(--eui-base-spacing-m));min-height:calc(1.7505 * var(--eui-base-spacing-m));min-width:calc(1.7505 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-xs .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-xs .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-xs.eui-button--icon-only{padding:0}.eui-button--size-s{height:calc(2 * var(--eui-base-spacing-m));min-height:calc(2 * var(--eui-base-spacing-m));min-width:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.eui-button--size-s .eui-button__container{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-button--size-s .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-s.eui-button--icon-only{padding:0}.eui-button--size-m .eui-button__container{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-button--size-m .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-xl)}.eui-button--size-l{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m));min-width:calc(3.25 * var(--eui-base-spacing-m))}.eui-button--size-l .eui-button__container{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.eui-button--size-l .eui-button__container .eui-label+.eui-badge{max-height:inherit}.eui-button--size-l .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-2xl)}.eui-button .eui-icon-svg--size-l{height:1.5rem;width:1.5rem}.eui-button .eui-icon-svg--size-m{height:1.25rem;width:1.25rem}.eui-button .eui-icon-svg--size-s{height:1rem;width:1rem}.eui-button{border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button:active,.eui-button:focus,.eui-button:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button:active .eui-icon-svg svg,.eui-button:focus .eui-icon-svg svg,.eui-button:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast);border-color:var(--eui-base-color-primary-110)}.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--primary:active,.eui-button--primary:focus,.eui-button--primary:hover{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-primary-110-contrast)}.eui-button--primary:active .eui-icon-svg svg,.eui-button--primary:focus .eui-icon-svg svg,.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-110-contrast);fill:var(--eui-base-color-primary-110-contrast)}.eui-button--primary--darker{background-color:var(--eui-base-color-primary-120);border-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast);border-color:var(--eui-base-color-primary-130)}.eui-button--primary--darker .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active,.eui-button--primary--darker:focus,.eui-button--primary--darker:hover{background-color:var(--eui-base-color-primary-120);color:var(--eui-base-color-primary-120-contrast)}.eui-button--primary--darker:active .eui-icon-svg svg,.eui-button--primary--darker:focus .eui-icon-svg svg,.eui-button--primary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-120-contrast);fill:var(--eui-base-color-primary-120-contrast)}.eui-button--secondary{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-15-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-15-contrast);fill:var(--eui-base-color-grey-15-contrast)}.eui-button--secondary:active,.eui-button--secondary:focus,.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary:active .eui-icon-svg svg,.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker{background-color:var(--eui-base-color-grey-25);border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast);border-color:var(--eui-base-color-grey-50)}.eui-button--secondary--darker .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active,.eui-button--secondary--darker:focus,.eui-button--secondary--darker:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--secondary--darker:active .eui-icon-svg svg,.eui-button--secondary--darker:focus .eui-icon-svg svg,.eui-button--secondary--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast);border-color:var(--eui-base-color-info-110)}.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--info:active,.eui-button--info:focus,.eui-button--info:hover{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-info-110-contrast)}.eui-button--info:active .eui-icon-svg svg,.eui-button--info:focus .eui-icon-svg svg,.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-110-contrast);fill:var(--eui-base-color-info-110-contrast)}.eui-button--info--darker{background-color:var(--eui-base-color-info-120);border-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast);border-color:var(--eui-base-color-info-130)}.eui-button--info--darker .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active,.eui-button--info--darker:focus,.eui-button--info--darker:hover{background-color:var(--eui-base-color-info-120);color:var(--eui-base-color-info-120-contrast)}.eui-button--info--darker:active .eui-icon-svg svg,.eui-button--info--darker:focus .eui-icon-svg svg,.eui-button--info--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-info-120-contrast);fill:var(--eui-base-color-info-120-contrast)}.eui-button--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast);border-color:var(--eui-base-color-success-110)}.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--success:active,.eui-button--success:focus,.eui-button--success:hover{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-success-110-contrast)}.eui-button--success:active .eui-icon-svg svg,.eui-button--success:focus .eui-icon-svg svg,.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-110-contrast);fill:var(--eui-base-color-success-110-contrast)}.eui-button--success--darker{background-color:var(--eui-base-color-success-120);border-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast);border-color:var(--eui-base-color-success-130)}.eui-button--success--darker .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active,.eui-button--success--darker:focus,.eui-button--success--darker:hover{background-color:var(--eui-base-color-success-120);color:var(--eui-base-color-success-120-contrast)}.eui-button--success--darker:active .eui-icon-svg svg,.eui-button--success--darker:focus .eui-icon-svg svg,.eui-button--success--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-success-120-contrast);fill:var(--eui-base-color-success-120-contrast)}.eui-button--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast);border-color:var(--eui-base-color-warning-110)}.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--warning:active,.eui-button--warning:focus,.eui-button--warning:hover{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-warning-110-contrast)}.eui-button--warning:active .eui-icon-svg svg,.eui-button--warning:focus .eui-icon-svg svg,.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-110-contrast);fill:var(--eui-base-color-warning-110-contrast)}.eui-button--warning--darker{background-color:var(--eui-base-color-warning-120);border-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast);border-color:var(--eui-base-color-warning-130)}.eui-button--warning--darker .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active,.eui-button--warning--darker:focus,.eui-button--warning--darker:hover{background-color:var(--eui-base-color-warning-120);color:var(--eui-base-color-warning-120-contrast)}.eui-button--warning--darker:active .eui-icon-svg svg,.eui-button--warning--darker:focus .eui-icon-svg svg,.eui-button--warning--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-120-contrast);fill:var(--eui-base-color-warning-120-contrast)}.eui-button--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast);border-color:var(--eui-base-color-danger-110)}.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--danger:active,.eui-button--danger:focus,.eui-button--danger:hover{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-danger-110-contrast)}.eui-button--danger:active .eui-icon-svg svg,.eui-button--danger:focus .eui-icon-svg svg,.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-110-contrast);fill:var(--eui-base-color-danger-110-contrast)}.eui-button--danger--darker{background-color:var(--eui-base-color-danger-120);border-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast);border-color:var(--eui-base-color-danger-130)}.eui-button--danger--darker .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active,.eui-button--danger--darker:focus,.eui-button--danger--darker:hover{background-color:var(--eui-base-color-danger-120);color:var(--eui-base-color-danger-120-contrast)}.eui-button--danger--darker:active .eui-icon-svg svg,.eui-button--danger--darker:focus .eui-icon-svg svg,.eui-button--danger--darker:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-120-contrast);fill:var(--eui-base-color-danger-120-contrast)}.eui-button--accent{background-color:var(--eui-base-color-accent-100);border-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast);border-color:var(--eui-base-color-accent-110)}.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active .eui-icon-svg svg,.eui-button--accent:focus .eui-icon-svg svg,.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-110-contrast);fill:var(--eui-base-color-accent-110-contrast)}.eui-button--accent:active,.eui-button--accent:focus,.eui-button--accent:hover{color:var(--eui-base-color-black);outline-color:var(--eui-base-color-grey-100)}.eui-button--basic{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic:active,.eui-button--basic:focus,.eui-button--basic:hover{background-color:var(--eui-base-color-grey-5)}.eui-button--basic.eui-button--primary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--basic.eui-button--primary:active,.eui-button--basic.eui-button--primary:focus,.eui-button--basic.eui-button--primary:hover{background-color:var(--eui-base-color-primary-10)}.eui-button--basic.eui-button--secondary{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--basic.eui-button--secondary:active,.eui-button--basic.eui-button--secondary:focus,.eui-button--basic.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-10)}.eui-button--basic.eui-button--info{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--basic.eui-button--info:active,.eui-button--basic.eui-button--info:focus,.eui-button--basic.eui-button--info:hover{background-color:var(--eui-base-color-info-10)}.eui-button--basic.eui-button--success{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--basic.eui-button--success:active,.eui-button--basic.eui-button--success:focus,.eui-button--basic.eui-button--success:hover{background-color:var(--eui-base-color-success-10)}.eui-button--basic.eui-button--warning{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--basic.eui-button--warning:active,.eui-button--basic.eui-button--warning:focus,.eui-button--basic.eui-button--warning:hover{background-color:var(--eui-base-color-warning-10)}.eui-button--basic.eui-button--danger{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--basic.eui-button--danger:active,.eui-button--basic.eui-button--danger:focus,.eui-button--basic.eui-button--danger:hover{background-color:var(--eui-base-color-danger-10)}.eui-button--basic.eui-button--accent{background-color:transparent;border:1px solid transparent;color:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--basic.eui-button--accent:active,.eui-button--basic.eui-button--accent:focus,.eui-button--basic.eui-button--accent:hover{background-color:var(--eui-base-color-accent-10)}.eui-button--outline{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline:active,.eui-button--outline:focus,.eui-button--outline:hover{background-color:var(--eui-base-color-grey-5);color:var(--eui-base-color-grey-5-contrast)}.eui-button--outline:active .eui-icon-svg svg,.eui-button--outline:focus .eui-icon-svg svg,.eui-button--outline:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-5-contrast);fill:var(--eui-base-color-grey-5-contrast)}.eui-button--outline.eui-button--primary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-button--outline.eui-button--primary:active,.eui-button--outline.eui-button--primary:focus,.eui-button--outline.eui-button--primary:hover{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--primary:active .eui-icon-svg svg,.eui-button--outline.eui-button--primary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--primary:hover .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-button--outline.eui-button--secondary{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-100);color:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary .eui-icon-svg svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-button--outline.eui-button--secondary:active,.eui-button--outline.eui-button--secondary:focus,.eui-button--outline.eui-button--secondary:hover{background-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--secondary:active .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:focus .eui-icon-svg svg,.eui-button--outline.eui-button--secondary:hover .eui-icon-svg svg{color:var(--eui-base-color-grey-25-contrast);fill:var(--eui-base-color-grey-25-contrast)}.eui-button--outline.eui-button--info{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info .eui-icon-svg svg{color:var(--eui-base-color-info-100);fill:var(--eui-base-color-info-100)}.eui-button--outline.eui-button--info:active,.eui-button--outline.eui-button--info:focus,.eui-button--outline.eui-button--info:hover{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--info:active .eui-icon-svg svg,.eui-button--outline.eui-button--info:focus .eui-icon-svg svg,.eui-button--outline.eui-button--info:hover .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-button--outline.eui-button--success{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success .eui-icon-svg svg{color:var(--eui-base-color-success-100);fill:var(--eui-base-color-success-100)}.eui-button--outline.eui-button--success:active,.eui-button--outline.eui-button--success:focus,.eui-button--outline.eui-button--success:hover{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--success:active .eui-icon-svg svg,.eui-button--outline.eui-button--success:focus .eui-icon-svg svg,.eui-button--outline.eui-button--success:hover .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-button--outline.eui-button--warning{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-warning-130);color:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-130);fill:var(--eui-base-color-warning-130)}.eui-button--outline.eui-button--warning:active,.eui-button--outline.eui-button--warning:focus,.eui-button--outline.eui-button--warning:hover{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--warning:active .eui-icon-svg svg,.eui-button--outline.eui-button--warning:focus .eui-icon-svg svg,.eui-button--outline.eui-button--warning:hover .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-button--outline.eui-button--danger{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100);fill:var(--eui-base-color-danger-100)}.eui-button--outline.eui-button--danger:active,.eui-button--outline.eui-button--danger:focus,.eui-button--outline.eui-button--danger:hover{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--danger:active .eui-icon-svg svg,.eui-button--outline.eui-button--danger:focus .eui-icon-svg svg,.eui-button--outline.eui-button--danger:hover .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-button--outline.eui-button--accent{background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-accent-140);color:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent .eui-icon-svg svg{color:var(--eui-base-color-accent-140);fill:var(--eui-base-color-accent-140)}.eui-button--outline.eui-button--accent:active,.eui-button--outline.eui-button--accent:focus,.eui-button--outline.eui-button--accent:hover{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-accent-100-contrast)}.eui-button--outline.eui-button--accent:active .eui-icon-svg svg,.eui-button--outline.eui-button--accent:focus .eui-icon-svg svg,.eui-button--outline.eui-button--accent:hover .eui-icon-svg svg{color:var(--eui-base-color-accent-100-contrast);fill:var(--eui-base-color-accent-100-contrast)}.eui-button--rounded{border-radius:50%}.eui-button--rounded:active,.eui-button--rounded:focus{border-radius:50%}.eui-button--rounded:active:active:not([readonly]),.eui-button--rounded:active:focus:not([readonly]),.eui-button--rounded:focus:active:not([readonly]),.eui-button--rounded:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--rounded:active [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:active [tabindex=\"0\"]:focus:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:active:not([readonly]),.eui-button--rounded:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-button--responsive{display:grid;position:relative;width:100%}.eui-button--responsive .eui-button__container{overflow:hidden}.eui-button--responsive .eui-button__container>label,.eui-button--responsive .eui-button__container>.eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-button--responsive .eui-button__container .eui-icon{overflow:visible}.eui-button--block{display:block;width:100%}.eui-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.eui-button--expand-toggle{background:var(--eui-base-color-grey-2);border-color:transparent;border-radius:0 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-xl);box-shadow:var(--eui-base-shadow-1)}.eui-button--expand-toggle:hover,.eui-button--expand-toggle:focus{box-shadow:var(--eui-base-shadow-3)}.eui-button--expand-toggle .eui-icon{color:var(--eui-base-color-grey-80);font-size:var(--eui-base-font-size-l)}.eui-button.disabled,.eui-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}\n"] }]
52
52
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
53
53
  type: HostBinding,
54
54
  args: ['class']
package/fesm2022/eui-components-eui-button.mjs.map CHANGED
@@ -1 +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 booleanAttribute,\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 @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n ) {\n super();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes['euiDisabled']) {\n this.euiDisabled\n ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
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 booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiButtonComponent extends BaseDirective implements OnChanges {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.euiBasicButton ? 'eui-button--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.isLoading ? 'eui-button--loading' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n super.getCssClasses('eui-button'),\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n ) {\n super();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes['euiDisabled']) {\n this.euiDisabled\n ? this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true')\n : this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <span *ngIf=\"isLoading\" class=\"eui-button__loading-icon\">\n <eui-icon [isLoading]=\"true\"></eui-icon>\n </span>\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/eui-components-eui-buttons.mjs CHANGED
@@ -73,11 +73,11 @@ class EuiButtonsComponent extends BaseDirective {
73
73
  return window.location.origin + currentRoute;
74
74
  }
75
75
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
76
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmark: "bookmark" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(() => EuiButtonsActionsContentTagDirective), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(() => EuiButtonsLocalMenuContentTagDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.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: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
76
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsComponent, selector: "eui-buttons", inputs: { localMenuLabel: "localMenuLabel", hasLocalMenu: "hasLocalMenu", isBookmarkable: "isBookmarkable", isBookmarked: "isBookmarked" }, outputs: { bookmark: "bookmark" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customActionsContent", first: true, predicate: i0.forwardRef(() => EuiButtonsActionsContentTagDirective), descendants: true }, { propertyName: "customLocalMenuContent", first: true, predicate: i0.forwardRef(() => EuiButtonsLocalMenuContentTagDirective), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content-wrapper\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content-wrapper\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.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: i7.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i8.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }, { kind: "component", type: i8.EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: ["disabled", "isCollapsible", "isCollapsed", "isActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
77
77
  }
78
78
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsComponent, decorators: [{
79
79
  type: Component,
80
- args: [{ selector: 'eui-buttons', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content--mobile{display:block;width:100%}.eui-buttons__actions-content--mobile euibuttonsactionscontent{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content--mobile euibuttonsactionscontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content{display:block;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent{display:block;position:relative;width:100%}.eui-buttons__local-menu-content euibuttonslocalmenucontent button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"] }]
80
+ args: [{ selector: 'eui-buttons', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-buttons-wrapper\"\n [class.eui-buttons-wrapper--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\">\n <div class=\"eui-buttons__actions-container\">\n <!-- ACTION BUTTONS -->\n <ng-container *ngIf=\"!((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- BOOKMARK BUTTON -->\n <button\n *ngIf=\"isBookmarkable && !((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\"\n euiButton\n euiOutline\n euiSecondary\n type=\"button\"\n [title]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked ? ('eui.pageHeader.REMOVE-BOOKMARK.tooltip' | translate) : ('eui.pageHeader.ADD-BOOKMARK.tooltip' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\">{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\">{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </button>\n\n <!-- LOCAL MENU WHEN IN MOBILE/TABLET MODE -->\n <div\n *ngIf=\"hasLocalMenu || (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n class=\"eui-buttons__local-menu\"\n [class.eui-buttons__local-menu--mobile]=\"(asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\"\n euiSizeS>\n <eui-dropdown>\n <button\n euiButton\n euiPrimary\n type=\"button\"\n [euiOutline]=\"localMenuLabel\"\n [euiBasicButton]=\"!localMenuLabel\"\n [euiRounded]=\"!localMenuLabel\"\n [euiIconButton]=\"!localMenuLabel\">\n <span *ngIf=\"localMenuLabel\" euiLabel>{{ localMenuLabel }}</span>\n <eui-icon-svg icon=\"eui-ellipsis-vertical\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <!-- Action buttons -->\n <ng-container\n *ngIf=\"\n customActionsContent && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \">\n <ng-container *ngTemplateOutlet=\"actionsButtons\"></ng-container>\n </ng-container>\n\n <!-- Local menu items -->\n <ng-container *ngIf=\"hasLocalMenu && customLocalMenuContent && customLocalMenuContent.length !== 0\">\n <ng-container *ngTemplateOutlet=\"localMenu\"></ng-container>\n </ng-container>\n\n <!-- Extra menu items -->\n <ul euiList class=\"eui-buttons__local-menu-extras\">\n <li\n *ngIf=\"\n isBookmarkable && ((asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet)\n \"\n euiListItem\n [title]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n [attr.aria-label]=\"\n isBookmarked\n ? ('eui.pageHeader.REMOVE-BOOKMARK-TOOLTIP' | translate)\n : ('eui.pageHeader.ADD-BOOKMARK-TOOLTIP' | translate)\n \"\n (click)=\"onBookmarkToggle()\">\n <eui-icon-svg *ngIf=\"isBookmarked\" icon=\"eui-bookmark\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!isBookmarked\" icon=\"eui-bookmark-outline\" fillColor=\"info-100\" size=\"s\"></eui-icon-svg>\n <span *ngIf=\"isBookmarked\" euiLabel>{{ 'eui.pageHeader.REMOVE-BOOKMARK' | translate }}</span>\n <span *ngIf=\"!isBookmarked\" euiLabel>{{ 'eui.pageHeader.ADD-BOOKMARK' | translate }}</span>\n </li>\n </ul>\n </eui-dropdown-content>\n </eui-dropdown>\n </div>\n </div>\n</div>\n\n<ng-template #actionsButtons>\n <div\n class=\"eui-buttons__actions-content-wrapper\"\n [class.eui-buttons__actions-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsActionsContent\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #localMenu>\n <div\n class=\"eui-buttons__local-menu-content-wrapper\"\n [class.eui-buttons__local-menu-content--mobile]=\"\n (asService.breakpoints$ | async).isMobile || (asService.breakpoints$ | async).isTablet\n \">\n <ng-content select=\"euiButtonsLocalMenuContent\"></ng-content>\n </div>\n</ng-template>\n", styles: [".eui-buttons{display:flex;flex-direction:column;width:100%}.eui-buttons-wrapper{max-width:100%;align-items:center;display:flex;width:100%}.eui-buttons__actions-container{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.eui-buttons__actions-container button{margin-left:var(--eui-base-spacing-xs)}.eui-buttons__actions-content-wrapper{align-items:center;display:flex;flex-direction:row;overflow:visible}.eui-buttons__actions-content-wrapper--mobile{display:block;width:100%}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content{display:block;margin:var(--eui-base-spacing-xs);position:relative}.eui-buttons__actions-content-wrapper--mobile .eui-buttons__actions-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu{align-items:center;display:flex}.eui-buttons__local-menu__action-buttons{margin:0 var(--eui-base-spacing-s)}.eui-buttons__local-menu__action-buttons button,.eui-buttons__local-menu__action-buttons div{margin-bottom:var(--eui-base-spacing-xs)}.eui-buttons__local-menu__action-buttons--mobile,.eui-buttons__local-menu-content-wrapper{display:block;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content{display:block;position:relative;width:100%}.eui-buttons__local-menu-content-wrapper .eui-buttons__local-menu-content button{align-items:center;display:flex;margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs);min-height:calc(2 * var(--eui-base-spacing-m));width:100%}.eui-buttons__local-menu-content-wrapper--mobile .container{padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.eui-buttons__local-menu-extras{border-top:1px ridge var(--eui-base-color-grey-20);color:var(--eui-base-color-info-100)}.eui-buttons--size-s .eui-button{min-height:calc(2 * var(--eui-base-spacing-m))}.eui-buttons--size-m .eui-button{min-height:42px;min-width:42px}.eui-buttons--size-l .eui-button{height:calc(3.25 * var(--eui-base-spacing-m));min-height:calc(3.25 * var(--eui-base-spacing-m))}\n"] }]
81
81
  }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i2.Router }], propDecorators: { cssClasses: [{
82
82
  type: HostBinding,
83
83
  args: ['class']
@@ -100,21 +100,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
100
100
  }] } });
101
101
  /* eslint-disable */
102
102
  class EuiButtonsActionsContentTagDirective {
103
+ constructor() {
104
+ this.klass = 'eui-buttons__actions-content';
105
+ }
103
106
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsActionsContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
104
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsActionsContentTagDirective, selector: "euiButtonsActionsContent", ngImport: i0 }); }
107
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsActionsContentTagDirective, selector: "euiButtonsActionsContent", host: { properties: { "class": "this.klass" } }, ngImport: i0 }); }
105
108
  }
106
109
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsActionsContentTagDirective, decorators: [{
107
110
  type: Directive,
108
111
  args: [{ selector: 'euiButtonsActionsContent' }]
109
- }] });
112
+ }], propDecorators: { klass: [{
113
+ type: HostBinding,
114
+ args: ['class']
115
+ }] } });
110
116
  class EuiButtonsLocalMenuContentTagDirective {
117
+ constructor() {
118
+ this.klass = 'eui-buttons__local-menu-content';
119
+ }
111
120
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
112
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsLocalMenuContentTagDirective, selector: "euiButtonsLocalMenuContent", ngImport: i0 }); }
121
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: EuiButtonsLocalMenuContentTagDirective, selector: "euiButtonsLocalMenuContent", host: { properties: { "class": "this.klass" } }, ngImport: i0 }); }
113
122
  }
114
123
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsLocalMenuContentTagDirective, decorators: [{
115
124
  type: Directive,
116
125
  args: [{ selector: 'euiButtonsLocalMenuContent' }]
117
- }] });
126
+ }], propDecorators: { klass: [{
127
+ type: HostBinding,
128
+ args: ['class']
129
+ }] } });
118
130
  /* eslint-enable */
119
131
  class EuiButtonsModule {
120
132
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }