@eui/components 17.0.0-next.4 → 17.0.0-next.6

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 (557) hide show
  1. package/directives/eui-clearable.directive.d.ts.map +1 -1
  2. package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
  3. package/esm2022/directives/eui-clearable.directive.mjs +8 -9
  4. package/esm2022/directives/eui-has-permission.directive.mjs +7 -7
  5. package/esm2022/directives/eui-loading.directive.mjs +3 -3
  6. package/esm2022/directives/eui-maxlength.directive.mjs +7 -7
  7. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
  8. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +4 -5
  9. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
  10. package/esm2022/directives/eui-scroll-handler.directive.mjs +10 -10
  11. package/esm2022/directives/eui-smooth-scroll.directive.mjs +10 -10
  12. package/esm2022/directives/eui-template.directive.mjs +7 -7
  13. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  14. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +58 -26
  15. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
  16. package/esm2022/eui-alert/eui-alert.component.mjs +9 -8
  17. package/esm2022/eui-all/eui-all.module.mjs +9 -10
  18. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +31 -15
  19. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
  20. package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +2 -1
  21. package/esm2022/eui-badge/eui-badge.component.mjs +8 -8
  22. package/esm2022/eui-block-content/eui-block-content.component.mjs +5 -5
  23. package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
  24. package/esm2022/eui-block-document/eui-block-document.component.mjs +3 -3
  25. package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
  26. package/esm2022/eui-button/eui-button.component.mjs +10 -10
  27. package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
  28. package/esm2022/eui-buttons/eui-buttons.component.mjs +18 -18
  29. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
  30. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
  31. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
  32. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
  33. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +3 -3
  34. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
  35. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
  36. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
  37. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
  38. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
  39. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
  40. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
  41. package/esm2022/eui-card/eui-card.component.mjs +3 -3
  42. package/esm2022/eui-card/eui-card.module.mjs +4 -4
  43. package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
  44. package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
  45. package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
  46. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +9 -9
  47. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
  48. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
  49. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +15 -15
  50. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +9 -8
  51. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +19 -6
  52. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
  53. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +25 -25
  54. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
  55. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
  56. package/esm2022/eui-dialog/eui-dialog.component.mjs +10 -10
  57. package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
  58. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +5 -5
  59. package/esm2022/eui-dimmer/dimmer.component.mjs +5 -5
  60. package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
  61. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +11 -11
  62. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +5 -5
  63. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
  64. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
  65. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
  66. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +10 -8
  67. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  68. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
  69. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
  70. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +3 -3
  71. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
  72. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +9 -9
  73. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
  74. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +32 -18
  75. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +6 -17
  76. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +6 -4
  77. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
  78. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
  79. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +4 -4
  80. package/esm2022/eui-file-upload/utils/eui-file-upload.validators.mjs +1 -1
  81. package/esm2022/eui-file-upload/utils/mime-types.mjs +3 -1
  82. package/esm2022/eui-growl/eui-growl.component.mjs +4 -4
  83. package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
  84. package/esm2022/eui-growl/index.mjs +1 -3
  85. package/esm2022/eui-icon/eui-icon-color.component.mjs +3 -3
  86. package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
  87. package/esm2022/eui-icon/eui-icon.component.mjs +3 -3
  88. package/esm2022/eui-icon/eui-icon.module.mjs +4 -4
  89. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  90. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
  91. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +4 -4
  92. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
  93. package/esm2022/eui-input-group/eui-input-group.component.mjs +4 -4
  94. package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
  95. package/esm2022/eui-input-number/eui-input-number.component.mjs +4 -4
  96. package/esm2022/eui-input-number/eui-input-number.module.mjs +4 -4
  97. package/esm2022/eui-input-number/eui-number-control.directive.mjs +4 -4
  98. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +9 -11
  99. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
  100. package/esm2022/eui-input-text/eui-input-text.component.mjs +5 -5
  101. package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
  102. package/esm2022/eui-label/eui-label.component.mjs +4 -4
  103. package/esm2022/eui-label/eui-label.module.mjs +4 -4
  104. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +4 -4
  105. package/esm2022/eui-list/eui-list.component.mjs +3 -3
  106. package/esm2022/eui-list/eui-list.module.mjs +4 -4
  107. package/esm2022/eui-list/services/eui-list.service.mjs +3 -3
  108. package/esm2022/eui-menu/eui-menu-item.component.mjs +4 -4
  109. package/esm2022/eui-menu/eui-menu.component.mjs +5 -5
  110. package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
  111. package/esm2022/eui-message-box/eui-message-box.component.mjs +9 -7
  112. package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
  113. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +3 -3
  114. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +5 -5
  115. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +5 -5
  116. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +38 -0
  117. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +5 -5
  118. package/esm2022/eui-overlay/eui-overlay.component.mjs +30 -12
  119. package/esm2022/eui-overlay/index.mjs +2 -1
  120. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
  121. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +23 -23
  122. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
  123. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
  124. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +3 -3
  125. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +9 -9
  126. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
  127. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +3 -3
  128. package/esm2022/eui-page/eui-page.component.mjs +3 -3
  129. package/esm2022/eui-page/eui-page.module.mjs +4 -4
  130. package/esm2022/eui-paginator/eui-paginator.component.mjs +11 -9
  131. package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
  132. package/esm2022/eui-picker/eui-picker.component.mjs +8 -6
  133. package/esm2022/eui-picker/eui-picker.module.mjs +4 -4
  134. package/esm2022/eui-picker/modal-picker/eui-modal-picker.component.mjs +5 -5
  135. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +58 -0
  136. package/esm2022/eui-popover/eui-popover.component.mjs +25 -19
  137. package/esm2022/eui-popover/eui-popover.module.mjs +7 -6
  138. package/esm2022/eui-popover/models/eui-popover-position.model.mjs +18 -0
  139. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +3 -3
  140. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
  141. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +7 -7
  142. package/esm2022/eui-select/eui-select-control.directive.mjs +4 -4
  143. package/esm2022/eui-select/eui-select-multiple.directive.mjs +10 -5
  144. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +4 -4
  145. package/esm2022/eui-select/eui-select-option.directive.mjs +5 -4
  146. package/esm2022/eui-select/eui-select.component.mjs +5 -5
  147. package/esm2022/eui-select/eui-select.module.mjs +4 -4
  148. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +6 -4
  149. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
  150. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +4 -4
  151. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
  152. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
  153. package/esm2022/eui-table/eui-table.component.mjs +76 -29
  154. package/esm2022/eui-table/eui-table.module.mjs +4 -4
  155. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
  156. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +3 -3
  157. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
  158. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +3 -3
  159. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +3 -3
  160. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
  161. package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
  162. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +4 -4
  163. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -3
  164. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +3 -3
  165. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +6 -6
  166. package/esm2022/eui-tabs/eui-tabs.component.mjs +7 -7
  167. package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
  168. package/esm2022/eui-textarea/auto-resize.directive.mjs +4 -4
  169. package/esm2022/eui-textarea/eui-textarea.component.mjs +5 -5
  170. package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
  171. package/esm2022/eui-timebar/eui-timebar-item.model.mjs +3 -1
  172. package/esm2022/eui-timebar/eui-timebar.component.mjs +10 -10
  173. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -3
  174. package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
  175. package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
  176. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +3 -3
  177. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +11 -11
  178. package/esm2022/eui-timepicker/models/eui-date-time-picker.config.model.mjs +1 -1
  179. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +8 -8
  180. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +8 -8
  181. package/esm2022/eui-tree/eui-tree-helper.mjs +1 -1
  182. package/esm2022/eui-tree/eui-tree.component.mjs +29 -11
  183. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
  184. package/esm2022/eui-wizard/eui-wizard.component.mjs +16 -14
  185. package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
  186. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +3 -3
  187. package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
  188. package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
  189. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
  190. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +3 -3
  191. package/esm2022/externals/eui-editor/eui-editor.component.mjs +8 -8
  192. package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
  193. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +3 -3
  194. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +3 -3
  195. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +3 -3
  196. package/esm2022/externals/quill/quill-editor.component.mjs +3 -3
  197. package/esm2022/externals/quill/quill.module.mjs +4 -4
  198. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +5 -5
  199. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
  200. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
  201. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
  202. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +5 -5
  203. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
  204. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
  205. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
  206. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +5 -5
  207. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +5 -5
  208. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +5 -5
  209. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +6 -5
  210. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +5 -5
  211. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
  212. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +5 -5
  213. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
  214. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +6 -5
  215. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
  216. package/esm2022/layout/eui-app/eui-app.component.mjs +18 -18
  217. package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
  218. package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +11 -5
  219. package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +4 -4
  220. package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +3 -3
  221. package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +8 -8
  222. package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +6 -6
  223. package/esm2022/layout/eui-footer/footer.component.mjs +3 -3
  224. package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
  225. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +14 -14
  226. package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +5 -5
  227. package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +7 -11
  228. package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +5 -5
  229. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +5 -5
  230. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +5 -5
  231. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +3 -3
  232. package/esm2022/layout/eui-header/header.component.mjs +3 -3
  233. package/esm2022/layout/eui-header/header.module.mjs +4 -4
  234. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +5 -5
  235. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +4 -4
  236. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +3 -3
  237. package/esm2022/layout/eui-layout.module.mjs +10 -5
  238. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +5 -5
  239. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  240. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
  241. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +57 -0
  242. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +244 -0
  243. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +25 -0
  244. package/esm2022/layout/eui-notifications-v2/index.mjs +4 -0
  245. package/esm2022/layout/eui-search/search.component.mjs +3 -3
  246. package/esm2022/layout/eui-search/search.module.mjs +4 -4
  247. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +5 -5
  248. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
  249. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
  250. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
  251. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
  252. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
  253. package/esm2022/layout/eui-toolbar/toolbar-item-notifications/toolbar-item-notifications.component.mjs +3 -3
  254. package/esm2022/layout/eui-toolbar/toolbar-item-search/toolbar-item-search.component.mjs +3 -3
  255. package/esm2022/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +3 -3
  256. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +3 -3
  257. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +3 -3
  258. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +5 -5
  259. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +6 -6
  260. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
  261. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +7 -6
  262. package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +3 -3
  263. package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +3 -3
  264. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +15 -6
  265. package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
  266. package/esm2022/layout/index.mjs +2 -1
  267. package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
  268. package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
  269. package/esm2022/shared/base/base-states.directive.mjs +3 -3
  270. package/esm2022/shared/base/base.directive.mjs +3 -3
  271. package/esm2022/shared/base/mixins/index.mjs +1 -1
  272. package/esm2022/shared/eui-common-header/common-header.component.mjs +7 -7
  273. package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +7 -7
  274. package/esm2022/shared/input.directive.mjs +4 -4
  275. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  276. package/eui-all/eui-all.module.d.ts +19 -20
  277. package/eui-all/eui-all.module.d.ts.map +1 -1
  278. package/eui-autocomplete/eui-autocomplete.component.d.ts +12 -3
  279. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  280. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +1 -0
  281. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
  282. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  283. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  284. package/eui-button/eui-button.component.d.ts +1 -1
  285. package/eui-button/eui-button.component.d.ts.map +1 -1
  286. package/eui-buttons/eui-buttons.component.d.ts +5 -5
  287. package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
  288. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  289. package/eui-dashboard-button/eui-dashboard-button.component.d.ts.map +1 -1
  290. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  291. package/eui-date-range-selector/eui-date-range-selector.component.d.ts +5 -1
  292. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  293. package/eui-datepicker/eui-datepicker.component.d.ts +3 -3
  294. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  295. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  296. package/eui-dialog/services/eui-dialog.service.d.ts.map +1 -1
  297. package/eui-dimmer/dimmer.component.d.ts +3 -3
  298. package/eui-dimmer/dimmer.component.d.ts.map +1 -1
  299. package/eui-disable-content/eui-disable-content.component.d.ts +2 -2
  300. package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
  301. package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
  302. package/eui-file-upload/eui-file-upload.component.d.ts +8 -5
  303. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  304. package/eui-file-upload/eui-file-upload.module.d.ts +5 -6
  305. package/eui-file-upload/eui-file-upload.module.d.ts.map +1 -1
  306. package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
  307. package/eui-file-upload/utils/eui-file-upload.validators.d.ts.map +1 -1
  308. package/eui-file-upload/utils/mime-types.d.ts.map +1 -1
  309. package/eui-growl/eui-growl.component.d.ts +1 -1
  310. package/eui-growl/eui-growl.component.d.ts.map +1 -1
  311. package/eui-growl/index.d.ts +0 -2
  312. package/eui-growl/index.d.ts.map +1 -1
  313. package/eui-input-checkbox/eui-input-checkbox.component.d.ts +1 -1
  314. package/eui-input-checkbox/eui-input-checkbox.component.d.ts.map +1 -1
  315. package/eui-input-number/eui-number-control.directive.d.ts.map +1 -1
  316. package/eui-input-radio/eui-input-radio.component.d.ts +2 -1
  317. package/eui-input-radio/eui-input-radio.component.d.ts.map +1 -1
  318. package/eui-input-text/eui-input-text.component.d.ts +1 -1
  319. package/eui-input-text/eui-input-text.component.d.ts.map +1 -1
  320. package/eui-label/eui-label.component.d.ts.map +1 -1
  321. package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
  322. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  323. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  324. package/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.d.ts.map +1 -1
  325. package/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.d.ts.map +1 -1
  326. package/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.d.ts +15 -0
  327. package/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.d.ts.map +1 -0
  328. package/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.d.ts +1 -1
  329. package/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.d.ts.map +1 -1
  330. package/eui-overlay/eui-overlay.component.d.ts +4 -2
  331. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  332. package/eui-overlay/index.d.ts +1 -0
  333. package/eui-overlay/index.d.ts.map +1 -1
  334. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +3 -3
  335. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  336. package/eui-paginator/eui-paginator.component.d.ts +5 -3
  337. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  338. package/eui-picker/eui-picker.component.d.ts.map +1 -1
  339. package/eui-picker/modal-picker/eui-modal-picker.component.d.ts.map +1 -1
  340. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts +18 -0
  341. package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts.map +1 -0
  342. package/eui-popover/eui-popover.component.d.ts +7 -5
  343. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  344. package/eui-popover/eui-popover.module.d.ts +8 -7
  345. package/eui-popover/eui-popover.module.d.ts.map +1 -1
  346. package/eui-popover/models/eui-popover-position.model.d.ts +8 -0
  347. package/eui-popover/models/eui-popover-position.model.d.ts.map +1 -0
  348. package/eui-select/eui-select-multiple.directive.d.ts +1 -1
  349. package/eui-select/eui-select-multiple.directive.d.ts.map +1 -1
  350. package/eui-select/eui-select-mutli-option.directive.d.ts.map +1 -1
  351. package/eui-select/eui-select-option.directive.d.ts.map +1 -1
  352. package/eui-select/eui-select.component.d.ts +1 -1
  353. package/eui-select/eui-select.component.d.ts.map +1 -1
  354. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  355. package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
  356. package/eui-table/eui-table.component.d.ts.map +1 -1
  357. package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
  358. package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
  359. package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
  360. package/eui-textarea/eui-textarea.component.d.ts +3 -3
  361. package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
  362. package/eui-timebar/eui-timebar-item.model.d.ts +2 -2
  363. package/eui-timebar/eui-timebar-item.model.d.ts.map +1 -1
  364. package/eui-timebar/eui-timebar.component.d.ts +2 -2
  365. package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
  366. package/eui-timepicker/eui-timepicker.module.d.ts +1 -1
  367. package/eui-timepicker/eui-timepicker.module.d.ts.map +1 -1
  368. package/eui-timepicker/models/eui-date-time-picker.config.model.d.ts +1 -10
  369. package/eui-timepicker/models/eui-date-time-picker.config.model.d.ts.map +1 -1
  370. package/eui-tree/eui-dropdown-tree.directive.d.ts.map +1 -1
  371. package/eui-tree/eui-tree-form-control.directive.d.ts.map +1 -1
  372. package/eui-tree/eui-tree.component.d.ts +4 -1
  373. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  374. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  375. package/fesm2022/eui-components-directives.mjs +125 -95
  376. package/fesm2022/eui-components-directives.mjs.map +1 -1
  377. package/fesm2022/eui-components-eui-alert.mjs +8 -7
  378. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  379. package/fesm2022/eui-components-eui-all.mjs +8 -9
  380. package/fesm2022/eui-components-eui-all.mjs.map +1 -1
  381. package/fesm2022/eui-components-eui-autocomplete.mjs +35 -18
  382. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  383. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  384. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  385. package/fesm2022/eui-components-eui-block-content.mjs +8 -8
  386. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  387. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  388. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  389. package/fesm2022/eui-components-eui-button.mjs +9 -9
  390. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  391. package/fesm2022/eui-components-eui-buttons.mjs +17 -17
  392. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  393. package/fesm2022/eui-components-eui-card.mjs +46 -46
  394. package/fesm2022/eui-components-eui-chip-list.mjs +15 -15
  395. package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
  396. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  397. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  398. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  399. package/fesm2022/eui-components-eui-dashboard-card.mjs +8 -7
  400. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  401. package/fesm2022/eui-components-eui-date-range-selector.mjs +22 -9
  402. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  403. package/fesm2022/eui-components-eui-datepicker.mjs +28 -28
  404. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  405. package/fesm2022/eui-components-eui-dialog.mjs +20 -20
  406. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  407. package/fesm2022/eui-components-eui-dimmer.mjs +8 -8
  408. package/fesm2022/eui-components-eui-dimmer.mjs.map +1 -1
  409. package/fesm2022/eui-components-eui-disable-content.mjs +10 -10
  410. package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
  411. package/fesm2022/eui-components-eui-discussion-thread.mjs +11 -11
  412. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  413. package/fesm2022/eui-components-eui-dropdown.mjs +26 -24
  414. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  415. package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
  416. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  417. package/fesm2022/eui-components-eui-file-upload.mjs +52 -153
  418. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  419. package/fesm2022/eui-components-eui-growl.mjs +9 -86
  420. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  421. package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
  422. package/fesm2022/eui-components-eui-icon.mjs +13 -13
  423. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  424. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  425. package/fesm2022/eui-components-eui-input-group.mjs +8 -8
  426. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  427. package/fesm2022/eui-components-eui-input-number.mjs +11 -11
  428. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  429. package/fesm2022/eui-components-eui-input-radio.mjs +12 -14
  430. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  431. package/fesm2022/eui-components-eui-input-text.mjs +8 -8
  432. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  433. package/fesm2022/eui-components-eui-label.mjs +7 -7
  434. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  435. package/fesm2022/eui-components-eui-list.mjs +13 -13
  436. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  437. package/fesm2022/eui-components-eui-menu.mjs +12 -12
  438. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  439. package/fesm2022/eui-components-eui-message-box.mjs +15 -13
  440. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  441. package/fesm2022/eui-components-eui-overlay.mjs +76 -25
  442. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  443. package/fesm2022/eui-components-eui-page.mjs +56 -56
  444. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  445. package/fesm2022/eui-components-eui-paginator.mjs +15 -14
  446. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  447. package/fesm2022/eui-components-eui-picker.mjs +15 -13
  448. package/fesm2022/eui-components-eui-picker.mjs.map +1 -1
  449. package/fesm2022/eui-components-eui-popover.mjs +104 -28
  450. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  451. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  452. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  453. package/fesm2022/eui-components-eui-select.mjs +27 -21
  454. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  455. package/fesm2022/eui-components-eui-sidebar-menu.mjs +9 -7
  456. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
  457. package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
  458. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  459. package/fesm2022/eui-components-eui-table.mjs +106 -59
  460. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  461. package/fesm2022/eui-components-eui-tabs.mjs +22 -22
  462. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  463. package/fesm2022/eui-components-eui-textarea.mjs +11 -11
  464. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  465. package/fesm2022/eui-components-eui-timebar.mjs +11 -9
  466. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  467. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  468. package/fesm2022/eui-components-eui-timepicker.mjs +13 -12
  469. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  470. package/fesm2022/eui-components-eui-tree.mjs +42 -24
  471. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  472. package/fesm2022/eui-components-eui-wizard.mjs +25 -23
  473. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  474. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  475. package/fesm2022/eui-components-externals-eui-editor.mjs +27 -27
  476. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  477. package/fesm2022/eui-components-externals-quill.mjs +7 -7
  478. package/fesm2022/eui-components-layout.mjs +579 -263
  479. package/fesm2022/eui-components-layout.mjs.map +1 -1
  480. package/fesm2022/eui-components-pipes.mjs +14 -14
  481. package/fesm2022/eui-components-shared-base.mjs +6 -6
  482. package/fesm2022/eui-components-shared-base.mjs.map +1 -1
  483. package/fesm2022/eui-components-shared.mjs +17 -17
  484. package/fesm2022/eui-components-shared.mjs.map +1 -1
  485. package/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.d.ts +2 -2
  486. package/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.d.ts.map +1 -1
  487. package/layout/eui-app/eui-app-header/header.component.d.ts +3 -3
  488. package/layout/eui-app/eui-app-header/header.component.d.ts.map +1 -1
  489. package/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.d.ts +2 -2
  490. package/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.d.ts.map +1 -1
  491. package/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.d.ts +2 -2
  492. package/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.d.ts.map +1 -1
  493. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts +3 -3
  494. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
  495. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -3
  496. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  497. package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts +3 -3
  498. package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts.map +1 -1
  499. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts +3 -3
  500. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  501. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +3 -3
  502. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
  503. package/layout/eui-app/eui-app.component.d.ts +4 -4
  504. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  505. package/layout/eui-breadcrumb/breadcrumb.component.d.ts +2 -2
  506. package/layout/eui-breadcrumb/breadcrumb.component.d.ts.map +1 -1
  507. package/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.d.ts.map +1 -1
  508. package/layout/eui-breadcrumb/item/breadcrumb-item.component.d.ts +1 -1
  509. package/layout/eui-breadcrumb/item/breadcrumb-item.component.d.ts.map +1 -1
  510. package/layout/eui-header/header-app/header-app.component.d.ts +3 -3
  511. package/layout/eui-header/header-app/header-app.component.d.ts.map +1 -1
  512. package/layout/eui-header/header-app-name/header-app-name.component.d.ts +3 -3
  513. package/layout/eui-header/header-app-name/header-app-name.component.d.ts.map +1 -1
  514. package/layout/eui-header/header-app-name-logo/header-app-name-logo.component.d.ts +2 -4
  515. package/layout/eui-header/header-app-name-logo/header-app-name-logo.component.d.ts.map +1 -1
  516. package/layout/eui-header/header-app-subtitle/header-app-subtitle.component.d.ts +3 -3
  517. package/layout/eui-header/header-app-subtitle/header-app-subtitle.component.d.ts.map +1 -1
  518. package/layout/eui-header/header-environment/header-environment.component.d.ts +2 -2
  519. package/layout/eui-header/header-environment/header-environment.component.d.ts.map +1 -1
  520. package/layout/eui-header/header-logo/header-logo.component.d.ts +2 -2
  521. package/layout/eui-header/header-logo/header-logo.component.d.ts.map +1 -1
  522. package/layout/eui-language-selector/language-selector.component.d.ts +3 -3
  523. package/layout/eui-language-selector/language-selector.component.d.ts.map +1 -1
  524. package/layout/eui-layout.module.d.ts +10 -9
  525. package/layout/eui-layout.module.d.ts.map +1 -1
  526. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts +21 -0
  527. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -0
  528. package/layout/eui-notifications-v2/eui-notifications.component.d.ts +78 -0
  529. package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -0
  530. package/layout/eui-notifications-v2/eui-notifications.module.d.ts +16 -0
  531. package/layout/eui-notifications-v2/eui-notifications.module.d.ts.map +1 -0
  532. package/layout/eui-notifications-v2/index.d.ts +4 -0
  533. package/layout/eui-notifications-v2/index.d.ts.map +1 -0
  534. package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts +3 -3
  535. package/layout/eui-sidebar-toggle/sidebar-toggle.component.d.ts.map +1 -1
  536. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +3 -3
  537. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  538. package/layout/eui-toolbar/toolbar.component.d.ts +3 -3
  539. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  540. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts +3 -3
  541. package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  542. package/layout/eui-user-profile/user-profile.component.d.ts +8 -5
  543. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  544. package/layout/index.d.ts +1 -0
  545. package/layout/index.d.ts.map +1 -1
  546. package/package.json +2 -2
  547. package/shared/base/mixins/index.d.ts.map +1 -1
  548. package/shared/input.directive.d.ts.map +1 -1
  549. package/esm2022/eui-file-upload/uploaded-file/uploaded-file.component.mjs +0 -116
  550. package/esm2022/eui-growl/models/eui-growl-message.model.mjs +0 -2
  551. package/esm2022/eui-growl/services/eui-growl.service.mjs +0 -79
  552. package/eui-file-upload/uploaded-file/uploaded-file.component.d.ts +0 -51
  553. package/eui-file-upload/uploaded-file/uploaded-file.component.d.ts.map +0 -1
  554. package/eui-growl/models/eui-growl-message.model.d.ts +0 -9
  555. package/eui-growl/models/eui-growl-message.model.d.ts.map +0 -1
  556. package/eui-growl/services/eui-growl.service.d.ts +0 -22
  557. package/eui-growl/services/eui-growl.service.d.ts.map +0 -1
package/fesm2022/eui-components-directives.mjs CHANGED
@@ -20,10 +20,10 @@ class EuiTemplateDirective {
20
20
  getType() {
21
21
  return this.name;
22
22
  }
23
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
24
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiTemplateDirective, selector: "[euiTemplate]", inputs: { type: "type", name: ["euiTemplate", "name"] }, ngImport: i0 }); }
23
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
24
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiTemplateDirective, selector: "[euiTemplate]", inputs: { type: "type", name: ["euiTemplate", "name"] }, ngImport: i0 }); }
25
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirective, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirective, decorators: [{
27
27
  type: Directive,
28
28
  args: [{
29
29
  selector: '[euiTemplate]',
@@ -35,11 +35,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
35
35
  args: ['euiTemplate']
36
36
  }] } });
37
37
  class EuiTemplateDirectiveModule {
38
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
39
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirectiveModule, declarations: [EuiTemplateDirective], imports: [CommonModule], exports: [EuiTemplateDirective] }); }
40
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirectiveModule, imports: [CommonModule] }); }
38
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
39
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirectiveModule, declarations: [EuiTemplateDirective], imports: [CommonModule], exports: [EuiTemplateDirective] }); }
40
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirectiveModule, imports: [CommonModule] }); }
41
41
  }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTemplateDirectiveModule, decorators: [{
42
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTemplateDirectiveModule, decorators: [{
43
43
  type: NgModule,
44
44
  args: [{
45
45
  imports: [CommonModule],
@@ -85,10 +85,10 @@ class EuiTooltipContainerComponent {
85
85
  this.config = config;
86
86
  this.e2e = this.config.e2eAttr;
87
87
  }
88
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipContainerComponent, deps: [{ token: TOOLTIP_CONTAINER_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
89
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i0, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xs);letter-spacing:.05em;max-width:50vw;opacity:.9;padding:var(--eui-base-spacing-xs);white-space:pre-line}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
88
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipContainerComponent, deps: [{ token: TOOLTIP_CONTAINER_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
89
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiTooltipContainerComponent, selector: "eui-tooltip-container.component", host: { properties: { "attr.data-e2e": "this.e2e", "class": "this.cssClasses", "@showHide": "this.showHide" } }, ngImport: i0, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xs);letter-spacing:.05em;max-width:50vw;opacity:.9;padding:var(--eui-base-spacing-xs);white-space:pre-line}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
90
90
  }
91
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipContainerComponent, decorators: [{
91
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipContainerComponent, decorators: [{
92
92
  type: Component,
93
93
  args: [{ selector: 'eui-tooltip-container.component', animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [innerHTML]=\"config.tooltipContent\"></div>\n", styles: [".eui-tooltip__container{background-color:transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip{margin-bottom:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip:before{border-color:var(--eui-base-color-grey-100) transparent transparent transparent;left:calc(50% - 8px);transform:translateY(16px)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before{border-color:var(--eui-base-color-primary-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before{border-color:var(--eui-base-color-info-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before{border-color:var(--eui-base-color-success-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before{border-color:var(--eui-base-color-warning-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before{border-color:var(--eui-base-color-danger-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before{border-color:var(--eui-base-color-accent-100) transparent transparent transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip{margin-top:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip:before{border-color:transparent transparent var(--eui-base-color-grey-100) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before{border-color:transparent transparent var(--eui-base-color-primary-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before{border-color:transparent transparent var(--eui-base-color-info-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before{border-color:transparent transparent var(--eui-base-color-success-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before{border-color:transparent transparent var(--eui-base-color-warning-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before{border-color:transparent transparent var(--eui-base-color-danger-100) transparent}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before{border-color:transparent transparent var(--eui-base-color-accent-100) transparent}.eui-tooltip__container.eui-tooltip--left .eui-tooltip,.eui-tooltip__container.eui-tooltip--before .eui-tooltip{margin-right:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip:before{border-color:transparent transparent transparent var(--eui-base-color-grey-100);right:-8px;top:50%;transform:translate(8px,-8px)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before{border-color:transparent transparent transparent var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before{border-color:transparent transparent transparent var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before{border-color:transparent transparent transparent var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before{border-color:transparent transparent transparent var(--eui-base-color-warning-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before{border-color:transparent transparent transparent var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before{border-color:transparent transparent transparent var(--eui-base-color-accent-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip,.eui-tooltip__container.eui-tooltip--after .eui-tooltip{margin-left:var(--eui-base-spacing-m)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip:before{border-color:transparent var(--eui-base-color-grey-100) transparent transparent;left:-8px;top:50%;transform:translate(-8px,-8px)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary{background-color:var(--eui-base-color-primary-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before{border-color:transparent var(--eui-base-color-primary-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info{background-color:var(--eui-base-color-info-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before{border-color:transparent var(--eui-base-color-info-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success{background-color:var(--eui-base-color-success-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before{border-color:transparent var(--eui-base-color-success-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before{border-color:transparent var(--eui-base-color-warning-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger{background-color:var(--eui-base-color-danger-100)}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before{border-color:transparent var(--eui-base-color-danger-100) transparent transparent}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-black);opacity:1}.eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before,.eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before{border-color:transparent var(--eui-base-color-accent-100) transparent transparent}.eui-tooltip__container .eui-tooltip{background-color:var(--eui-base-color-grey-100);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-base-shadow-4);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xs);letter-spacing:.05em;max-width:50vw;opacity:.9;padding:var(--eui-base-spacing-xs);white-space:pre-line}.eui-tooltip__container .eui-tooltip:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-left{text-align:left}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-right{text-align:right}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-center{text-align:center}.eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify{text-align:justify}\n"] }]
94
94
  }], ctorParameters: function () { return [{ type: EuiTooltipConfig, decorators: [{
@@ -106,25 +106,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
106
106
  }] } });
107
107
 
108
108
  class EuiTooltipDirective {
109
- /* eslint-disable prettier/prettier */
110
- get isDisabled() { return this._isDisabled; }
111
- set isDisabled(value) { this._isDisabled = coerceBooleanProperty(value); }
112
- get euiTooltip() { return this.tooltipContent; }
113
- set euiTooltip(value) { this.tooltipContent = value; }
114
- get euiTooltipPrimary() { return this._euiTooltipPrimary; }
115
- set euiTooltipPrimary(value) { this._euiTooltipPrimary = coerceBooleanProperty(value); }
116
- get euiTooltipSecondary() { return this._euiTooltipSecondary; }
117
- set euiTooltipSecondary(value) { this._euiTooltipSecondary = coerceBooleanProperty(value); }
118
- get euiTooltipInfo() { return this._euiTooltipInfo; }
119
- set euiTooltipInfo(value) { this._euiTooltipInfo = coerceBooleanProperty(value); }
120
- get euiTooltipSuccess() { return this._euiTooltipSuccess; }
121
- set euiTooltipSuccess(value) { this._euiTooltipSuccess = coerceBooleanProperty(value); }
122
- get euiTooltipWarning() { return this._euiTooltipWarning; }
123
- set euiTooltipWarning(value) { this._euiTooltipWarning = coerceBooleanProperty(value); }
124
- get euiTooltipDanger() { return this._euiTooltipDanger; }
125
- set euiTooltipDanger(value) { this._euiTooltipDanger = coerceBooleanProperty(value); }
126
- get euiTooltipAccent() { return this._euiTooltipAccent; }
127
- set euiTooltipAccent(value) { this._euiTooltipAccent = coerceBooleanProperty(value); }
109
+ get isDisabled() {
110
+ return this._isDisabled;
111
+ }
112
+ set isDisabled(value) {
113
+ this._isDisabled = coerceBooleanProperty(value);
114
+ }
115
+ get euiTooltip() {
116
+ return this.tooltipContent;
117
+ }
118
+ set euiTooltip(value) {
119
+ this.tooltipContent = value;
120
+ }
121
+ get euiTooltipPrimary() {
122
+ return this._euiTooltipPrimary;
123
+ }
124
+ set euiTooltipPrimary(value) {
125
+ this._euiTooltipPrimary = coerceBooleanProperty(value);
126
+ }
127
+ get euiTooltipSecondary() {
128
+ return this._euiTooltipSecondary;
129
+ }
130
+ set euiTooltipSecondary(value) {
131
+ this._euiTooltipSecondary = coerceBooleanProperty(value);
132
+ }
133
+ get euiTooltipInfo() {
134
+ return this._euiTooltipInfo;
135
+ }
136
+ set euiTooltipInfo(value) {
137
+ this._euiTooltipInfo = coerceBooleanProperty(value);
138
+ }
139
+ get euiTooltipSuccess() {
140
+ return this._euiTooltipSuccess;
141
+ }
142
+ set euiTooltipSuccess(value) {
143
+ this._euiTooltipSuccess = coerceBooleanProperty(value);
144
+ }
145
+ get euiTooltipWarning() {
146
+ return this._euiTooltipWarning;
147
+ }
148
+ set euiTooltipWarning(value) {
149
+ this._euiTooltipWarning = coerceBooleanProperty(value);
150
+ }
151
+ get euiTooltipDanger() {
152
+ return this._euiTooltipDanger;
153
+ }
154
+ set euiTooltipDanger(value) {
155
+ this._euiTooltipDanger = coerceBooleanProperty(value);
156
+ }
157
+ get euiTooltipAccent() {
158
+ return this._euiTooltipAccent;
159
+ }
160
+ set euiTooltipAccent(value) {
161
+ this._euiTooltipAccent = coerceBooleanProperty(value);
162
+ }
128
163
  constructor(overlay, host, injector) {
129
164
  this.overlay = overlay;
130
165
  this.host = host;
@@ -142,7 +177,6 @@ class EuiTooltipDirective {
142
177
  this._euiTooltipWarning = false;
143
178
  this._euiTooltipDanger = false;
144
179
  this._euiTooltipAccent = false;
145
- /* eslint-enable prettier/prettier */
146
180
  this.originX = 'center';
147
181
  this.originY = 'top';
148
182
  this.overlayX = 'center';
@@ -218,7 +252,6 @@ class EuiTooltipDirective {
218
252
  this.overlayRef.removePanelClass(positionClasses);
219
253
  this.overlayRef.addPanelClass(['eui-tooltip--' + this.position]);
220
254
  });
221
- /* eslint-disable prettier/prettier */
222
255
  let colorClass = null;
223
256
  if (this.euiTooltipPrimary) {
224
257
  colorClass = 'primary';
@@ -241,7 +274,6 @@ class EuiTooltipDirective {
241
274
  if (this.euiTooltipAccent) {
242
275
  colorClass = 'accent';
243
276
  }
244
- /* eslint-enable prettier/prettier */
245
277
  const componentPortal = new ComponentPortal(EuiTooltipContainerComponent, null, this.createInjector({
246
278
  e2eAttr: this.e2eAttr,
247
279
  tooltipContent: this.tooltipContent,
@@ -328,10 +360,10 @@ class EuiTooltipDirective {
328
360
  this.fallbackOverlayY = 'center';
329
361
  }
330
362
  }
331
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
332
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiTooltipDirective, selector: "[euiTooltip]", inputs: { e2eAttr: "e2eAttr", showDelay: "showDelay", hideDelay: "hideDelay", content: "content", contentAlignment: "contentAlignment", position: "position", isDisabled: "isDisabled", euiTooltip: "euiTooltip", euiTooltipPrimary: "euiTooltipPrimary", euiTooltipSecondary: "euiTooltipSecondary", euiTooltipInfo: "euiTooltipInfo", euiTooltipSuccess: "euiTooltipSuccess", euiTooltipWarning: "euiTooltipWarning", euiTooltipDanger: "euiTooltipDanger", euiTooltipAccent: "euiTooltipAccent" }, host: { listeners: { "mouseenter": "mouseEntering($event)", "focus": "focused($event)" } }, exportAs: ["euiTooltip"], usesOnChanges: true, ngImport: i0 }); }
363
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
364
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiTooltipDirective, selector: "[euiTooltip]", inputs: { e2eAttr: "e2eAttr", showDelay: "showDelay", hideDelay: "hideDelay", content: "content", contentAlignment: "contentAlignment", position: "position", isDisabled: "isDisabled", euiTooltip: "euiTooltip", euiTooltipPrimary: "euiTooltipPrimary", euiTooltipSecondary: "euiTooltipSecondary", euiTooltipInfo: "euiTooltipInfo", euiTooltipSuccess: "euiTooltipSuccess", euiTooltipWarning: "euiTooltipWarning", euiTooltipDanger: "euiTooltipDanger", euiTooltipAccent: "euiTooltipAccent" }, host: { listeners: { "mouseenter": "mouseEntering($event)", "focus": "focused($event)" } }, exportAs: ["euiTooltip"], usesOnChanges: true, ngImport: i0 }); }
333
365
  }
334
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirective, decorators: [{
366
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirective, decorators: [{
335
367
  type: Directive,
336
368
  args: [{
337
369
  selector: '[euiTooltip]',
@@ -376,11 +408,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
376
408
  }] } });
377
409
 
378
410
  class EuiTooltipDirectiveModule {
379
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
380
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirectiveModule, declarations: [EuiTooltipContainerComponent, EuiTooltipDirective], imports: [CommonModule], exports: [EuiTooltipDirective] }); }
381
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirectiveModule, imports: [CommonModule] }); }
411
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
412
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirectiveModule, declarations: [EuiTooltipContainerComponent, EuiTooltipDirective], imports: [CommonModule], exports: [EuiTooltipDirective] }); }
413
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirectiveModule, imports: [CommonModule] }); }
382
414
  }
383
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiTooltipDirectiveModule, decorators: [{
415
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiTooltipDirectiveModule, decorators: [{
384
416
  type: NgModule,
385
417
  args: [{
386
418
  imports: [CommonModule],
@@ -568,10 +600,10 @@ class EuiMaxLengthDirective {
568
600
  let input = this.el.nativeElement;
569
601
  return this.control && this.control.control.updateOn === 'change' ? this.control.value : input.value;
570
602
  }
571
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
572
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiMaxLengthDirective, selector: "\n input[euiMaxlength],\n textarea[euiMaxlength],\n [ngModel][euiMaxlength],\n [formControlName][euiMaxlength]", inputs: { maxLength: ["euiMaxlength", "maxLength"], isShowMaxlength: "isShowMaxlength" }, outputs: { maxLengthReached: "maxLengthReached" }, host: { listeners: { "change": "onChange($event)", "input": "onInput($event)", "paste": "onPaste($event)" } }, usesOnChanges: true, ngImport: i0 }); }
603
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
604
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiMaxLengthDirective, selector: "\n input[euiMaxlength],\n textarea[euiMaxlength],\n [ngModel][euiMaxlength],\n [formControlName][euiMaxlength]", inputs: { maxLength: ["euiMaxlength", "maxLength"], isShowMaxlength: "isShowMaxlength" }, outputs: { maxLengthReached: "maxLengthReached" }, host: { listeners: { "change": "onChange($event)", "input": "onInput($event)", "paste": "onPaste($event)" } }, usesOnChanges: true, ngImport: i0 }); }
573
605
  }
574
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirective, decorators: [{
606
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirective, decorators: [{
575
607
  type: Directive,
576
608
  args: [{
577
609
  selector: `
@@ -603,11 +635,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
603
635
  args: ['paste', ['$event']]
604
636
  }] } });
605
637
  class EuiMaxLengthDirectiveModule {
606
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
607
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirectiveModule, declarations: [EuiMaxLengthDirective], imports: [CommonModule], exports: [EuiMaxLengthDirective] }); }
608
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirectiveModule, imports: [CommonModule] }); }
638
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
639
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirectiveModule, declarations: [EuiMaxLengthDirective], imports: [CommonModule], exports: [EuiMaxLengthDirective] }); }
640
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirectiveModule, imports: [CommonModule] }); }
609
641
  }
610
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiMaxLengthDirectiveModule, decorators: [{
642
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiMaxLengthDirectiveModule, decorators: [{
611
643
  type: NgModule,
612
644
  args: [{
613
645
  imports: [CommonModule],
@@ -651,10 +683,10 @@ class EuiHasPermissionDirective {
651
683
  });
652
684
  return hasPermission;
653
685
  }
654
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirective, deps: [{ token: i0.ElementRef }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1$2.EuiPermissionService }], target: i0.ɵɵFactoryTarget.Directive }); }
655
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiHasPermissionDirective, selector: "[euiHasPermission]", inputs: { euiHasPermission: "euiHasPermission" }, ngImport: i0 }); }
686
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirective, deps: [{ token: i0.ElementRef }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i1$2.EuiPermissionService }], target: i0.ɵɵFactoryTarget.Directive }); }
687
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiHasPermissionDirective, selector: "[euiHasPermission]", inputs: { euiHasPermission: "euiHasPermission" }, ngImport: i0 }); }
656
688
  }
657
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirective, decorators: [{
689
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirective, decorators: [{
658
690
  type: Directive,
659
691
  args: [{
660
692
  selector: '[euiHasPermission]',
@@ -663,11 +695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
663
695
  type: Input
664
696
  }] } });
665
697
  class EuiHasPermissionDirectiveModule {
666
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
667
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirectiveModule, declarations: [EuiHasPermissionDirective], imports: [CommonModule], exports: [EuiHasPermissionDirective] }); }
668
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirectiveModule, imports: [CommonModule] }); }
698
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
699
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirectiveModule, declarations: [EuiHasPermissionDirective], imports: [CommonModule], exports: [EuiHasPermissionDirective] }); }
700
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirectiveModule, imports: [CommonModule] }); }
669
701
  }
670
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiHasPermissionDirectiveModule, decorators: [{
702
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiHasPermissionDirectiveModule, decorators: [{
671
703
  type: NgModule,
672
704
  args: [{
673
705
  imports: [CommonModule],
@@ -709,10 +741,10 @@ class EuiScrollHandlerDirective {
709
741
  }
710
742
  }
711
743
  }
712
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
713
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiScrollHandlerDirective, selector: "[euiScrollHandler]", inputs: { uxScrollHandler: "uxScrollHandler" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
744
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
745
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiScrollHandlerDirective, selector: "[euiScrollHandler]", inputs: { uxScrollHandler: "uxScrollHandler" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
714
746
  }
715
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirective, decorators: [{
747
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirective, decorators: [{
716
748
  type: Directive,
717
749
  args: [{
718
750
  selector: '[euiScrollHandler]',
@@ -743,10 +775,10 @@ class EuiScrollHandlerElementDirective {
743
775
  element.classList.remove(this.toggleClass);
744
776
  }
745
777
  }
746
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerElementDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
747
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiScrollHandlerElementDirective, selector: "[euiScrollHandlerElement]", inputs: { uxScrollHandlerElement: "uxScrollHandlerElement", toggleClass: "toggleClass", toggleActiveHeight: "toggleActiveHeight" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
778
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerElementDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
779
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiScrollHandlerElementDirective, selector: "[euiScrollHandlerElement]", inputs: { uxScrollHandlerElement: "uxScrollHandlerElement", toggleClass: "toggleClass", toggleActiveHeight: "toggleActiveHeight" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
748
780
  }
749
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerElementDirective, decorators: [{
781
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerElementDirective, decorators: [{
750
782
  type: Directive,
751
783
  args: [{
752
784
  selector: '[euiScrollHandlerElement]',
@@ -765,11 +797,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
765
797
  args: ['window:scroll', []]
766
798
  }] } });
767
799
  class EuiScrollHandlerDirectiveModule {
768
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
769
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirectiveModule, declarations: [EuiScrollHandlerDirective, EuiScrollHandlerElementDirective], imports: [CommonModule], exports: [EuiScrollHandlerDirective, EuiScrollHandlerElementDirective] }); }
770
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirectiveModule, imports: [CommonModule] }); }
800
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
801
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirectiveModule, declarations: [EuiScrollHandlerDirective, EuiScrollHandlerElementDirective], imports: [CommonModule], exports: [EuiScrollHandlerDirective, EuiScrollHandlerElementDirective] }); }
802
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirectiveModule, imports: [CommonModule] }); }
771
803
  }
772
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiScrollHandlerDirectiveModule, decorators: [{
804
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiScrollHandlerDirectiveModule, decorators: [{
773
805
  type: NgModule,
774
806
  args: [{
775
807
  imports: [CommonModule],
@@ -800,10 +832,10 @@ class EuiSmoothScrollToDirective {
800
832
  });
801
833
  }
802
834
  ;
803
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollToDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
804
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiSmoothScrollToDirective, selector: "[euiScrollTo]", inputs: { scrollTo: ["uxScrollTo", "scrollTo"], duration: "duration", offset: "offset", easing: "easing", callbackBefore: "callbackBefore", callbackAfter: "callbackAfter", containerId: "containerId", middleAlign: "middleAlign" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
835
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollToDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
836
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSmoothScrollToDirective, selector: "[euiScrollTo]", inputs: { scrollTo: ["uxScrollTo", "scrollTo"], duration: "duration", offset: "offset", easing: "easing", callbackBefore: "callbackBefore", callbackAfter: "callbackAfter", containerId: "containerId", middleAlign: "middleAlign" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
805
837
  }
806
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollToDirective, decorators: [{
838
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollToDirective, decorators: [{
807
839
  type: Directive,
808
840
  args: [{
809
841
  selector: '[euiScrollTo]'
@@ -864,10 +896,10 @@ class EuiSmoothScrollDirective {
864
896
  }, 0);
865
897
  }
866
898
  }
867
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
868
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiSmoothScrollDirective, selector: "[euiSmoothScroll]", inputs: { scrollIf: "scrollIf", duration: "duration", offset: "offset", easing: "easing", callbackBefore: "callbackBefore", callbackAfter: "callbackAfter", containerId: "containerId", scrollOnClick: "scrollOnClick", middleAlign: "middleAlign" }, host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0 }); }
899
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
900
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSmoothScrollDirective, selector: "[euiSmoothScroll]", inputs: { scrollIf: "scrollIf", duration: "duration", offset: "offset", easing: "easing", callbackBefore: "callbackBefore", callbackAfter: "callbackAfter", containerId: "containerId", scrollOnClick: "scrollOnClick", middleAlign: "middleAlign" }, host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0 }); }
869
901
  }
870
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirective, decorators: [{
902
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirective, decorators: [{
871
903
  type: Directive,
872
904
  args: [{
873
905
  selector: '[euiSmoothScroll]'
@@ -1015,11 +1047,11 @@ class SmoothScroll {
1015
1047
  }
1016
1048
  }
1017
1049
  class EuiSmoothScrollDirectiveModule {
1018
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1019
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirectiveModule, declarations: [EuiSmoothScrollToDirective, EuiSmoothScrollDirective], imports: [CommonModule], exports: [EuiSmoothScrollToDirective, EuiSmoothScrollDirective] }); }
1020
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirectiveModule, imports: [CommonModule] }); }
1050
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1051
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirectiveModule, declarations: [EuiSmoothScrollToDirective, EuiSmoothScrollDirective], imports: [CommonModule], exports: [EuiSmoothScrollToDirective, EuiSmoothScrollDirective] }); }
1052
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirectiveModule, imports: [CommonModule] }); }
1021
1053
  }
1022
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiSmoothScrollDirectiveModule, decorators: [{
1054
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSmoothScrollDirectiveModule, decorators: [{
1023
1055
  type: NgModule,
1024
1056
  args: [{
1025
1057
  imports: [CommonModule],
@@ -1078,11 +1110,11 @@ class EuiClearableDirective {
1078
1110
  // check if type is not euiInputNumber or euiInputText, reset and throw error
1079
1111
  if (type !== 'eui-number' && type !== 'text' && type !== 'search') {
1080
1112
  this.euiClearable = true;
1081
- throw new Error('euiClearable is only allowed in euiInputNumber or euiInputText');
1113
+ throw new Error('euiClearable is only allowed for euiInputText or euiInputNumber');
1082
1114
  }
1083
1115
  // create dynamically the icon
1084
1116
  this.createClearableIcon();
1085
- // wrap them all at an eui-u-flex class
1117
+ // wrap them all to an eui-clearable-wrapper
1086
1118
  this.createFlexWrapper();
1087
1119
  this._renderer.appendChild(this._euiUFlexWrapper, this._clearableIcon.location.nativeElement);
1088
1120
  }
@@ -1156,7 +1188,7 @@ class EuiClearableDirective {
1156
1188
  this._clearableIcon.instance.set = 'eui';
1157
1189
  this._clearableIcon.instance.icon = 'eui-close';
1158
1190
  this._clearableIcon.instance.ariaLabel = 'Clear input field';
1159
- this._renderer.addClass(this._clearableIcon.location.nativeElement, 'eui-input-text--clearable-icon');
1191
+ this._renderer.addClass(this._clearableIcon.location.nativeElement, 'eui-input-text--clearable-icon'); // TODO: use generic name like eui-icon--clearable
1160
1192
  this._renderer.listen(this._clearableIcon.location.nativeElement, 'click', this.onClearableClicked.bind(this));
1161
1193
  this._renderer.listen(this._clearableIcon.location.nativeElement, 'keydown.enter', this.onClearableClicked.bind(this));
1162
1194
  const control = this.injector.get(NgControl, null, { optional: true });
@@ -1194,9 +1226,8 @@ class EuiClearableDirective {
1194
1226
  createFlexWrapper() {
1195
1227
  if (!this._euiUFlexWrapper && !this.doesParentHasAFlexWrapper()) {
1196
1228
  this._euiUFlexWrapper = this._renderer.createElement('div');
1197
- this._renderer.addClass(this._euiUFlexWrapper, 'eui-u-flex');
1229
+ this._renderer.addClass(this._euiUFlexWrapper, 'eui-clearable-wrapper');
1198
1230
  this._renderer.setAttribute(this._euiUFlexWrapper, 'flexWrapper', null);
1199
- this._renderer.setStyle(this._euiUFlexWrapper, 'position', 'relative');
1200
1231
  this._renderer.insertBefore(this._elementRef.nativeElement.parentElement, this._euiUFlexWrapper, this._elementRef.nativeElement);
1201
1232
  this._renderer.appendChild(this._euiUFlexWrapper, this._elementRef.nativeElement);
1202
1233
  }
@@ -1225,10 +1256,10 @@ class EuiClearableDirective {
1225
1256
  this._euiUFlexWrapper = null;
1226
1257
  }
1227
1258
  }
1228
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiClearableDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
1229
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiClearableDirective, isStandalone: true, selector: "input[euiClearable]", inputs: { readonly: "readonly", disabled: "disabled", euiClearable: "euiClearable" }, host: { listeners: { "input": "onKeyUpAndModelChange($event.target.value)", "ngModelChange": "onKeyUpAndModelChange($event)" }, properties: { "attr.readonly": "this.readonly", "disabled": "this.disabled", "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0 }); }
1259
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiClearableDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
1260
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiClearableDirective, isStandalone: true, selector: "input[euiClearable]", inputs: { readonly: "readonly", disabled: "disabled", euiClearable: "euiClearable" }, host: { listeners: { "input": "onKeyUpAndModelChange($event.target.value)", "ngModelChange": "onKeyUpAndModelChange($event)" }, properties: { "attr.readonly": "this.readonly", "disabled": "this.disabled", "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0 }); }
1230
1261
  }
1231
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiClearableDirective, decorators: [{
1262
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiClearableDirective, decorators: [{
1232
1263
  type: Directive,
1233
1264
  args: [{
1234
1265
  selector: 'input[euiClearable]',
@@ -1376,10 +1407,10 @@ class EuiLoadingDirective {
1376
1407
  this._loadingIcon = null;
1377
1408
  }
1378
1409
  }
1379
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
1380
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiLoadingDirective, isStandalone: true, selector: "[euiLoading]", inputs: { readonly: "readonly", euiLoading: "euiLoading" }, host: { properties: { "attr.readonly": "this.readonly", "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0 }); }
1410
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
1411
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiLoadingDirective, isStandalone: true, selector: "[euiLoading]", inputs: { readonly: "readonly", euiLoading: "euiLoading" }, host: { properties: { "attr.readonly": "this.readonly", "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0 }); }
1381
1412
  }
1382
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiLoadingDirective, decorators: [{
1413
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiLoadingDirective, decorators: [{
1383
1414
  type: Directive,
1384
1415
  args: [{
1385
1416
  selector: '[euiLoading]',
@@ -1402,10 +1433,10 @@ class EuiResizableComponent {
1402
1433
  this.classes = 'eui-resizable';
1403
1434
  this.e2e = 'eui-resizable';
1404
1435
  }
1405
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1406
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiResizableComponent, selector: "eui-resizable", host: { properties: { "class": "this.classes", "attr.data-e2e": "this.e2e" } }, ngImport: i0, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-35);fill:var(--eui-base-color-grey-35);height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}*:not(th)[euiresizable]{position:relative}\n"], encapsulation: i0.ViewEncapsulation.None }); }
1436
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1437
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiResizableComponent, selector: "eui-resizable", host: { properties: { "class": "this.classes", "attr.data-e2e": "this.e2e" } }, ngImport: i0, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-35);fill:var(--eui-base-color-grey-35);height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}*:not(th)[euiresizable]{position:relative}\n"], encapsulation: i0.ViewEncapsulation.None }); }
1407
1438
  }
1408
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableComponent, decorators: [{
1439
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableComponent, decorators: [{
1409
1440
  type: Component,
1410
1441
  args: [{ selector: 'eui-resizable', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-resizable-bar\" aria-describedby=\"Resizable handle\"></div>\n<span class=\"eui-resizable-icon__container\">\n <svg aria-hidden=\"true\" role=\"img\" focusable=\"false\" class=\"eui-resizable-icon\">\n <use href=\"assets/icons/sprites/sharp.svg#code-working-sharp\"></use>\n </svg>\n</span>\n", styles: [".eui-resizable{--eui-resizable-bar-color: blueviolet;display:flex;justify-content:flex-end;vertical-align:middle}.eui-resizable .eui-resizable-bar{background:var(--eui-resizable-bar-color);background-clip:content-box;bottom:0;border-left:var(--eui-base-spacing-2xs) solid transparent;border-right:var(--eui-base-spacing-2xs) solid transparent;cursor:ew-resize;margin:0 calc(-1.1 * var(--eui-base-spacing-m));opacity:0;position:absolute;top:0;transition:opacity .3s;width:var(--eui-base-spacing-s)}.eui-resizable .eui-resizable-bar:hover,.eui-resizable .eui-resizable-bar:active{opacity:1}.eui-resizable .eui-resizable-icon__container{height:var(--eui-base-spacing-m);margin-right:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));position:absolute;top:0;transform:translateY(calc(var(--eui-base-spacing-m) + 2px))}.eui-resizable .eui-resizable-icon__container .eui-resizable-icon{color:var(--eui-base-color-grey-35);fill:var(--eui-base-color-grey-35);height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}*:not(th)[euiresizable]{position:relative}\n"] }]
1411
1442
  }], propDecorators: { classes: [{
@@ -1416,7 +1447,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
1416
1447
  args: ['attr.data-e2e']
1417
1448
  }] } });
1418
1449
 
1419
- /* eslint-disable prettier/prettier */
1420
1450
  class EuiResizableDirective {
1421
1451
  constructor(_documentRef, _elementRef, _renderer, _viewContainerRef) {
1422
1452
  this._documentRef = _documentRef;
@@ -1453,10 +1483,10 @@ class EuiResizableDirective {
1453
1483
  this._renderer.appendChild(this._elementRef.nativeElement, this._resizableBar.location.nativeElement);
1454
1484
  }
1455
1485
  }
1456
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
1457
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiResizableDirective, selector: "[euiResizable]", host: { properties: { "style.width.px": "this.styleWidth", "style.max-width.px": "this.styleMaxWidth", "style.flex-basis.px": "this.styleFlexBasisWidth" } }, ngImport: i0 }); }
1486
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
1487
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiResizableDirective, selector: "[euiResizable]", host: { properties: { "style.width.px": "this.styleWidth", "style.max-width.px": "this.styleMaxWidth", "style.flex-basis.px": "this.styleFlexBasisWidth" } }, ngImport: i0 }); }
1458
1488
  }
1459
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirective, decorators: [{
1489
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirective, decorators: [{
1460
1490
  type: Directive,
1461
1491
  args: [{
1462
1492
  selector: '[euiResizable]',
@@ -1476,11 +1506,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
1476
1506
  }] } });
1477
1507
 
1478
1508
  class EuiResizableDirectiveModule {
1479
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1480
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirectiveModule, declarations: [EuiResizableComponent, EuiResizableDirective], imports: [CommonModule], exports: [EuiResizableDirective] }); }
1481
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirectiveModule, imports: [CommonModule] }); }
1509
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1510
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirectiveModule, declarations: [EuiResizableComponent, EuiResizableDirective], imports: [CommonModule], exports: [EuiResizableDirective] }); }
1511
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirectiveModule, imports: [CommonModule] }); }
1482
1512
  }
1483
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiResizableDirectiveModule, decorators: [{
1513
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiResizableDirectiveModule, decorators: [{
1484
1514
  type: NgModule,
1485
1515
  args: [{
1486
1516
  imports: [CommonModule],