@eui/components 18.0.0-next.44 → 18.0.0-next.45

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 (98) hide show
  1. package/docs/dependencies.html +1 -1
  2. package/docs/js/search/search_index.js +2 -2
  3. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  4. package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
  5. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  6. package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
  7. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  8. package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
  9. package/esm2022/eui-card/eui-card.component.mjs +2 -2
  10. package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
  11. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
  12. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
  13. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
  14. package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
  15. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
  16. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  17. package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
  18. package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
  19. package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
  20. package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
  21. package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
  22. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  23. package/esm2022/eui-popover/eui-popover.component.mjs +2 -2
  24. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
  25. package/esm2022/eui-select/eui-select.component.mjs +2 -2
  26. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +2 -2
  27. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  28. package/esm2022/eui-table/eui-table.component.mjs +2 -2
  29. package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
  30. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  31. package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
  32. package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
  33. package/esm2022/eui-tree/eui-tree.component.mjs +2 -2
  34. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
  35. package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
  36. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
  37. package/fesm2022/eui-components-directives.mjs +2 -2
  38. package/fesm2022/eui-components-directives.mjs.map +1 -1
  39. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  40. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  41. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  42. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  43. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  44. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  45. package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
  46. package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
  47. package/fesm2022/eui-components-eui-button.mjs +2 -2
  48. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  49. package/fesm2022/eui-components-eui-card.mjs +2 -2
  50. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  51. package/fesm2022/eui-components-eui-chip.mjs +2 -2
  52. package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
  53. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  54. package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
  55. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  56. package/fesm2022/eui-components-eui-dialog.mjs +4 -4
  57. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  58. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  59. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  60. package/fesm2022/eui-components-eui-growl.mjs +2 -2
  61. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  62. package/fesm2022/eui-components-eui-input-group.mjs +2 -2
  63. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  64. package/fesm2022/eui-components-eui-input-number.mjs +2 -2
  65. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  66. package/fesm2022/eui-components-eui-input-text.mjs +2 -2
  67. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  68. package/fesm2022/eui-components-eui-overlay.mjs +2 -2
  69. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  70. package/fesm2022/eui-components-eui-page.mjs +2 -2
  71. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  72. package/fesm2022/eui-components-eui-popover.mjs +2 -2
  73. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  74. package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
  75. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  76. package/fesm2022/eui-components-eui-select.mjs +2 -2
  77. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  78. package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
  79. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
  80. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  81. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  82. package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
  83. package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
  84. package/fesm2022/eui-components-eui-table.mjs +2 -2
  85. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  86. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  87. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  88. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  89. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  90. package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
  91. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  92. package/fesm2022/eui-components-eui-tree.mjs +2 -2
  93. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  94. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  95. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  96. package/fesm2022/eui-components-layout.mjs +2 -2
  97. package/fesm2022/eui-components-layout.mjs.map +1 -1
  98. package/package.json +3 -3
package/fesm2022/eui-components-eui-dashboard-button.mjs CHANGED
@@ -51,7 +51,7 @@ var EuiDashboardButtonComponent = class _EuiDashboardButtonComponent {
51
51
  this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
52
52
  }
53
53
  static {
54
- this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
54
+ this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-sh-4)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
55
55
  }
56
56
  };
57
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
77
77
  "euiSizeVariant"
78
78
  ]
79
79
  }
80
- ], template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n'] }]
80
+ ], template: '<button class="eui-dashboard-button-content">\n <eui-avatar [euiVariant]="baseStatesDirective.euiVariant" [euiSizeVariant]="baseStatesDirective.euiSizeVariant">\n <eui-avatar-icon>\n <ng-content select="eui-dashboard-button-icon"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select="eui-dashboard-button-label"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf="imageUrl" imageUrl="{{imageUrl}}"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf="euiLabelContent">\n <div class="eui-dashboard-button-content__title">\n <ng-content select="eui-label"></ng-content>\n <ng-content select="[euiLabel]"></ng-content>\n </div>\n <div class="eui-dashboard-button-content__sub-title">\n <ng-content select="eui-sublabel"></ng-content>\n <ng-content select="[euiSublabel]"></ng-content>\n </div>\n </ng-container>\n</button>\n', styles: ['.eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-s-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);border-radius:var(--eui-br-m);background-color:var(--eui-c-white)}.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-s-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover{background-color:var(--eui-c-neutral-bg-light);cursor:pointer;box-shadow:var(--eui-sh-4)}\n'] }]
81
81
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
82
82
  type: HostBinding,
83
83
  args: ["class"]
package/fesm2022/eui-components-eui-dashboard-button.mjs.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../eui-dashboard-button/eui-dashboard-button.component.ts", "../../eui-dashboard-button/eui-dashboard-button.component.html"],
4
4
  "sourcesContent": ["import { Component, Directive, NgModule, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, OnInit, AfterContentInit, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n/* eslint-disable */\n@Directive({selector: 'eui-dashboard-button-icon'})\nexport class EuiDashboardButtonIconDirective {}\n@Directive({selector: 'eui-dashboard-button-label'})\nexport class EuiDashboardButtonLabelDirective {}\n/* eslint-enable */\n\n@Component({\n templateUrl: './eui-dashboard-button.component.html',\n selector: 'eui-dashboard-button',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n ],\n },\n ],\n})\nexport class EuiDashboardButtonComponent implements OnInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-button'),\n ].join(' ').trim();\n }\n\n @Input() imageUrl: string;\n\n @ContentChild(EuiDashboardButtonIconDirective) euiDashboardButtonIcon: EuiDashboardButtonIconDirective;\n @ContentChild(EuiDashboardButtonLabelDirective) euiDashboardButtonLabel: EuiDashboardButtonLabelDirective;\n @ContentChild(EuiLabelComponent) euiLabelContent: EuiLabelComponent;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule],\n declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective],\n})\nexport class EuiDashboardButtonModule {}\n", "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/fesm2022/eui-components-eui-dashboard-card.mjs CHANGED
@@ -98,7 +98,7 @@ var EuiDashboardCardComponent = class _EuiDashboardCardComponent {
98
98
  </div>
99
99
  </div>
100
100
  </ng-template>
101
- `, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.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: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
101
+ `, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-sh-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.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: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
102
102
  }
103
103
  };
104
104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
175
175
  </div>
176
176
  </div>
177
177
  </ng-template>
178
- `, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'] }]
178
+ `, styles: ['.eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-c-white);border-radius:var(--eui-br-m);border:1px solid var(--eui-c-neutral-bg-light);box-shadow:var(--eui-sh-1);padding:var(--eui-s-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-sh-3)}.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active:focus-visible:not([readonly]),.eui-dashboard-card:focus:focus-visible:not([readonly]),.eui-dashboard-card:hover:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card:active [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex="0"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-s-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-s-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:var(--eui-f-l-bold);color:var(--eui-c-neutral-light);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:var(--eui-f-m);margin-bottom:var(--eui-s-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-s-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-c-neutral-lighter);margin-right:var(--eui-s-m);padding:var(--eui-s-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n'] }]
179
179
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
180
180
  type: HostBinding,
181
181
  args: ["class"]
package/fesm2022/eui-components-eui-dashboard-card.mjs.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../eui-dashboard-card/eui-dashboard-card.component.ts", "../../eui-dashboard-card/eui-dashboard-card.component.html"],
4
4
  "sourcesContent": ["import {\n Component,\n NgModule,\n HostBinding,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n OnInit,\n Input,\n HostListener,\n Output,\n EventEmitter,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@Component({\n templateUrl: './eui-dashboard-card.component.html',\n selector: 'eui-dashboard-card',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeXS',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiSizeXL',\n 'euiSize2XL',\n 'euiSizeVariant',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiDashboardCardComponent implements OnInit {\n // class binding\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-dashboard-card'),\n this.isHorizontal ? 'eui-dashboard-card--horizontal' : '',\n ]\n .join(' ')\n .trim();\n }\n\n // e2e\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-dashboard-card';\n\n // aria ok - Cfr. euiDisabled\n\n // cmp input\n @Input() label: string;\n @Input() subLabel: string;\n @Input() labelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() subLabelMaxLines: 1 | 2 | 3 | 4 | 5 = 2;\n @Input() imageUrl: string;\n @Input() iconSvgName: string;\n @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n @Input() iconLabel: string;\n @Input() url: string;\n @Input() urlExternal: string;\n @Input() urlExternalTarget = '_blank';\n\n // coerce / transforms / state booleans\n @Input({ transform: booleanAttribute }) isHorizontal = false;\n @Input({ transform: booleanAttribute }) isFlatAvatar = false;\n @Input({ transform: booleanAttribute }) hasNoBackgroundAvatar = false;\n\n // outputs\n @Output() cardClick = new EventEmitter<MouseEvent>();\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n this.cardClick.emit(event);\n }\n\n ngOnInit(): void {\n if (!this.baseStatesDirective.euiSizeVariant) {\n this.baseStatesDirective.euiSizeL = true;\n }\n if (!this.baseStatesDirective.euiVariant) {\n this.baseStatesDirective.euiSecondary = true;\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],\n declarations: [EuiDashboardCardComponent],\n exports: [EuiDashboardCardComponent],\n})\nexport class EuiDashboardCardModule {}\n", "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/fesm2022/eui-components-eui-dialog.mjs CHANGED
@@ -333,7 +333,7 @@ var EuiDialogContainerComponent = class _EuiDialogContainerComponent {
333
333
  }
334
334
  </div>
335
335
  </div>
336
- `, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-base-shadow-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
336
+ `, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
337
337
  }
338
338
  };
339
339
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
@@ -473,7 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
473
473
  }
474
474
  </div>
475
475
  </div>
476
- `, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-base-shadow-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
476
+ `, styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
477
477
  }], ctorParameters: () => [{ type: void 0, decorators: [{
478
478
  type: Inject,
479
479
  args: [DIALOG_CONTAINER_CONFIG]
@@ -898,7 +898,7 @@ var EuiDialogComponent = class _EuiDialogComponent {
898
898
  this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: _EuiDialogComponent, deps: [{ token: i03.ViewContainerRef }, { token: EuiDialogService }, { token: i22.BaseStatesDirective }], target: i03.ɵɵFactoryTarget.Component });
899
899
  }
900
900
  static {
901
- this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i03.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i03.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: '<ng-template #templateRefHeader>\n <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-base-shadow-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
901
+ this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiDialogComponent, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", typeClass: "typeClass", verticalPosition: "verticalPosition", width: "width", height: "height", isFullScreen: ["isFullScreen", "isFullScreen", booleanAttribute], hasCloseButton: ["hasCloseButton", "hasCloseButton", booleanAttribute], hasAcceptButton: ["hasAcceptButton", "hasAcceptButton", booleanAttribute], hasDismissButton: ["hasDismissButton", "hasDismissButton", booleanAttribute], hasMobileCustomSize: ["hasMobileCustomSize", "hasMobileCustomSize", booleanAttribute], isClosedOnClickOutside: ["isClosedOnClickOutside", "isClosedOnClickOutside", booleanAttribute], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", booleanAttribute], isClosedOnEscape: ["isClosedOnEscape", "isClosedOnEscape", booleanAttribute], hasClosedOnEscape: ["hasClosedOnEscape", "hasClosedOnEscape", booleanAttribute], isHandleCloseOnDismiss: ["isHandleCloseOnDismiss", "isHandleCloseOnDismiss", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute], isHandleCloseOnAccept: ["isHandleCloseOnAccept", "isHandleCloseOnAccept", booleanAttribute], isHandleCloseOnClickOutside: ["isHandleCloseOnClickOutside", "isHandleCloseOnClickOutside", booleanAttribute], isHandleCloseOnEscape: ["isHandleCloseOnEscape", "isHandleCloseOnEscape", booleanAttribute], isMessageBox: ["isMessageBox", "isMessageBox", booleanAttribute], isDraggable: ["isDraggable", "isDraggable", booleanAttribute], hasNoBodyPadding: ["hasNoBodyPadding", "hasNoBodyPadding", booleanAttribute], hasFooter: ["hasFooter", "hasFooter", booleanAttribute] }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], queries: [{ propertyName: "euiDialogHeaderDirective", first: true, predicate: i03.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i03.forwardRef(() => EuiDialogFooterDirective), descendants: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i03, template: '<ng-template #templateRefHeader>\n <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
902
902
  }
903
903
  };
904
904
  i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiDialogComponent, decorators: [{
@@ -917,7 +917,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
917
917
  "euiVariant"
918
918
  ]
919
919
  }
920
- ], template: '<ng-template #templateRefHeader>\n <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-base-shadow-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-bg0);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
920
+ ], template: '<ng-template #templateRefHeader>\n <ng-content select="eui-dialog-header"></ng-content>\n</ng-template>\n<ng-template #templateRefContent>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #templateRefFooter>\n <ng-content select="eui-dialog-footer"></ng-content>\n</ng-template>\n', styles: [".eui-dialog-container{display:flex;width:100%}.eui-dialog-container .eui-dialog{background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);border-top-left-radius:var(--eui-br-m-base);border-top-right-radius:var(--eui-br-m-base);display:flex;flex:0 0 auto;justify-content:space-between;padding:var(--eui-s-s) var(--eui-s-m)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-title{color:var(--eui-c-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-xl-bold)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar{display:inherit;height:10px;width:10px;background-color:var(--eui-c-neutral-bg-light)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom-left-radius:var(--eui-br-m-base);border-bottom-right-radius:var(--eui-br-m-base);border-top:1px solid var(--eui-c-neutral-bg-light);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer .eui-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eui-s-s)}.eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);align-items:center;display:flex;width:100%}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eui-s-m)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{background:var(--eui-c-neutral-bg-light);border-radius:var(--eui-br-max);display:inline-flex;font-size:var(--eui-f-size-5xl);padding:var(--eui-s-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon-content{background:var(--eui-c-neutral-lightest);border-radius:var(--eui-br-max);font-size:var(--eui-f-size-5xl);margin-right:var(--eui-c-s);overflow:auto;padding:var(--eui-s-s)}.eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-base-disabled-opacity)}@media screen and (max-width: 767px){.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content{height:100vh;height:calc(var(--eui-app-vh, 1vh) * 100);width:100vw}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body{flex:1 1 auto;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary{border-color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary{border-color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info{border-color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success{border-color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning{border-color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger{border-color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
921
921
  }], ctorParameters: () => [{ type: i03.ViewContainerRef }, { type: EuiDialogService }, { type: i22.BaseStatesDirective }], propDecorators: { e2eAttr: [{
922
922
  type: Input
923
923
  }], title: [{