@eui/components 19.1.1-snapshot-1740477848147 → 19.1.1-snapshot-1741264224607

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 (283) hide show
  1. package/directives/eui-clearable.directive.d.ts.map +1 -1
  2. package/directives/eui-loading.directive.d.ts.map +1 -1
  3. package/directives/eui-maxlength.directive.d.ts.map +1 -1
  4. package/directives/eui-scroll-handler.directive.d.ts.map +1 -1
  5. package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
  6. package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
  7. package/docs/components/EuiAutocompleteComponent.html +1 -1
  8. package/docs/components/EuiAvatarBadgeComponent.html +52 -0
  9. package/docs/components/EuiAvatarComponent.html +109 -1
  10. package/docs/components/EuiAvatarIconComponent.html +16 -0
  11. package/docs/components/EuiAvatarImageComponent.html +42 -0
  12. package/docs/components/EuiAvatarListComponent.html +45 -0
  13. package/docs/components/EuiAvatarTextComponent.html +38 -0
  14. package/docs/components/EuiDisableContentComponent.html +167 -191
  15. package/docs/components/EuiDiscussionThreadComponent.html +77 -1
  16. package/docs/components/EuiDiscussionThreadItemComponent.html +118 -0
  17. package/docs/components/EuiIconToggleComponent.html +149 -0
  18. package/docs/components/EuiLanguageSelectorComponent.html +1 -5
  19. package/docs/components/EuiListComponent.html +130 -0
  20. package/docs/components/EuiListItemComponent.html +29 -0
  21. package/docs/components/EuiMessageBoxComponent.html +192 -2
  22. package/docs/components/EuiPageColumnComponent.html +0 -10
  23. package/docs/components/EuiPopoverComponent.html +119 -8
  24. package/docs/components/EuiTimebarComponent.html +87 -2
  25. package/docs/components/EuiWizardComponent.html +1 -1
  26. package/docs/dependencies.html +33 -33
  27. package/docs/directives/EuiPopoverArrowPositionDirective.html +29 -0
  28. package/docs/injectables/EuiMessageBoxService.html +49 -3
  29. package/docs/interfaces/EuiDiscussionThreadItem.html +61 -0
  30. package/docs/js/menu-wc.js +48 -50
  31. package/docs/js/menu-wc_es5.js +1 -1
  32. package/docs/js/search/search_index.js +2 -2
  33. package/docs/miscellaneous/typealiases.html +6 -0
  34. package/docs/miscellaneous/variables.html +59 -5
  35. package/docs/modules/EuiAvatarModule.html +25 -4
  36. package/docs/modules/EuiDisableContentModule.html +22 -4
  37. package/docs/modules/EuiDiscussionThreadModule.html +16 -1
  38. package/docs/modules/EuiIconToggleModule.html +23 -11
  39. package/docs/modules/EuiListModule.html +17 -2
  40. package/docs/modules/EuiMessageBoxModule.html +13 -1
  41. package/docs/modules/EuiPopoverModule.html +16 -1
  42. package/docs/modules/EuiTimebarModule.html +23 -14
  43. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  44. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -1
  45. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  46. package/eui-avatar/avatar-badge/avatar-badge.component.d.ts +37 -0
  47. package/eui-avatar/avatar-badge/avatar-badge.component.d.ts.map +1 -1
  48. package/eui-avatar/avatar-icon/avatar-icon.component.d.ts +18 -0
  49. package/eui-avatar/avatar-icon/avatar-icon.component.d.ts.map +1 -1
  50. package/eui-avatar/avatar-image/avatar-image.component.d.ts +26 -0
  51. package/eui-avatar/avatar-image/avatar-image.component.d.ts.map +1 -1
  52. package/eui-avatar/avatar-list/avatar-list.component.d.ts +30 -0
  53. package/eui-avatar/avatar-list/avatar-list.component.d.ts.map +1 -1
  54. package/eui-avatar/avatar-text/avatar-text.component.d.ts +35 -0
  55. package/eui-avatar/avatar-text/avatar-text.component.d.ts.map +1 -1
  56. package/eui-avatar/eui-avatar.component.d.ts +85 -1
  57. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  58. package/eui-avatar/eui-avatar.module.d.ts +33 -10
  59. package/eui-avatar/eui-avatar.module.d.ts.map +1 -1
  60. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  61. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  62. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  63. package/eui-button/eui-button.component.d.ts.map +1 -1
  64. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  65. package/eui-button-v2/eui-button-v2.component.d.ts.map +1 -1
  66. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  67. package/eui-card/eui-card.component.d.ts.map +1 -1
  68. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  69. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  70. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  71. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  72. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  73. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  74. package/eui-disable-content/eui-disable-content.component.d.ts +80 -13
  75. package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
  76. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +65 -0
  77. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
  78. package/eui-discussion-thread/eui-discussion-thread.component.d.ts +51 -0
  79. package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
  80. package/eui-discussion-thread/eui-discussion-thread.module.d.ts +19 -1
  81. package/eui-discussion-thread/eui-discussion-thread.module.d.ts.map +1 -1
  82. package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts +45 -0
  83. package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts.map +1 -1
  84. package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
  85. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  86. package/eui-feedback-message/eui-feedback-message.component.d.ts.map +1 -1
  87. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  88. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  89. package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
  90. package/eui-growl/eui-growl.component.d.ts.map +1 -1
  91. package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
  92. package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
  93. package/eui-icon-button-expander/eui-icon-button-expander.component.d.ts.map +1 -1
  94. package/eui-icon-input/eui-icon-input.component.d.ts.map +1 -1
  95. package/eui-icon-toggle/eui-icon-toggle.component.d.ts +96 -1
  96. package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
  97. package/eui-icon-toggle/eui-icon-toggle.module.d.ts +19 -4
  98. package/eui-icon-toggle/eui-icon-toggle.module.d.ts.map +1 -1
  99. package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
  100. package/eui-label/eui-label.component.d.ts.map +1 -1
  101. package/eui-language-selector/language-selector.component.d.ts +4 -2
  102. package/eui-language-selector/language-selector.component.d.ts.map +1 -1
  103. package/eui-list/eui-list-item/eui-list-item.component.d.ts +34 -0
  104. package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
  105. package/eui-list/eui-list.component.d.ts +56 -0
  106. package/eui-list/eui-list.component.d.ts.map +1 -1
  107. package/eui-list/eui-list.module.d.ts +18 -1
  108. package/eui-list/eui-list.module.d.ts.map +1 -1
  109. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  110. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  111. package/eui-message-box/eui-message-box.component.d.ts +148 -2
  112. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  113. package/eui-message-box/eui-message-box.module.d.ts +15 -1
  114. package/eui-message-box/eui-message-box.module.d.ts.map +1 -1
  115. package/eui-message-box/services/eui-message-box.service.d.ts +58 -3
  116. package/eui-message-box/services/eui-message-box.service.d.ts.map +1 -1
  117. package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
  118. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  119. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  120. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  121. package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
  122. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  123. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts +32 -0
  124. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts.map +1 -1
  125. package/eui-popover/eui-popover.component.d.ts +119 -7
  126. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  127. package/eui-popover/eui-popover.module.d.ts +18 -1
  128. package/eui-popover/eui-popover.module.d.ts.map +1 -1
  129. package/eui-popover/models/eui-popover-position.model.d.ts +26 -0
  130. package/eui-popover/models/eui-popover-position.model.d.ts.map +1 -1
  131. package/eui-progress-circle/eui-progress-circle.component.d.ts.map +1 -1
  132. package/eui-select/eui-select-option.directive.d.ts.map +1 -1
  133. package/eui-select/eui-select.component.d.ts.map +1 -1
  134. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  135. package/eui-skeleton/eui-skeleton.component.d.ts.map +1 -1
  136. package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
  137. package/eui-table/eui-table.component.d.ts.map +1 -1
  138. package/eui-table/filter/eui-table-filter.component.d.ts.map +1 -1
  139. package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts.map +1 -1
  140. package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts.map +1 -1
  141. package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
  142. package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
  143. package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts.map +1 -1
  144. package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts.map +1 -1
  145. package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts.map +1 -1
  146. package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
  147. package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts.map +1 -1
  148. package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
  149. package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
  150. package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
  151. package/eui-timebar/eui-timebar-item.model.d.ts +20 -1
  152. package/eui-timebar/eui-timebar-item.model.d.ts.map +1 -1
  153. package/eui-timebar/eui-timebar.component.d.ts +83 -6
  154. package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
  155. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  156. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  157. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  158. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  159. package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
  160. package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
  161. package/eui-tree-list/toolbar/toolbar.component.d.ts.map +1 -1
  162. package/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  163. package/eui-user-profile/user-profile.component.d.ts.map +1 -1
  164. package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
  165. package/eui-wizard/eui-wizard.component.d.ts +1 -0
  166. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  167. package/externals/eui-editor/counters/eui-editor-counters.component.d.ts.map +1 -1
  168. package/externals/quill/quill-editor.component.d.ts.map +1 -1
  169. package/fesm2022/eui-components-directives.mjs +70 -70
  170. package/fesm2022/eui-components-eui-accordion.mjs +13 -13
  171. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  172. package/fesm2022/eui-components-eui-autocomplete.mjs +15 -14
  173. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  174. package/fesm2022/eui-components-eui-avatar.mjs +286 -36
  175. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  176. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  177. package/fesm2022/eui-components-eui-block-content.mjs +7 -7
  178. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  179. package/fesm2022/eui-components-eui-breadcrumb.mjs +13 -13
  180. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  181. package/fesm2022/eui-components-eui-button-v2.mjs +7 -7
  182. package/fesm2022/eui-components-eui-button.mjs +7 -7
  183. package/fesm2022/eui-components-eui-card.mjs +49 -49
  184. package/fesm2022/eui-components-eui-chip-group.mjs +7 -7
  185. package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
  186. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  187. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  188. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  189. package/fesm2022/eui-components-eui-dashboard-card.mjs +13 -13
  190. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  191. package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
  192. package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
  193. package/fesm2022/eui-components-eui-dialog.mjs +19 -19
  194. package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
  195. package/fesm2022/eui-components-eui-disable-content.mjs +113 -39
  196. package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
  197. package/fesm2022/eui-components-eui-discussion-thread.mjs +113 -12
  198. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  199. package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
  200. package/fesm2022/eui-components-eui-feedback-message.mjs +8 -8
  201. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  202. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  203. package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
  204. package/fesm2022/eui-components-eui-growl.mjs +7 -7
  205. package/fesm2022/eui-components-eui-icon-button-expander.mjs +7 -7
  206. package/fesm2022/eui-components-eui-icon-button.mjs +7 -7
  207. package/fesm2022/eui-components-eui-icon-color.mjs +7 -7
  208. package/fesm2022/eui-components-eui-icon-input.mjs +7 -7
  209. package/fesm2022/eui-components-eui-icon-state.mjs +7 -7
  210. package/fesm2022/eui-components-eui-icon-toggle.mjs +106 -10
  211. package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
  212. package/fesm2022/eui-components-eui-icon.mjs +7 -7
  213. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  214. package/fesm2022/eui-components-eui-input-group.mjs +13 -13
  215. package/fesm2022/eui-components-eui-input-number.mjs +10 -10
  216. package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
  217. package/fesm2022/eui-components-eui-input-text.mjs +7 -7
  218. package/fesm2022/eui-components-eui-label.mjs +8 -8
  219. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  220. package/fesm2022/eui-components-eui-language-selector.mjs +23 -12
  221. package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
  222. package/fesm2022/eui-components-eui-list.mjs +116 -15
  223. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  224. package/fesm2022/eui-components-eui-menu.mjs +10 -10
  225. package/fesm2022/eui-components-eui-message-box.mjs +208 -20
  226. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  227. package/fesm2022/eui-components-eui-navbar.mjs +10 -10
  228. package/fesm2022/eui-components-eui-overlay.mjs +19 -19
  229. package/fesm2022/eui-components-eui-page.mjs +61 -62
  230. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  231. package/fesm2022/eui-components-eui-paginator.mjs +7 -7
  232. package/fesm2022/eui-components-eui-popover.mjs +194 -20
  233. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  234. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  235. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  236. package/fesm2022/eui-components-eui-select.mjs +19 -19
  237. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  238. package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
  239. package/fesm2022/eui-components-eui-slide-toggle.mjs +8 -8
  240. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  241. package/fesm2022/eui-components-eui-split-button.mjs +7 -7
  242. package/fesm2022/eui-components-eui-table-v2.mjs +34 -34
  243. package/fesm2022/eui-components-eui-table.mjs +34 -34
  244. package/fesm2022/eui-components-eui-tabs.mjs +24 -24
  245. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  246. package/fesm2022/eui-components-eui-textarea.mjs +10 -10
  247. package/fesm2022/eui-components-eui-timebar.mjs +82 -10
  248. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  249. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  250. package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
  251. package/fesm2022/eui-components-eui-tree-list.mjs +25 -25
  252. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  253. package/fesm2022/eui-components-eui-user-profile.mjs +16 -16
  254. package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
  255. package/fesm2022/eui-components-eui-wizard.mjs +16 -15
  256. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  257. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  258. package/fesm2022/eui-components-externals-eui-editor.mjs +28 -28
  259. package/fesm2022/eui-components-externals-quill.mjs +10 -10
  260. package/fesm2022/eui-components-layout.mjs +183 -182
  261. package/fesm2022/eui-components-layout.mjs.map +1 -1
  262. package/fesm2022/eui-components-pipes.mjs +14 -14
  263. package/fesm2022/eui-components-shared.mjs +6 -6
  264. package/fesm2022/eui-components.mjs +4 -4
  265. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
  266. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  267. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  268. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
  269. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  270. package/layout/eui-footer/footer.component.d.ts.map +1 -1
  271. package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
  272. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  273. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  274. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  275. package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -1
  276. package/layout/eui-toolbar/toolbar-items/toolbar-items.component.d.ts.map +1 -1
  277. package/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.d.ts.map +1 -1
  278. package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
  279. package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts.map +1 -1
  280. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  281. package/package.json +3 -3
  282. package/shared/base/base-states.directive.d.ts.map +1 -1
  283. package/shared/input.directive.d.ts.map +1 -1
package/fesm2022/eui-components-eui-dialog.mjs CHANGED
@@ -211,10 +211,10 @@ class EuiDialogContainerComponent {
211
211
  providers: injectorTokens,
212
212
  });
213
213
  }
214
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogContainerComponent, deps: [{ token: DIALOG_CONTAINER_CONFIG }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
215
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: EuiDialogContainerComponent, isStandalone: false, selector: "eui-dialog-container", host: { properties: { "class": "this.string", "attr.aria-modal": "this.ariaModal" } }, ngImport: i0, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.variant }} eui-19\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.variant\" size=\"xl\" class=\"eui-dialog__header-icon\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.variant === 'secondary') ? dialogContainerConfig.variant: 'primary'\"\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-bg);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-icon{margin-right:var(--eui-s-s)}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-min);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
214
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogContainerComponent, deps: [{ token: DIALOG_CONTAINER_CONFIG }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
215
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: EuiDialogContainerComponent, isStandalone: false, selector: "eui-dialog-container", host: { properties: { "class": "this.string", "attr.aria-modal": "this.ariaModal" } }, ngImport: i0, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.variant }} eui-19\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.variant\" size=\"xl\" class=\"eui-dialog__header-icon\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.variant === 'secondary') ? dialogContainerConfig.variant: 'primary'\"\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-bg);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-icon{margin-right:var(--eui-s-s)}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-min);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .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", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "directive", type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
216
216
  }
217
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
217
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogContainerComponent, decorators: [{
218
218
  type: Component,
219
219
  args: [{ selector: 'eui-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"eui-dialog eui-dialog--{{ dialogContainerConfig.variant }} eui-19\"\n [class.eui-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n [class.eui-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n [class.eui-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n [class.eui-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n aria-labelledby=\"dialogContent\"\n [attr.aria-describedby]=\"getContentId()\"\n tabindex=\"-1\"\n attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n cdkDrag\n cdkDragRootElement=\".cdk-overlay-pane\"\n [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n cdkTrapFocus\n cdkTrapFocusAutoCapture>\n <div class=\"eui-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n <div class=\"eui-dialog__header\" [class.eui-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n\n @if (dialogContainerConfig.isMessageBox) {\n <eui-icon-state [euiVariant]=\"dialogContainerConfig.variant\" size=\"xl\" class=\"eui-dialog__header-icon\"/>\n }\n <h5 id=\"headerTitle\" class=\"eui-dialog__header-title\">{{ dialogContainerConfig.title | translate }}</h5>\n\n @if (dialogContainerConfig.hasCloseButton) {\n <div class=\"eui-dialog__header-close-container\">\n <button\n class=\"dialog-close-button\"\n (click)=\"closeDialog()\"\n euiButton\n euiIconButton\n euiRounded\n euiBasicButton\n aria-label=\"Dialog close icon\">\n <eui-icon-svg icon=\"close:outline\"></eui-icon-svg>\n </button>\n </div>\n }\n }\n @if (isHeaderTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n }\n @if (isHeaderComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n }\n </div>\n <div\n class=\"eui-dialog__body\"\n cdkScrollable\n [style.height]=\"dialogContainerConfig.height\"\n [style.max-height]=\"dialogContainerConfig.height\"\n (scroll)=\"onScroll()\"\n tabindex=\"0\">\n @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n <div\n id=\"containerConfigId\"\n class=\"eui-dialog__body-content not-isBodyTemplatePortal\"\n [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n </div>\n }\n @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n <div id=\"bodyTemplatePortalId\" class=\"eui-dialog__body-content isBodyTemplatePortal\">\n <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n </div>\n }\n @if (isBodyComponentPortal) {\n <div id=\"bodyComponentPortalId\" class=\"eui-dialog__body-content isBodyComponentPortal\">\n <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n </div>\n }\n </div>\n @if (dialogContainerConfig.hasFooter) {\n <div class=\"eui-dialog__footer\">\n @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (!isFooterTemplatePortal) {\n <div class=\"eui-dialog__footer-content\">\n @if (dialogContainerConfig.hasDismissButton) {\n <button\n euiButton\n type=\"button\"\n [euiDisabled]=\"dismissButtonDisabled$ | async\"\n class=\"eui-dialog__footer-dismiss-button\"\n [class.eui-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n (click)=\"onDismiss()\">\n {{ dialogContainerConfig.dismissLabel | translate }}\n </button>\n }\n @if (dialogContainerConfig.hasAcceptButton) {\n <button\n euiButton\n [euiVariant]=\"dialogContainerConfig.isMessageBox && !(dialogContainerConfig.variant === 'secondary') ? dialogContainerConfig.variant: 'primary'\"\n type=\"button\"\n [euiDisabled]=\"acceptButtonDisabled$ | async\"\n class=\"eui-dialog__footer-accept-button\"\n (click)=\"onAccept()\">\n {{ dialogContainerConfig.acceptLabel | translate }}\n </button>\n }\n </div>\n }\n }\n\n @if (isFooterTemplatePortal) {\n <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n }\n @if (isFooterComponentPortal) {\n <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n }\n\n </div>\n }\n </div>\n</div>\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-bg);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-icon{margin-right:var(--eui-s-s)}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-min);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"] }]
220
220
  }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -433,10 +433,10 @@ class EuiDialogService {
433
433
  }
434
434
  return positionStrategy;
435
435
  }
436
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
437
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogService }); }
436
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
437
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogService }); }
438
438
  }
439
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogService, decorators: [{
439
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogService, decorators: [{
440
440
  type: Injectable
441
441
  }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.Injector }] });
442
442
 
@@ -618,10 +618,10 @@ class EuiDialogComponent {
618
618
  enableDismissButton() {
619
619
  this.euiDialogService.getDialog(this.dialog.id).containerRef.instance.enableDismissButton();
620
620
  }
621
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogComponent, deps: [{ token: i0.ViewContainerRef }, { token: EuiDialogService }, { token: i2$1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
622
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiDialogComponent, isStandalone: false, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", 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], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", 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], classList: "classList" }, 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: i0.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i0.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 }], hostDirectives: [{ directive: i2$1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, 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: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-bg);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-icon{margin-right:var(--eui-s-s)}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-min);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
621
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogComponent, deps: [{ token: i0.ViewContainerRef }, { token: EuiDialogService }, { token: i2$1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
622
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: EuiDialogComponent, isStandalone: false, selector: "eui-dialog", inputs: { e2eAttr: "e2eAttr", title: "title", acceptLabel: "acceptLabel", dismissLabel: "dismissLabel", 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], hasClosedOnClickOutside: ["hasClosedOnClickOutside", "hasClosedOnClickOutside", 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], classList: "classList" }, 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: i0.forwardRef(() => EuiDialogHeaderDirective), descendants: true }, { propertyName: "euiDialogFooterDirective", first: true, predicate: i0.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 }], hostDirectives: [{ directive: i2$1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, 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: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dialog-container{display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog{background-color:var(--eui-c-bg);border:var(--eui-bw-s) solid var(--eui-c-neutral-bg);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-12);display:flex;height:100%;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header{align-items:center;border-top-left-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m);display:flex;flex:0 0 auto;padding:var(--eui-s-s) var(--eui-s-m)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header{align-items:center;display:flex;width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-dialog-header>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header eui-message-box-header>*{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-icon{margin-right:var(--eui-s-s)}.eui-19 .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-l-bold)}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header-close-container{display:flex;margin-left:auto}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__header.eui-dialog__header--handle-disabled{cursor:default!important}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{display:flex;overflow:auto;position:relative}.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .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}@-moz-document url-prefix(){.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__body-content{height:auto;padding:var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer{align-items:center;background-color:var(--eui-c-neutral-min);border-bottom-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-m);border-top:1px solid var(--eui-c-neutral-bg);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer ng-component{width:100%}.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer,.eui-19 .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-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-dialog-footer>*,.eui-19 .eui-dialog-container .eui-dialog .eui-dialog__content .eui-dialog__footer eui-message-box-footer>*{width:100%}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog--no-padding .eui-dialog__content .eui-dialog__body-content{padding:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body{align-items:center;display:flex}.eui-19 .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-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content-icon{display:inline-flex}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-content p{margin-top:0}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box .eui-dialog__content .eui-dialog__body-icon{margin:0 var(--eui-c-s)}.eui-19 .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-19 .eui-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eui-c-neutral-bg-light);opacity:var(--eui-o-50)}@media screen and (max-width: 767px){.eui-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size){left:0;position:fixed;top:0}.eui-19 .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-19 .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-19 .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-19 .eui-dialog-container .eui-dialog:not(.eui-dialog--custom-size) .eui-dialog__content .eui-dialog__body-content{flex:1 1 auto}.eui-19 .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-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--primary .eui-dialog__body-content-icon{color:var(--eui-c-primary)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--secondary .eui-dialog__body-content-icon{color:var(--eui-c-neutral)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--info .eui-dialog__body-content-icon{color:var(--eui-c-info-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--success .eui-dialog__body-content-icon{color:var(--eui-c-success-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--warning .eui-dialog__body-content-icon{color:var(--eui-c-warning-dark)}.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__header-title,.eui-19 .eui-dialog-container .eui-dialog.eui-dialog--message-box.eui-dialog--danger .eui-dialog__body-content-icon{color:var(--eui-c-danger-dark)}.eui-19 .eui-dialog-container .eui-dialog--draggable .eui-dialog__header{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
623
623
  }
624
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogComponent, decorators: [{
624
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogComponent, decorators: [{
625
625
  type: Component,
626
626
  args: [{ selector: 'eui-dialog', providers: [{ provide: DIALOG_COMPONENT_CONFIG, useValue: null }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, hostDirectives: [
627
627
  {
@@ -732,25 +732,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
732
732
  }] } });
733
733
  /* eslint-disable */
734
734
  class EuiDialogHeaderDirective {
735
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
736
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: EuiDialogHeaderDirective, isStandalone: false, selector: "eui-dialog-header", ngImport: i0 }); }
735
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
736
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: EuiDialogHeaderDirective, isStandalone: false, selector: "eui-dialog-header", ngImport: i0 }); }
737
737
  }
738
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogHeaderDirective, decorators: [{
738
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogHeaderDirective, decorators: [{
739
739
  type: Directive,
740
740
  args: [{ selector: 'eui-dialog-header', standalone: false, }]
741
741
  }] });
742
742
  class EuiDialogFooterDirective {
743
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
744
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: EuiDialogFooterDirective, isStandalone: false, selector: "eui-dialog-footer", ngImport: i0 }); }
743
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
744
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: EuiDialogFooterDirective, isStandalone: false, selector: "eui-dialog-footer", ngImport: i0 }); }
745
745
  }
746
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogFooterDirective, decorators: [{
746
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogFooterDirective, decorators: [{
747
747
  type: Directive,
748
748
  args: [{ selector: 'eui-dialog-footer', standalone: false, }]
749
749
  }] });
750
750
 
751
751
  class EuiDialogModule {
752
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
753
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogModule, declarations: [EuiDialogComponent, EuiDialogHeaderDirective, EuiDialogFooterDirective, EuiDialogContainerComponent], imports: [CommonModule,
752
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
753
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogModule, declarations: [EuiDialogComponent, EuiDialogHeaderDirective, EuiDialogFooterDirective, EuiDialogContainerComponent], imports: [CommonModule,
754
754
  EuiButtonModule,
755
755
  EuiIconModule,
756
756
  EuiIconButtonModule,
@@ -761,7 +761,7 @@ class EuiDialogModule {
761
761
  A11yModule,
762
762
  DragDropModule,
763
763
  CdkScrollableModule], exports: [EuiDialogComponent, EuiDialogHeaderDirective, EuiDialogFooterDirective] }); }
764
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogModule, providers: [EuiDialogService], imports: [CommonModule,
764
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogModule, providers: [EuiDialogService], imports: [CommonModule,
765
765
  EuiButtonModule,
766
766
  EuiIconModule,
767
767
  EuiIconButtonModule,
@@ -773,7 +773,7 @@ class EuiDialogModule {
773
773
  DragDropModule,
774
774
  CdkScrollableModule] }); }
775
775
  }
776
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDialogModule, decorators: [{
776
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDialogModule, decorators: [{
777
777
  type: NgModule,
778
778
  args: [{
779
779
  imports: [
package/fesm2022/eui-components-eui-dimmer.mjs CHANGED
@@ -51,10 +51,10 @@ class EuiDimmerComponent {
51
51
  }
52
52
  });
53
53
  }
54
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
55
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDimmerComponent, isStandalone: false, selector: "eui-dimmer", inputs: { isDimmerActive: "isDimmerActive", e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '', isInline: true, styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dimmer{animation:none;background-color:#00000026;height:100vh;left:0;opacity:0;position:fixed;top:0;width:0;z-index:var(--eui-zi-overlay)}.eui-19 .eui-dimmer--active{animation:dimmer-fadeIn var(--eui-base-animation-duration-fast);opacity:1;width:100%}.eui-19 .eui-dimmer:not(.eui-dimmer--active){animation:dimmer-fadeOut var(--eui-base-animation-duration-fast)}@keyframes dimmer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dimmer-fadeOut{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
54
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerComponent, deps: [{ token: i1.EuiAppShellService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
55
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiDimmerComponent, isStandalone: false, selector: "eui-dimmer", inputs: { isDimmerActive: "isDimmerActive", e2eAttr: "e2eAttr" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '', isInline: true, styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dimmer{animation:none;background-color:#00000026;height:100vh;left:0;opacity:0;position:fixed;top:0;width:0;z-index:var(--eui-zi-overlay)}.eui-19 .eui-dimmer--active{animation:dimmer-fadeIn var(--eui-base-animation-duration-fast);opacity:1;width:100%}.eui-19 .eui-dimmer:not(.eui-dimmer--active){animation:dimmer-fadeOut var(--eui-base-animation-duration-fast)}@keyframes dimmer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dimmer-fadeOut{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
56
56
  }
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerComponent, decorators: [{
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerComponent, decorators: [{
58
58
  type: Component,
59
59
  args: [{ selector: 'eui-dimmer', template: '', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, standalone: false, styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 .eui-dimmer{animation:none;background-color:#00000026;height:100vh;left:0;opacity:0;position:fixed;top:0;width:0;z-index:var(--eui-zi-overlay)}.eui-19 .eui-dimmer--active{animation:dimmer-fadeIn var(--eui-base-animation-duration-fast);opacity:1;width:100%}.eui-19 .eui-dimmer:not(.eui-dimmer--active){animation:dimmer-fadeOut var(--eui-base-animation-duration-fast)}@keyframes dimmer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dimmer-fadeOut{0%{opacity:1}to{opacity:0}}\n"] }]
60
60
  }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i2.Router }], propDecorators: { isDimmerActive: [{
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
70
70
  }] } });
71
71
 
72
72
  class EuiDimmerModule {
73
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
74
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerModule, declarations: [EuiDimmerComponent], imports: [CommonModule], exports: [EuiDimmerComponent] }); }
75
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerModule, imports: [CommonModule] }); }
73
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
74
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerModule, declarations: [EuiDimmerComponent], imports: [CommonModule], exports: [EuiDimmerComponent] }); }
75
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerModule, imports: [CommonModule] }); }
76
76
  }
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDimmerModule, decorators: [{
77
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDimmerModule, decorators: [{
78
78
  type: NgModule,
79
79
  args: [{
80
80
  imports: [CommonModule],
package/fesm2022/eui-components-eui-disable-content.mjs CHANGED
@@ -1,36 +1,84 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
2
+ import { input, booleanAttribute, inject, ElementRef, Renderer2, effect, HostListener, ViewEncapsulation, Component, NgModule } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
5
- import * as i1 from '@eui/core';
4
+ import { EuiGrowlService } from '@eui/core';
6
5
 
6
+ /**
7
+ * @description
8
+ * Component that provides functionality to disable content and show a visual overlay.
9
+ * When disabled, it adds a semi-transparent overlay and handles focus management.
10
+ *
11
+ * @example
12
+ * <eui-disable-content [isDisabled]="true" disabledText="Content is disabled">
13
+ * <div>Content to be disabled</div>
14
+ * </eui-disable-content>
15
+ */
7
16
  class EuiDisableContentComponent {
8
- get isDisabled() {
9
- return this._isDisabled;
10
- }
11
- set isDisabled(value) {
12
- this._isDisabled = coerceBooleanProperty(value);
13
- }
14
- constructor(elRef, growlService) {
15
- this.elRef = elRef;
16
- this.growlService = growlService;
17
- this.disabledText = '';
17
+ /**
18
+ * Initializes the component and sets up an effect to handle disabled state changes
19
+ */
20
+ constructor() {
21
+ /**
22
+ * Text to display in an eui-growl (type info) notification when clicking
23
+ * the disabled content.
24
+ */
25
+ this.disabledText = input('');
26
+ /**
27
+ * Controls whether the content is disabled. If disabled, a semi-transparent
28
+ * overlay with spinner is shown.
29
+ */
30
+ this.isDisabled = input(null, { transform: booleanAttribute });
31
+ /** Stores the last active element before disabling */
18
32
  this.lastActiveElement = null;
33
+ /** Reference to the component's element */
34
+ this.elRef = inject(ElementRef);
35
+ /** Service for displaying growl notifications */
36
+ this.growlService = inject(EuiGrowlService);
37
+ /** Renderer for DOM manipulations */
38
+ this.renderer = inject(Renderer2);
39
+ effect(() => {
40
+ const disabled = this.isDisabled();
41
+ if (disabled) {
42
+ this.renderer.addClass(this.elRef.nativeElement, 'eui-disable-content--disabled');
43
+ }
44
+ else {
45
+ this.renderer.removeClass(this.elRef.nativeElement, 'eui-disable-content--disabled');
46
+ }
47
+ });
19
48
  }
49
+ /**
50
+ * Handles changes to component inputs
51
+ * @param changes Object containing changed properties
52
+ */
20
53
  ngOnChanges(changes) {
21
- const activeElement = this.getActiveElement();
22
- const isBlocking = this.isAboutToBlock(changes);
23
- if (isBlocking) {
24
- this.desactivateElement(activeElement);
25
- }
26
- else {
27
- this.reactivateElement();
54
+ if (changes['isDisabled']) {
55
+ const change = changes['isDisabled'];
56
+ const isBlocking = change.currentValue && !change.previousValue;
57
+ if (isBlocking) {
58
+ const activeElement = this.getActiveElement();
59
+ this.desactivateElement(activeElement);
60
+ }
61
+ else {
62
+ this.reactivateElement();
63
+ }
28
64
  }
29
65
  }
30
- isAboutToBlock(changes) {
31
- const isBlockedChange = changes['isDisabled'];
32
- return isBlockedChange && isBlockedChange.currentValue && !isBlockedChange.previousValue;
66
+ /**
67
+ * Checks if the component is about to enter a blocked state
68
+ * @param change The change object to evaluate
69
+ * @returns True if the component is transitioning to blocked state
70
+ * @deprecated It will become private in the next major version.
71
+ * @internal
72
+ */
73
+ isAboutToBlock(change) {
74
+ return change && change.currentValue && !change.previousValue;
33
75
  }
76
+ /**
77
+ * Stores the currently active element before disabling
78
+ * @param activeElement The element to deactivate
79
+ * @deprecated It will become private in the next major version.
80
+ * @internal
81
+ */
34
82
  desactivateElement(activeElement) {
35
83
  if (activeElement) {
36
84
  this.lastActiveElement = activeElement;
@@ -39,41 +87,67 @@ class EuiDisableContentComponent {
39
87
  this.lastActiveElement = null;
40
88
  }
41
89
  }
90
+ /**
91
+ * Reactivates the last active element
92
+ * @deprecated It will become private in the next major version.
93
+ * @internal
94
+ */
42
95
  reactivateElement() {
43
96
  if (this.lastActiveElement) {
44
97
  // TODO CHECK
45
98
  }
46
99
  }
100
+ /**
101
+ * Gets the currently focused element within the component
102
+ * @returns The focused HTML element or null
103
+ * @deprecated It will become private in the next major version.
104
+ * @internal
105
+ */
47
106
  getActiveElement() {
48
107
  return this.elRef.nativeElement.querySelector(':focus');
49
108
  }
109
+ /**
110
+ * Handles click events on the disabled content
111
+ * Shows a growl notification if content is disabled and has disabled text
112
+ * @deprecated It will become private in the next major version.
113
+ * @internal
114
+ */
50
115
  onClick() {
51
- if (this.isDisabled && this.disabledText) {
52
- this.growlService.growlInfo(this.disabledText);
116
+ if (this.isDisabled() && this.disabledText()) {
117
+ this.growlService.growlInfo(this.disabledText());
53
118
  }
54
119
  }
55
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiGrowlService }], target: i0.ɵɵFactoryTarget.Component }); }
56
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDisableContentComponent, isStandalone: false, selector: "eui-disable-content", inputs: { disabledText: "disabledText", isDisabled: "isDisabled" }, usesOnChanges: true, ngImport: i0, template: "<div [class.eui-disable-content--disabled]=\"isDisabled\" (click)=\"onClick()\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-disable-content--disabled{position:relative;z-index:var(--eui-zi-overlay)}.eui-19 .eui-disable-content--disabled:before{content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:10000}.eui-19 .eui-disable-content--disabled:after{background-color:#ffffff40;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100000}\n"], encapsulation: i0.ViewEncapsulation.None }); }
120
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
121
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: EuiDisableContentComponent, isStandalone: true, selector: "eui-disable-content", inputs: { disabledText: { classPropertyName: "disabledText", publicName: "disabledText", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-disable-content--disabled{position:relative;z-index:var(--eui-zi-overlay)}.eui-19 .eui-disable-content--disabled:before{content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:10000}.eui-19 .eui-disable-content--disabled:after{background-color:#ffffff40;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100000}\n"], encapsulation: i0.ViewEncapsulation.None }); }
57
122
  }
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentComponent, decorators: [{
123
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentComponent, decorators: [{
59
124
  type: Component,
60
- args: [{ selector: 'eui-disable-content', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div [class.eui-disable-content--disabled]=\"isDisabled\" (click)=\"onClick()\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-disable-content--disabled{position:relative;z-index:var(--eui-zi-overlay)}.eui-19 .eui-disable-content--disabled:before{content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:10000}.eui-19 .eui-disable-content--disabled:after{background-color:#ffffff40;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100000}\n"] }]
61
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiGrowlService }], propDecorators: { disabledText: [{
62
- type: Input
63
- }], isDisabled: [{
64
- type: Input
125
+ args: [{ selector: 'eui-disable-content', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-19 .eui-disable-content--disabled{position:relative;z-index:var(--eui-zi-overlay)}.eui-19 .eui-disable-content--disabled:before{content:\"\";display:block;height:80px;left:50%;margin:-40px 0 0 -40px;position:absolute;top:50%;width:80px;z-index:10000}.eui-19 .eui-disable-content--disabled:after{background-color:#ffffff40;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100000}\n"] }]
126
+ }], ctorParameters: () => [], propDecorators: { onClick: [{
127
+ type: HostListener,
128
+ args: ['click']
65
129
  }] } });
130
+ /**
131
+ * Module that declares and exports the EuiDisableContentComponent
132
+ *
133
+ * @example
134
+ * import { EuiDisableContentModule } from '@eui/components/eui-disable-content';
135
+ * @NgModule({
136
+ * imports: [EuiDisableContentModule],
137
+ * })
138
+ *
139
+ * @deprecated Use the {@link EuiDisableContentComponent} directly instead of this module.
140
+ */
66
141
  class EuiDisableContentModule {
67
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
68
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, declarations: [EuiDisableContentComponent], imports: [CommonModule], exports: [EuiDisableContentComponent] }); }
69
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, imports: [CommonModule] }); }
142
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
143
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentModule, imports: [CommonModule, EuiDisableContentComponent], exports: [EuiDisableContentComponent] }); }
144
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentModule, imports: [CommonModule] }); }
70
145
  }
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, decorators: [{
146
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDisableContentModule, decorators: [{
72
147
  type: NgModule,
73
148
  args: [{
74
- imports: [CommonModule],
149
+ imports: [CommonModule, EuiDisableContentComponent],
75
150
  exports: [EuiDisableContentComponent],
76
- declarations: [EuiDisableContentComponent],
77
151
  }]
78
152
  }] });
79
153
 
package/fesm2022/eui-components-eui-disable-content.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eui-components-eui-disable-content.mjs","sources":["../../eui-disable-content/eui-disable-content.component.ts","../../eui-disable-content/eui-disable-content.component.html","../../eui-disable-content/eui-components-eui-disable-content.ts"],"sourcesContent":["import { Component, ElementRef, Input, NgModule, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiGrowlService } from '@eui/core';\n\n@Component({\n selector: 'eui-disable-content',\n templateUrl: './eui-disable-content.component.html',\n styleUrls: ['./eui-disable-content.scss'],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class EuiDisableContentComponent implements OnChanges {\n @Input() disabledText = '';\n\n @Input()\n get isDisabled(): boolean {\n return this._isDisabled;\n }\n set isDisabled(value: BooleanInput) {\n this._isDisabled = coerceBooleanProperty(value);\n }\n private _isDisabled?: boolean;\n\n private lastActiveElement: HTMLElement = null;\n\n constructor(private elRef: ElementRef, private growlService: EuiGrowlService) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes);\n\n if (isBlocking) {\n this.desactivateElement(activeElement);\n } else {\n this.reactivateElement();\n }\n }\n\n isAboutToBlock(changes: SimpleChanges): boolean {\n const isBlockedChange = changes['isDisabled'];\n\n return isBlockedChange && isBlockedChange.currentValue && !isBlockedChange.previousValue;\n }\n\n desactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n reactivateElement(): void {\n if (this.lastActiveElement) {\n // TODO CHECK\n }\n }\n\n getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n\n onClick(): void {\n if (this.isDisabled && this.disabledText) {\n this.growlService.growlInfo(this.disabledText);\n }\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiDisableContentComponent],\n declarations: [EuiDisableContentComponent],\n})\nexport class EuiDisableContentModule {}\n","<div [class.eui-disable-content--disabled]=\"isDisabled\" (click)=\"onClick()\">\n <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"eui-components-eui-disable-content.mjs","sources":["../../eui-disable-content/eui-disable-content.component.ts","../../eui-disable-content/eui-disable-content.component.html","../../eui-disable-content/eui-components-eui-disable-content.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n effect,\n ElementRef,\n HostListener,\n inject,\n input,\n NgModule,\n OnChanges,\n Renderer2,\n SimpleChange,\n SimpleChanges,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlService } from '@eui/core';\n\n/**\n * @description\n * Component that provides functionality to disable content and show a visual overlay.\n * When disabled, it adds a semi-transparent overlay and handles focus management.\n *\n * @example\n * <eui-disable-content [isDisabled]=\"true\" disabledText=\"Content is disabled\">\n * <div>Content to be disabled</div>\n * </eui-disable-content>\n */\n@Component({\n selector: 'eui-disable-content',\n templateUrl: './eui-disable-content.component.html',\n styleUrls: ['./eui-disable-content.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDisableContentComponent implements OnChanges {\n /**\n * Text to display in an eui-growl (type info) notification when clicking\n * the disabled content.\n */\n disabledText = input('');\n\n /**\n * Controls whether the content is disabled. If disabled, a semi-transparent\n * overlay with spinner is shown.\n */\n isDisabled = input(null, { transform: booleanAttribute });\n\n /** Stores the last active element before disabling */\n private lastActiveElement: HTMLElement = null;\n /** Reference to the component's element */\n private elRef: ElementRef = inject(ElementRef);\n /** Service for displaying growl notifications */\n private growlService: EuiGrowlService = inject(EuiGrowlService);\n /** Renderer for DOM manipulations */\n private renderer: Renderer2 = inject(Renderer2);\n\n /**\n * Initializes the component and sets up an effect to handle disabled state changes\n */\n constructor() {\n effect(() => {\n const disabled = this.isDisabled();\n if(disabled) {\n this.renderer.addClass(this.elRef.nativeElement, 'eui-disable-content--disabled');\n } else {\n this.renderer.removeClass(this.elRef.nativeElement, 'eui-disable-content--disabled');\n }\n });\n }\n\n /**\n * Handles changes to component inputs\n * @param changes Object containing changed properties\n */\n ngOnChanges(changes: SimpleChanges): void {\n if(changes['isDisabled']) {\n const change: SimpleChange = changes['isDisabled'];\n const isBlocking = change.currentValue && !change.previousValue;\n\n if (isBlocking) {\n const activeElement = this.getActiveElement();\n this.desactivateElement(activeElement);\n } else {\n this.reactivateElement();\n }\n }\n }\n\n /**\n * Checks if the component is about to enter a blocked state\n * @param change The change object to evaluate\n * @returns True if the component is transitioning to blocked state\n * @deprecated It will become private in the next major version.\n * @internal\n */\n isAboutToBlock(change: SimpleChange): boolean {\n return change && change.currentValue && !change.previousValue;\n }\n\n /**\n * Stores the currently active element before disabling\n * @param activeElement The element to deactivate\n * @deprecated It will become private in the next major version.\n * @internal\n */\n desactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /**\n * Reactivates the last active element\n * @deprecated It will become private in the next major version.\n * @internal\n */\n reactivateElement(): void {\n if (this.lastActiveElement) {\n // TODO CHECK\n }\n }\n\n /**\n * Gets the currently focused element within the component\n * @returns The focused HTML element or null\n * @deprecated It will become private in the next major version.\n * @internal\n */\n getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n\n /**\n * Handles click events on the disabled content\n * Shows a growl notification if content is disabled and has disabled text\n * @deprecated It will become private in the next major version.\n * @internal\n */\n @HostListener('click')\n protected onClick(): void {\n if (this.isDisabled() && this.disabledText()) {\n this.growlService.growlInfo(this.disabledText());\n }\n }\n}\n\n/**\n * Module that declares and exports the EuiDisableContentComponent\n *\n * @example\n * import { EuiDisableContentModule } from '@eui/components/eui-disable-content';\n * @NgModule({\n * imports: [EuiDisableContentModule],\n * })\n *\n * @deprecated Use the {@link EuiDisableContentComponent} directly instead of this module.\n */\n@NgModule({\n imports: [CommonModule, EuiDisableContentComponent],\n exports: [EuiDisableContentComponent],\n})\nexport class EuiDisableContentModule {}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}