@eui/components 19.1.1-snapshot-1741071838252 → 19.1.1

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 (269) 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/EuiDiscussionThreadComponent.html +77 -1
  15. package/docs/components/EuiDiscussionThreadItemComponent.html +118 -0
  16. package/docs/components/EuiIconToggleComponent.html +149 -0
  17. package/docs/components/EuiListComponent.html +130 -0
  18. package/docs/components/EuiListItemComponent.html +29 -0
  19. package/docs/components/EuiMessageBoxComponent.html +192 -2
  20. package/docs/components/EuiPopoverComponent.html +119 -8
  21. package/docs/components/EuiTimebarComponent.html +87 -2
  22. package/docs/dependencies.html +33 -33
  23. package/docs/directives/EuiPopoverArrowPositionDirective.html +29 -0
  24. package/docs/injectables/EuiMessageBoxService.html +49 -3
  25. package/docs/interfaces/EuiDiscussionThreadItem.html +61 -0
  26. package/docs/js/menu-wc.js +41 -46
  27. package/docs/js/menu-wc_es5.js +1 -1
  28. package/docs/js/search/search_index.js +2 -2
  29. package/docs/miscellaneous/typealiases.html +6 -0
  30. package/docs/miscellaneous/variables.html +59 -5
  31. package/docs/modules/EuiAvatarModule.html +25 -4
  32. package/docs/modules/EuiDiscussionThreadModule.html +16 -1
  33. package/docs/modules/EuiIconToggleModule.html +23 -11
  34. package/docs/modules/EuiListModule.html +17 -2
  35. package/docs/modules/EuiMessageBoxModule.html +13 -1
  36. package/docs/modules/EuiPopoverModule.html +16 -1
  37. package/docs/modules/EuiTimebarModule.html +23 -14
  38. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  39. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -1
  40. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  41. package/eui-avatar/avatar-badge/avatar-badge.component.d.ts +37 -0
  42. package/eui-avatar/avatar-badge/avatar-badge.component.d.ts.map +1 -1
  43. package/eui-avatar/avatar-icon/avatar-icon.component.d.ts +18 -0
  44. package/eui-avatar/avatar-icon/avatar-icon.component.d.ts.map +1 -1
  45. package/eui-avatar/avatar-image/avatar-image.component.d.ts +26 -0
  46. package/eui-avatar/avatar-image/avatar-image.component.d.ts.map +1 -1
  47. package/eui-avatar/avatar-list/avatar-list.component.d.ts +30 -0
  48. package/eui-avatar/avatar-list/avatar-list.component.d.ts.map +1 -1
  49. package/eui-avatar/avatar-text/avatar-text.component.d.ts +35 -0
  50. package/eui-avatar/avatar-text/avatar-text.component.d.ts.map +1 -1
  51. package/eui-avatar/eui-avatar.component.d.ts +85 -1
  52. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  53. package/eui-avatar/eui-avatar.module.d.ts +33 -10
  54. package/eui-avatar/eui-avatar.module.d.ts.map +1 -1
  55. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  56. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  57. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  58. package/eui-button/eui-button.component.d.ts.map +1 -1
  59. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  60. package/eui-button-v2/eui-button-v2.component.d.ts.map +1 -1
  61. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  62. package/eui-card/eui-card.component.d.ts.map +1 -1
  63. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  64. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  65. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  66. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  67. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  68. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  69. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +65 -0
  70. package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
  71. package/eui-discussion-thread/eui-discussion-thread.component.d.ts +51 -0
  72. package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
  73. package/eui-discussion-thread/eui-discussion-thread.module.d.ts +19 -1
  74. package/eui-discussion-thread/eui-discussion-thread.module.d.ts.map +1 -1
  75. package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts +45 -0
  76. package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts.map +1 -1
  77. package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
  78. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  79. package/eui-feedback-message/eui-feedback-message.component.d.ts.map +1 -1
  80. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  81. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  82. package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
  83. package/eui-growl/eui-growl.component.d.ts.map +1 -1
  84. package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
  85. package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
  86. package/eui-icon-button-expander/eui-icon-button-expander.component.d.ts.map +1 -1
  87. package/eui-icon-input/eui-icon-input.component.d.ts.map +1 -1
  88. package/eui-icon-toggle/eui-icon-toggle.component.d.ts +96 -1
  89. package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
  90. package/eui-icon-toggle/eui-icon-toggle.module.d.ts +19 -4
  91. package/eui-icon-toggle/eui-icon-toggle.module.d.ts.map +1 -1
  92. package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
  93. package/eui-label/eui-label.component.d.ts.map +1 -1
  94. package/eui-language-selector/language-selector.component.d.ts.map +1 -1
  95. package/eui-list/eui-list-item/eui-list-item.component.d.ts +34 -0
  96. package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
  97. package/eui-list/eui-list.component.d.ts +56 -0
  98. package/eui-list/eui-list.component.d.ts.map +1 -1
  99. package/eui-list/eui-list.module.d.ts +18 -1
  100. package/eui-list/eui-list.module.d.ts.map +1 -1
  101. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  102. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  103. package/eui-message-box/eui-message-box.component.d.ts +148 -2
  104. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  105. package/eui-message-box/eui-message-box.module.d.ts +15 -1
  106. package/eui-message-box/eui-message-box.module.d.ts.map +1 -1
  107. package/eui-message-box/services/eui-message-box.service.d.ts +58 -3
  108. package/eui-message-box/services/eui-message-box.service.d.ts.map +1 -1
  109. package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
  110. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  111. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  112. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  113. package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
  114. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  115. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts +32 -0
  116. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts.map +1 -1
  117. package/eui-popover/eui-popover.component.d.ts +119 -7
  118. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  119. package/eui-popover/eui-popover.module.d.ts +18 -1
  120. package/eui-popover/eui-popover.module.d.ts.map +1 -1
  121. package/eui-popover/models/eui-popover-position.model.d.ts +26 -0
  122. package/eui-popover/models/eui-popover-position.model.d.ts.map +1 -1
  123. package/eui-progress-circle/eui-progress-circle.component.d.ts.map +1 -1
  124. package/eui-select/eui-select-option.directive.d.ts.map +1 -1
  125. package/eui-select/eui-select.component.d.ts.map +1 -1
  126. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  127. package/eui-skeleton/eui-skeleton.component.d.ts.map +1 -1
  128. package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
  129. package/eui-table/eui-table.component.d.ts.map +1 -1
  130. package/eui-table/filter/eui-table-filter.component.d.ts.map +1 -1
  131. package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts.map +1 -1
  132. package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts.map +1 -1
  133. package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
  134. package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
  135. package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts.map +1 -1
  136. package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts.map +1 -1
  137. package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts.map +1 -1
  138. package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
  139. package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts.map +1 -1
  140. package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
  141. package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
  142. package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
  143. package/eui-timebar/eui-timebar-item.model.d.ts +20 -1
  144. package/eui-timebar/eui-timebar-item.model.d.ts.map +1 -1
  145. package/eui-timebar/eui-timebar.component.d.ts +83 -6
  146. package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
  147. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  148. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  149. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  150. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  151. package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
  152. package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
  153. package/eui-tree-list/toolbar/toolbar.component.d.ts.map +1 -1
  154. package/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  155. package/eui-user-profile/user-profile.component.d.ts.map +1 -1
  156. package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
  157. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  158. package/externals/eui-editor/counters/eui-editor-counters.component.d.ts.map +1 -1
  159. package/externals/quill/quill-editor.component.d.ts.map +1 -1
  160. package/fesm2022/eui-components-directives.mjs +70 -70
  161. package/fesm2022/eui-components-eui-accordion.mjs +13 -13
  162. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  163. package/fesm2022/eui-components-eui-autocomplete.mjs +15 -14
  164. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  165. package/fesm2022/eui-components-eui-avatar.mjs +286 -36
  166. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  167. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  168. package/fesm2022/eui-components-eui-block-content.mjs +7 -7
  169. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  170. package/fesm2022/eui-components-eui-breadcrumb.mjs +13 -13
  171. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  172. package/fesm2022/eui-components-eui-button-v2.mjs +7 -7
  173. package/fesm2022/eui-components-eui-button.mjs +7 -7
  174. package/fesm2022/eui-components-eui-card.mjs +49 -49
  175. package/fesm2022/eui-components-eui-chip-group.mjs +7 -7
  176. package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
  177. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  178. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  179. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  180. package/fesm2022/eui-components-eui-dashboard-card.mjs +13 -13
  181. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  182. package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
  183. package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
  184. package/fesm2022/eui-components-eui-dialog.mjs +19 -19
  185. package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
  186. package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
  187. package/fesm2022/eui-components-eui-discussion-thread.mjs +113 -12
  188. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  189. package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
  190. package/fesm2022/eui-components-eui-feedback-message.mjs +8 -8
  191. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  192. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  193. package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
  194. package/fesm2022/eui-components-eui-growl.mjs +7 -7
  195. package/fesm2022/eui-components-eui-icon-button-expander.mjs +7 -7
  196. package/fesm2022/eui-components-eui-icon-button.mjs +7 -7
  197. package/fesm2022/eui-components-eui-icon-color.mjs +7 -7
  198. package/fesm2022/eui-components-eui-icon-input.mjs +7 -7
  199. package/fesm2022/eui-components-eui-icon-state.mjs +7 -7
  200. package/fesm2022/eui-components-eui-icon-toggle.mjs +106 -10
  201. package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
  202. package/fesm2022/eui-components-eui-icon.mjs +7 -7
  203. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  204. package/fesm2022/eui-components-eui-input-group.mjs +13 -13
  205. package/fesm2022/eui-components-eui-input-number.mjs +10 -10
  206. package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
  207. package/fesm2022/eui-components-eui-input-text.mjs +7 -7
  208. package/fesm2022/eui-components-eui-label.mjs +8 -8
  209. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  210. package/fesm2022/eui-components-eui-language-selector.mjs +10 -10
  211. package/fesm2022/eui-components-eui-list.mjs +116 -15
  212. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  213. package/fesm2022/eui-components-eui-menu.mjs +10 -10
  214. package/fesm2022/eui-components-eui-message-box.mjs +208 -20
  215. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  216. package/fesm2022/eui-components-eui-navbar.mjs +10 -10
  217. package/fesm2022/eui-components-eui-overlay.mjs +19 -19
  218. package/fesm2022/eui-components-eui-page.mjs +58 -58
  219. package/fesm2022/eui-components-eui-paginator.mjs +7 -7
  220. package/fesm2022/eui-components-eui-popover.mjs +195 -21
  221. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  222. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  223. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  224. package/fesm2022/eui-components-eui-select.mjs +19 -19
  225. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  226. package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
  227. package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
  228. package/fesm2022/eui-components-eui-split-button.mjs +7 -7
  229. package/fesm2022/eui-components-eui-table-v2.mjs +34 -34
  230. package/fesm2022/eui-components-eui-table.mjs +34 -34
  231. package/fesm2022/eui-components-eui-tabs.mjs +24 -24
  232. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  233. package/fesm2022/eui-components-eui-textarea.mjs +10 -10
  234. package/fesm2022/eui-components-eui-timebar.mjs +82 -10
  235. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  236. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  237. package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
  238. package/fesm2022/eui-components-eui-tree-list.mjs +25 -25
  239. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  240. package/fesm2022/eui-components-eui-user-profile.mjs +16 -16
  241. package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
  242. package/fesm2022/eui-components-eui-wizard.mjs +13 -13
  243. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  244. package/fesm2022/eui-components-externals-eui-editor.mjs +28 -28
  245. package/fesm2022/eui-components-externals-quill.mjs +10 -10
  246. package/fesm2022/eui-components-layout.mjs +183 -182
  247. package/fesm2022/eui-components-layout.mjs.map +1 -1
  248. package/fesm2022/eui-components-pipes.mjs +14 -14
  249. package/fesm2022/eui-components-shared.mjs +6 -6
  250. package/fesm2022/eui-components.mjs +4 -4
  251. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
  252. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  253. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  254. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
  255. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  256. package/layout/eui-footer/footer.component.d.ts.map +1 -1
  257. package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
  258. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  259. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  260. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  261. package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -1
  262. package/layout/eui-toolbar/toolbar-items/toolbar-items.component.d.ts.map +1 -1
  263. package/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.d.ts.map +1 -1
  264. package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
  265. package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts.map +1 -1
  266. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  267. package/package.json +4 -4
  268. package/shared/base/base-states.directive.d.ts.map +1 -1
  269. 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
@@ -117,10 +117,10 @@ class EuiDisableContentComponent {
117
117
  this.growlService.growlInfo(this.disabledText());
118
118
  }
119
119
  }
120
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
121
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.7", 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 }); }
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 }); }
122
122
  }
123
- 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: [{
124
124
  type: Component,
125
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
126
  }], ctorParameters: () => [], propDecorators: { onClick: [{
@@ -139,11 +139,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
139
139
  * @deprecated Use the {@link EuiDisableContentComponent} directly instead of this module.
140
140
  */
141
141
  class EuiDisableContentModule {
142
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
143
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDisableContentModule, imports: [CommonModule, EuiDisableContentComponent], exports: [EuiDisableContentComponent] }); }
144
- 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] }); }
145
145
  }
146
- 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: [{
147
147
  type: NgModule,
148
148
  args: [{
149
149
  imports: [CommonModule, EuiDisableContentComponent],
package/fesm2022/eui-components-eui-discussion-thread.mjs CHANGED
@@ -6,28 +6,74 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
6
6
  import * as i1 from '@eui/components/eui-icon';
7
7
  import { EuiIconModule } from '@eui/components/eui-icon';
8
8
  import * as i2 from '@eui/components/eui-label';
9
- import { EuiLabelModule } from '@eui/components/eui-label';
9
+ import { EuiLabelComponent } from '@eui/components/eui-label';
10
10
  import * as i3 from '@eui/components/eui-icon-state';
11
11
  import { EuiIconStateModule } from '@eui/components/eui-icon-state';
12
12
 
13
+ /**
14
+ * @description
15
+ * Component for displaying individual items within a discussion thread.
16
+ * This component represents a single entry in a conversation or thread timeline,
17
+ * displaying information such as the author, date, content body, and optional tooltip.
18
+ *
19
+ * The component applies the ARIA role 'listitem' to maintain proper accessibility
20
+ * and includes support for styling variants through the typeClass property.
21
+ *
22
+ * @example
23
+ * // Basic usage within a discussion thread:
24
+ * <eui-discussion-thread>
25
+ * <eui-discussion-thread-item
26
+ * id="msg-123"
27
+ * typeClass="info"
28
+ * date="2023-10-15T14:30:00"
29
+ * author="John Doe"
30
+ * body="This is a comment in the discussion."
31
+ * tooltip="Posted yesterday">
32
+ * </eui-discussion-thread-item>
33
+ * </eui-discussion-thread>
34
+ *
35
+ * @example
36
+ * // With different type classes for styling:
37
+ * <eui-discussion-thread-item
38
+ * id="msg-456"
39
+ * typeClass="warning"
40
+ * date="2023-10-16T09:15:00"
41
+ * author="Jane Smith"
42
+ * body="Important note about this topic."
43
+ * [isOdd]="true">
44
+ * </eui-discussion-thread-item>
45
+ */
13
46
  class EuiDiscussionThreadItemComponent {
14
47
  constructor() {
48
+ /**
49
+ * ARIA role for the host element to ensure proper accessibility.
50
+ * @default 'listitem'
51
+ */
15
52
  this.role = 'listitem';
16
53
  this._isOdd = false;
17
54
  }
55
+ /**
56
+ * Sets CSS classes on the host element based on the typeClass property.
57
+ * This helps maintain consistent styling with the parent theme variant.
58
+ * @returns {string} The CSS class to be applied
59
+ */
18
60
  get cssClasses() {
19
61
  return `eui--${this.typeClass}`; // simulate parent variant for icon auto-contrast color fill
20
62
  }
63
+ /**
64
+ * Indicates if this item is in an odd position in the list.
65
+ * Used for alternating styling patterns within the thread.
66
+ */
21
67
  get isOdd() {
22
68
  return this._isOdd;
23
69
  }
24
70
  set isOdd(value) {
25
71
  this._isOdd = coerceBooleanProperty(value);
26
72
  }
27
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDiscussionThreadItemComponent, isStandalone: false, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n", dependencies: [{ kind: "component", type: i1.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: i2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
73
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
74
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiDiscussionThreadItemComponent, isStandalone: false, selector: "eui-discussion-thread-item", inputs: { id: "id", typeClass: "typeClass", date: "date", author: "author", body: "body", tooltip: "tooltip", isOdd: "isOdd" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n", dependencies: [{ kind: "component", type: i1.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: i2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i3.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
29
75
  }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
76
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadItemComponent, decorators: [{
31
77
  type: Component,
32
78
  args: [{ selector: 'eui-discussion-thread-item', standalone: false, template: "<li role=\"none\" class=\"eui-discussion-thread__item\" [class.eui-discussion-thread__item--inverted]=\"isOdd\">\n <div class=\"eui-discussion-thread__item-badge eui-discussion-thread__item-badge--{{ typeClass }}\" title=\"{{ tooltip }}\">\n <eui-icon-state [euiVariant]=\"typeClass\" size=\"xl\" class=\"eui-alert__icon-type\"/>\n </div>\n <div class=\"eui-discussion-thread__item-panel\">\n <div class=\"eui-discussion-thread__item-panel-header\">\n <div class=\"eui-discussion-thread__item-panel-heading\">\n <div class=\"eui-discussion-thread__item-panel-title\">\n {{ date | date: 'dd/MM/YYYY' }}\n </div>\n <div class=\"eui-discussion-thread__item-panel-time\">\n <eui-icon-svg icon=\"time\" set=\"outline\" size=\"s\" fillColor=\"neutral-light\" class=\"eui-discussion-thread__item-panel-time-icon\"></eui-icon-svg>\n <span euiLabel euiSizeS>{{ date | date: 'HH:mm' }}</span>\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-subheading\">\n {{ author }}\n </div>\n </div>\n <div class=\"eui-discussion-thread__item-panel-body\">\n <p class=\"eui-discussion-thread__item-panel-body-word-break\" [innerHTML]=\"body\"></p>\n </div>\n </div>\n</li>\n" }]
33
79
  }], propDecorators: { cssClasses: [{
@@ -52,17 +98,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
52
98
  type: Input
53
99
  }] } });
54
100
 
101
+ /**
102
+ * @description
103
+ * Component for displaying a discussion thread or conversation timeline.
104
+ * This component renders a list of discussion thread items in a structured format,
105
+ * with support for titles, subtitles, and tooltips for additional context.
106
+ *
107
+ * The component applies the ARIA role 'list' to the host element to maintain proper
108
+ * accessibility for screen readers.
109
+ *
110
+ * @example
111
+ * // Basic usage with thread items:
112
+ * <eui-discussion-thread
113
+ * [items]="discussionItems"
114
+ * titleLabel="Discussion"
115
+ * subTitleLabel="Recent activity">
116
+ * </eui-discussion-thread>
117
+ *
118
+ * @example
119
+ * // With tooltip:
120
+ * <eui-discussion-thread
121
+ * [items]="discussionItems"
122
+ * titleLabel="Comments"
123
+ * tooltip="Click on a comment to view details">
124
+ * </eui-discussion-thread>
125
+ */
55
126
  class EuiDiscussionThreadComponent {
56
127
  constructor() {
128
+ /**
129
+ * ARIA role for the host element to ensure proper accessibility.
130
+ * @default 'list'
131
+ */
57
132
  this.role = 'list';
58
133
  }
134
+ /**
135
+ * Track by function for ngFor directive to improve rendering performance.
136
+ * Uses the id property of each discussion thread item.
137
+ *
138
+ * @param index - The index of the current item in the array
139
+ * @param item - The current discussion thread item
140
+ * @returns The unique identifier for the item
141
+ */
59
142
  trackByFn(index, item) {
60
143
  return item.id;
61
144
  }
62
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
63
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
145
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
146
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EuiDiscussionThreadComponent, isStandalone: false, selector: "eui-discussion-thread", inputs: { items: "items", titleLabel: "titleLabel", subTitleLabel: "subTitleLabel", tooltip: "tooltip" }, host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiDiscussionThreadItemComponent, selector: "eui-discussion-thread-item", inputs: ["id", "typeClass", "date", "author", "body", "tooltip", "isOdd"] }], encapsulation: i0.ViewEncapsulation.None }); }
64
147
  }
65
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
148
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadComponent, decorators: [{
66
149
  type: Component,
67
150
  args: [{ selector: 'eui-discussion-thread', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"eui-discussion-thread-wrapper\">\n <div class=\"eui-discussion-thread-wrapper-header\">\n <div class=\"eui-discussion-thread-wrapper-header__title\">{{ titleLabel }}</div>\n <div class=\"eui-discussion-thread-wrapper-header__subtitle\">{{ subTitleLabel }}</div>\n </div>\n <ul role=\"none\" class=\"eui-discussion-thread\">\n <ng-template [ngIf]=\"items\">\n <eui-discussion-thread-item\n *ngFor=\"let item of items; let o = odd; let e = even; trackBy: trackByFn\"\n [isOdd]=\"o\"\n id=\"{{ item.id }}\"\n typeClass=\"{{ item.typeClass }}\"\n date=\"{{ item.date }}\"\n author=\"{{ item.author }}\"\n body=\"{{ item.body }}\"\n tooltip=\"{{ item.tooltip }}\">\n </eui-discussion-thread-item>\n </ng-template>\n\n <ng-template [ngIf]=\"!items\">\n <ng-content></ng-content>\n </ng-template>\n </ul>\n</div>\n", styles: [".eui-19 .eui-discussion-thread-wrapper{margin:0;padding:0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header{display:flex;flex-direction:column;position:relative;width:100%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__title{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:var(--eui-s-xs);padding-bottom:var(--eui-s-2xs);width:100%;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread-wrapper-header__subtitle{color:var(--eui-c-neutral);display:flex;width:100%;font:var(--eui-f-m)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread{list-style:none;padding:20px 0;position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread:before{background-color:var(--eui-c-neutral-lightest);bottom:0;content:\" \";left:50%;margin-left:-1.5px;position:absolute;top:0;width:2px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item{margin-bottom:var(--eui-s-m);position:relative}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:before,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{content:\" \";display:table}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item:after{clear:both}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel{background-color:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-xl);box-shadow:var(--eui-sh-card);float:left;padding:var(--eui-s-m) var(--eui-s-m) 0;position:relative;width:44%}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:before{border-bottom:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eui-c-white);border-right:0 solid var(--eui-c-white);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-badge{background-color:var(--eui-c-white);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-header{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-title{align-items:center;display:flex;font:var(--eui-f-m-bold)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-heading .eui-discussion-thread__item-panel-time-icon{margin-right:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-subheading{margin-top:var(--eui-s-xs)}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body{margin:var(--eui-s-m) 0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body__word-break{word-break:break-word}.eui-19 .eui-discussion-thread-wrapper hr .eui-discussion-thread-separator{border-top:1px solid var(--eui-c-black);height:1px;margin:0!important;opacity:.4}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p,.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>ul{margin-bottom:0}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-body>p+p{margin-top:5px}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-footer{border-top:1px solid rgba(0,0,0,.2);margin:0 0 .5rem}.eui-19 .eui-discussion-thread-wrapper .eui-discussion-thread__item-panel-tooltip{background-color:#000000bf;font:var(--eui-f-s)}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel{float:right}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread__item--inverted .eui-discussion-thread__item-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}:root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}@media screen and (min-width: 1140px){.eui-19 .eui-discussion-thread-panel{width:42%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-19 .eui-discussion-thread-panel{float:right;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px)}.eui-19 .eui-discussion-thread-badge{left:15px;margin-left:0;top:16px}.eui-19 .eui-discussion-thread-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-19 .eui-discussion-thread-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}}\n"] }]
68
151
  }], propDecorators: { role: [{
@@ -78,15 +161,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
78
161
  type: Input
79
162
  }] } });
80
163
 
164
+ /**
165
+ * @description
166
+ * Provides components for displaying structured discussion threads and conversation timelines.
167
+ *
168
+ * @example
169
+ * // Import in your feature module:
170
+ * import { EuiDiscussionThreadModule } from '@eui/components/eui-discussion-thread';
171
+ *
172
+ * @NgModule({
173
+ * imports: [
174
+ * EuiDiscussionThreadModule,
175
+ * ],
176
+ * })
177
+ * export class MyFeatureModule {}
178
+ *
179
+ * @see EuiDiscussionThreadComponent
180
+ * @see EuiDiscussionThreadItemComponent
181
+ */
81
182
  class EuiDiscussionThreadModule {
82
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
83
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
84
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule] }); }
183
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
184
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent], imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule], exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent] }); }
185
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule] }); }
85
186
  }
86
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
187
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiDiscussionThreadModule, decorators: [{
87
188
  type: NgModule,
88
189
  args: [{
89
- imports: [CommonModule, EuiIconModule, EuiLabelModule, EuiIconStateModule],
190
+ imports: [CommonModule, EuiIconModule, EuiLabelComponent, EuiIconStateModule],
90
191
  declarations: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],
91
192
  exports: [EuiDiscussionThreadComponent, EuiDiscussionThreadItemComponent],
92
193
  }]