@eui/components 17.0.3-snapshot-1704421850692 → 17.1.0-snapshot-1704939776889

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 (384) hide show
  1. package/docs/components/EuiDropdownComponent.html +24 -0
  2. package/docs/components/EuiMessageBoxComponent.html +40 -2
  3. package/docs/components/EuiToolbarMenuComponent.html +59 -44
  4. package/docs/dependencies.html +20 -20
  5. package/docs/js/menu-wc_es5.js +5 -6
  6. package/docs/js/search/search_index.js +2 -2
  7. package/esm2022/directives/eui-clearable.directive.mjs +3 -3
  8. package/esm2022/directives/eui-has-permission.directive.mjs +7 -7
  9. package/esm2022/directives/eui-loading.directive.mjs +3 -3
  10. package/esm2022/directives/eui-maxlength.directive.mjs +7 -7
  11. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
  12. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +3 -3
  13. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
  14. package/esm2022/directives/eui-scroll-handler.directive.mjs +10 -10
  15. package/esm2022/directives/eui-smooth-scroll.directive.mjs +10 -10
  16. package/esm2022/directives/eui-template.directive.mjs +7 -7
  17. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  18. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +3 -3
  19. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
  20. package/esm2022/eui-alert/eui-alert.component.mjs +6 -6
  21. package/esm2022/eui-alert/eui-alert.module.mjs +4 -4
  22. package/esm2022/eui-all/eui-all.module.mjs +4 -4
  23. package/esm2022/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.mjs +3 -3
  24. package/esm2022/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.mjs +3 -3
  25. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  26. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
  27. package/esm2022/eui-avatar/avatar-badge/avatar-badge.component.mjs +3 -3
  28. package/esm2022/eui-avatar/avatar-icon/avatar-icon.component.mjs +3 -3
  29. package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
  30. package/esm2022/eui-avatar/avatar-text/avatar-text.component.mjs +3 -3
  31. package/esm2022/eui-avatar/eui-avatar-list.component.mjs +3 -3
  32. package/esm2022/eui-avatar/eui-avatar.component.mjs +3 -3
  33. package/esm2022/eui-avatar/eui-avatar.module.mjs +4 -4
  34. package/esm2022/eui-badge/eui-badge.component.mjs +3 -3
  35. package/esm2022/eui-badge/eui-badge.module.mjs +4 -4
  36. package/esm2022/eui-block-content/eui-block-content.component.mjs +3 -3
  37. package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
  38. package/esm2022/eui-block-document/eui-block-document.component.mjs +3 -3
  39. package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
  40. package/esm2022/eui-button/eui-button.component.mjs +7 -7
  41. package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
  42. package/esm2022/eui-buttons/eui-buttons.component.mjs +13 -13
  43. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
  44. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
  45. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
  46. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
  47. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +3 -3
  48. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
  49. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
  50. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
  51. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
  52. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
  53. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
  54. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
  55. package/esm2022/eui-card/eui-card.component.mjs +3 -3
  56. package/esm2022/eui-card/eui-card.module.mjs +4 -4
  57. package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
  58. package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
  59. package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
  60. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +6 -6
  61. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
  62. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
  63. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +13 -13
  64. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +7 -7
  65. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +3 -3
  66. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
  67. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +15 -15
  68. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
  69. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
  70. package/esm2022/eui-dialog/eui-dialog.component.mjs +9 -9
  71. package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
  72. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +3 -3
  73. package/esm2022/eui-dimmer/dimmer.component.mjs +3 -3
  74. package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
  75. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +7 -7
  76. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
  77. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
  78. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
  79. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
  80. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +4 -4
  81. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +18 -6
  82. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
  83. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
  84. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +3 -3
  85. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
  86. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +9 -9
  87. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
  88. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +3 -3
  89. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +4 -4
  90. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +3 -3
  91. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
  92. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
  93. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +3 -3
  94. package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
  95. package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
  96. package/esm2022/eui-icon/eui-icon-color.component.mjs +3 -3
  97. package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +3 -3
  98. package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
  99. package/esm2022/eui-icon/eui-icon.component.mjs +3 -3
  100. package/esm2022/eui-icon/eui-icon.module.mjs +4 -4
  101. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  102. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
  103. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +3 -3
  104. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
  105. package/esm2022/eui-input-group/eui-input-group.component.mjs +3 -3
  106. package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
  107. package/esm2022/eui-input-number/eui-input-number.component.mjs +3 -3
  108. package/esm2022/eui-input-number/eui-input-number.module.mjs +4 -4
  109. package/esm2022/eui-input-number/eui-number-control.directive.mjs +3 -3
  110. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +3 -3
  111. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
  112. package/esm2022/eui-input-text/eui-input-text.component.mjs +3 -3
  113. package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
  114. package/esm2022/eui-label/eui-label.component.mjs +3 -3
  115. package/esm2022/eui-label/eui-label.module.mjs +4 -4
  116. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +3 -3
  117. package/esm2022/eui-list/eui-list.component.mjs +3 -3
  118. package/esm2022/eui-list/eui-list.module.mjs +4 -4
  119. package/esm2022/eui-list/services/eui-list.service.mjs +3 -3
  120. package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
  121. package/esm2022/eui-menu/eui-menu.component.mjs +3 -3
  122. package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
  123. package/esm2022/eui-message-box/eui-message-box.component.mjs +20 -8
  124. package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
  125. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +3 -3
  126. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +3 -3
  127. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +3 -3
  128. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
  129. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +3 -3
  130. package/esm2022/eui-overlay/eui-overlay.component.mjs +7 -7
  131. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
  132. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +21 -21
  133. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
  134. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
  135. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +3 -3
  136. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +9 -9
  137. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
  138. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +3 -3
  139. package/esm2022/eui-page/eui-page.component.mjs +3 -3
  140. package/esm2022/eui-page/eui-page.module.mjs +4 -4
  141. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  142. package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
  143. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +3 -3
  144. package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
  145. package/esm2022/eui-popover/eui-popover.module.mjs +4 -4
  146. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +3 -3
  147. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
  148. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +7 -7
  149. package/esm2022/eui-select/eui-select-control.directive.mjs +3 -3
  150. package/esm2022/eui-select/eui-select-multiple.directive.mjs +3 -3
  151. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +3 -3
  152. package/esm2022/eui-select/eui-select-option.directive.mjs +3 -3
  153. package/esm2022/eui-select/eui-select.component.mjs +3 -3
  154. package/esm2022/eui-select/eui-select.module.mjs +4 -4
  155. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
  156. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
  157. package/esm2022/eui-skeleton/eui-skeleton.component.mjs +3 -3
  158. package/esm2022/eui-skeleton/eui-skeleton.module.mjs +4 -4
  159. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  160. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
  161. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
  162. package/esm2022/eui-table/eui-table.component.mjs +3 -3
  163. package/esm2022/eui-table/eui-table.module.mjs +4 -4
  164. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
  165. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +3 -3
  166. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
  167. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +3 -3
  168. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +3 -3
  169. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
  170. package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
  171. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +3 -3
  172. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -3
  173. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +3 -3
  174. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +6 -6
  175. package/esm2022/eui-tabs/eui-tabs.component.mjs +6 -6
  176. package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
  177. package/esm2022/eui-textarea/auto-resize.directive.mjs +3 -3
  178. package/esm2022/eui-textarea/eui-textarea.component.mjs +3 -3
  179. package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
  180. package/esm2022/eui-timebar/eui-timebar.component.mjs +7 -7
  181. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -3
  182. package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
  183. package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
  184. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +41 -36
  185. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +4 -4
  186. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +7 -7
  187. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +7 -7
  188. package/esm2022/eui-tree/eui-tree.component.mjs +7 -7
  189. package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +12 -12
  190. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +3 -3
  191. package/esm2022/eui-tree-list/eui-tree-list.module.mjs +4 -4
  192. package/esm2022/eui-tree-list/item-content/item-content.component.mjs +3 -3
  193. package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +6 -6
  194. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
  195. package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
  196. package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
  197. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +3 -3
  198. package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
  199. package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
  200. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
  201. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +3 -3
  202. package/esm2022/externals/eui-editor/eui-editor.component.mjs +6 -6
  203. package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
  204. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +3 -3
  205. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +3 -3
  206. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +3 -3
  207. package/esm2022/externals/quill/loader.service.mjs +3 -3
  208. package/esm2022/externals/quill/quill-editor.component.mjs +3 -3
  209. package/esm2022/externals/quill/quill.module.mjs +4 -4
  210. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +3 -3
  211. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
  212. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
  213. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
  214. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
  215. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
  216. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
  217. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
  218. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
  219. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
  220. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +3 -3
  221. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +3 -3
  222. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +3 -3
  223. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
  224. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
  225. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
  226. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
  227. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
  228. package/esm2022/layout/eui-app/eui-app.component.mjs +6 -6
  229. package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
  230. package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +3 -3
  231. package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +4 -4
  232. package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +3 -3
  233. package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +6 -6
  234. package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +3 -3
  235. package/esm2022/layout/eui-footer/footer.component.mjs +3 -3
  236. package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
  237. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +12 -12
  238. package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +3 -3
  239. package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +3 -3
  240. package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +3 -3
  241. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +3 -3
  242. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +3 -3
  243. package/esm2022/layout/eui-header/header-right-content/header-right-content.component.mjs +3 -3
  244. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +3 -3
  245. package/esm2022/layout/eui-header/header.component.mjs +3 -3
  246. package/esm2022/layout/eui-header/header.module.mjs +4 -4
  247. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +3 -3
  248. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +4 -4
  249. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +3 -3
  250. package/esm2022/layout/eui-layout.module.mjs +4 -4
  251. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
  252. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  253. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
  254. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
  255. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
  256. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +4 -4
  257. package/esm2022/layout/eui-search/search.component.mjs +3 -3
  258. package/esm2022/layout/eui-search/search.module.mjs +4 -4
  259. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
  260. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
  261. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
  262. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
  263. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
  264. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
  265. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +3 -3
  266. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +3 -3
  267. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +17 -8
  268. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +4 -4
  269. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
  270. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +3 -3
  271. package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +3 -3
  272. package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +3 -3
  273. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +3 -3
  274. package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
  275. package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
  276. package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
  277. package/esm2022/shared/base/base-states.directive.mjs +3 -3
  278. package/esm2022/shared/base/base.directive.mjs +3 -3
  279. package/esm2022/shared/eui-common-header/common-header.component.mjs +7 -7
  280. package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +7 -7
  281. package/esm2022/shared/input.directive.mjs +3 -3
  282. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  283. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  284. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  285. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  286. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  287. package/eui-button/eui-button.component.d.ts.map +1 -1
  288. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  289. package/eui-card/eui-card.component.d.ts.map +1 -1
  290. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  291. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  292. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  293. package/eui-dropdown/eui-dropdown.component.d.ts +2 -1
  294. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  295. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  296. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  297. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  298. package/eui-message-box/eui-message-box.component.d.ts +10 -1
  299. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  300. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  301. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  302. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  303. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  304. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  305. package/fesm2022/eui-components-directives.mjs +67 -67
  306. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  307. package/fesm2022/eui-components-eui-all.mjs +4 -4
  308. package/fesm2022/eui-components-eui-autocomplete.mjs +13 -13
  309. package/fesm2022/eui-components-eui-avatar.mjs +22 -22
  310. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  311. package/fesm2022/eui-components-eui-block-content.mjs +7 -7
  312. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  313. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  314. package/fesm2022/eui-components-eui-button.mjs +7 -7
  315. package/fesm2022/eui-components-eui-buttons.mjs +13 -13
  316. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  317. package/fesm2022/eui-components-eui-card.mjs +46 -46
  318. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  319. package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
  320. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  321. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  322. package/fesm2022/eui-components-eui-dashboard-card.mjs +7 -7
  323. package/fesm2022/eui-components-eui-date-range-selector.mjs +7 -7
  324. package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
  325. package/fesm2022/eui-components-eui-dialog.mjs +19 -19
  326. package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
  327. package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
  328. package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
  329. package/fesm2022/eui-components-eui-dropdown.mjs +35 -23
  330. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  331. package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
  332. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  333. package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
  334. package/fesm2022/eui-components-eui-growl.mjs +7 -7
  335. package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
  336. package/fesm2022/eui-components-eui-icon.mjs +16 -16
  337. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  338. package/fesm2022/eui-components-eui-input-group.mjs +7 -7
  339. package/fesm2022/eui-components-eui-input-number.mjs +10 -10
  340. package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
  341. package/fesm2022/eui-components-eui-input-text.mjs +7 -7
  342. package/fesm2022/eui-components-eui-label.mjs +7 -7
  343. package/fesm2022/eui-components-eui-list.mjs +13 -13
  344. package/fesm2022/eui-components-eui-menu.mjs +10 -10
  345. package/fesm2022/eui-components-eui-message-box.mjs +26 -14
  346. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  347. package/fesm2022/eui-components-eui-overlay.mjs +19 -19
  348. package/fesm2022/eui-components-eui-page.mjs +55 -55
  349. package/fesm2022/eui-components-eui-paginator.mjs +7 -7
  350. package/fesm2022/eui-components-eui-popover.mjs +10 -10
  351. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  352. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  353. package/fesm2022/eui-components-eui-select.mjs +19 -19
  354. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  355. package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
  356. package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
  357. package/fesm2022/eui-components-eui-table.mjs +34 -34
  358. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  359. package/fesm2022/eui-components-eui-tabs.mjs +22 -22
  360. package/fesm2022/eui-components-eui-textarea.mjs +10 -10
  361. package/fesm2022/eui-components-eui-timebar.mjs +7 -7
  362. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  363. package/fesm2022/eui-components-eui-timepicker.mjs +44 -39
  364. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  365. package/fesm2022/eui-components-eui-tree-list.mjs +28 -28
  366. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  367. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  368. package/fesm2022/eui-components-eui-wizard.mjs +13 -13
  369. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  370. package/fesm2022/eui-components-externals-eui-editor.mjs +25 -25
  371. package/fesm2022/eui-components-externals-quill.mjs +10 -10
  372. package/fesm2022/eui-components-layout.mjs +241 -232
  373. package/fesm2022/eui-components-layout.mjs.map +1 -1
  374. package/fesm2022/eui-components-pipes.mjs +14 -14
  375. package/fesm2022/eui-components-shared-base.mjs +6 -6
  376. package/fesm2022/eui-components-shared.mjs +17 -17
  377. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  378. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  379. package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
  380. package/layout/eui-search/search.component.d.ts.map +1 -1
  381. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +4 -2
  382. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  383. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  384. package/package.json +7 -7
@@ -11,18 +11,18 @@ import { EuiLabelComponent } from '@eui/components/eui-label';
11
11
 
12
12
  /* eslint-disable */
13
13
  class EuiDashboardButtonIconDirective {
14
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
15
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiDashboardButtonIconDirective, selector: "eui-dashboard-button-icon", ngImport: i0 }); }
14
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
15
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiDashboardButtonIconDirective, selector: "eui-dashboard-button-icon", ngImport: i0 }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonIconDirective, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonIconDirective, decorators: [{
18
18
  type: Directive,
19
19
  args: [{ selector: 'eui-dashboard-button-icon' }]
20
20
  }] });
21
21
  class EuiDashboardButtonLabelDirective {
22
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
23
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiDashboardButtonLabelDirective, selector: "eui-dashboard-button-label", ngImport: i0 }); }
22
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
23
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiDashboardButtonLabelDirective, selector: "eui-dashboard-button-label", ngImport: i0 }); }
24
24
  }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonLabelDirective, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonLabelDirective, decorators: [{
26
26
  type: Directive,
27
27
  args: [{ selector: 'eui-dashboard-button-label' }]
28
28
  }] });
@@ -41,10 +41,10 @@ class EuiDashboardButtonComponent {
41
41
  this.baseStatesDirective.euiSecondary = true;
42
42
  }
43
43
  }
44
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
45
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
44
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
45
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiDashboardButtonComponent, selector: "eui-dashboard-button", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiDashboardButtonIcon", first: true, predicate: EuiDashboardButtonIconDirective, descendants: true }, { propertyName: "euiDashboardButtonLabel", first: true, predicate: EuiDashboardButtonLabelDirective, descendants: true }, { propertyName: "euiLabelContent", first: true, predicate: EuiLabelComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<button class=\"eui-dashboard-button-content\">\n <eui-avatar [euiVariant]=\"baseStatesDirective.euiVariant\" [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\">\n <eui-avatar-icon>\n <ng-content select=\"eui-dashboard-button-icon\"></ng-content>\n </eui-avatar-icon>\n <eui-avatar-text>\n <ng-content select=\"eui-dashboard-button-label\"></ng-content>\n </eui-avatar-text>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{imageUrl}}\"></eui-avatar-image>\n </eui-avatar>\n <ng-container *ngIf=\"euiLabelContent\">\n <div class=\"eui-dashboard-button-content__title\">\n <ng-content select=\"eui-label\"></ng-content>\n <ng-content select=\"[euiLabel]\"></ng-content>\n </div>\n <div class=\"eui-dashboard-button-content__sub-title\">\n <ng-content select=\"eui-sublabel\"></ng-content>\n <ng-content select=\"[euiSublabel]\"></ng-content>\n </div>\n </ng-container>\n</button>\n", styles: [".eui-dashboard-button-content{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:none;padding:var(--eui-base-spacing-m);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);border-radius:var(--eui-base-border-radius);background-color:var(--eui-base-color-white)}.eui-dashboard-button-content:active:not([readonly]),.eui-dashboard-button-content:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-button-content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-button-content__title{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-button-content:active,.eui-dashboard-button-content:hover,.eui-dashboard-button-content:focus{background-color:var(--eui-base-color-grey-5);cursor:pointer;box-shadow:var(--eui-base-shadow-4)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i3.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i3.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i3.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
46
46
  }
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
47
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonComponent, decorators: [{
48
48
  type: Component,
49
49
  args: [{ selector: 'eui-dashboard-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
50
50
  {
@@ -84,11 +84,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
84
84
  args: [EuiLabelComponent]
85
85
  }] } });
86
86
  class EuiDashboardButtonModule {
87
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
88
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonModule, declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective], imports: [CommonModule, RouterModule, EuiAvatarModule], exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective] }); }
89
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonModule, imports: [CommonModule, RouterModule, EuiAvatarModule] }); }
87
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
88
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonModule, declarations: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective], imports: [CommonModule, RouterModule, EuiAvatarModule], exports: [EuiDashboardButtonComponent, EuiDashboardButtonIconDirective, EuiDashboardButtonLabelDirective] }); }
89
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonModule, imports: [CommonModule, RouterModule, EuiAvatarModule] }); }
90
90
  }
91
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardButtonModule, decorators: [{
91
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardButtonModule, decorators: [{
92
92
  type: NgModule,
93
93
  args: [{
94
94
  imports: [CommonModule, RouterModule, EuiAvatarModule],
@@ -54,10 +54,10 @@ class EuiDashboardCardComponent {
54
54
  this.baseStatesDirective.euiSecondary = true;
55
55
  }
56
56
  }
57
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
58
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
57
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
58
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: EuiDashboardCardComponent, selector: "eui-dashboard-card", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", labelMaxLines: "labelMaxLines", subLabelMaxLines: "subLabelMaxLines", imageUrl: "imageUrl", iconSvgName: "iconSvgName", iconSvgSize: "iconSvgSize", iconLabel: "iconLabel", url: "url", urlExternal: "urlExternal", urlExternalTarget: "urlExternalTarget", isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], isFlatAvatar: ["isFlatAvatar", "isFlatAvatar", booleanAttribute], hasNoBackgroundAvatar: ["hasNoBackgroundAvatar", "hasNoBackgroundAvatar", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "@if (url || urlExternal) {\n @if (urlExternal) {\n <a href=\"{{ urlExternal }}\" target=\"{{ urlExternalTarget }}\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n } @else {\n <a [routerLink]=\"[url]\" class=\"eui-dashboard-card__anchor-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n}\n\n<ng-template #content>\n @if (iconSvgName || imageUrl || iconLabel) {\n <div class=\"eui-dashboard-card__avatar-wrapper\">\n <eui-avatar\n [euiVariant]=\"baseStatesDirective.euiVariant\"\n [euiSizeVariant]=\"baseStatesDirective.euiSizeVariant\"\n [isFlat]=\"isFlatAvatar\"\n [hasNoBackground]=\"hasNoBackgroundAvatar\">\n <eui-avatar-icon>\n <eui-icon-svg *ngIf=\"iconSvgName\" [icon]=\"iconSvgName\" [size]=\"iconSvgSize\"></eui-icon-svg>\n </eui-avatar-icon>\n <eui-avatar-image *ngIf=\"imageUrl\" imageUrl=\"{{ imageUrl }}\"></eui-avatar-image>\n <eui-avatar-text *ngIf=\"iconLabel\">{{iconLabel}}</eui-avatar-text>\n </eui-avatar>\n </div>\n }\n <div class=\"eui-dashboard-card__content-wrapper\">\n @if (label) {\n <div class=\"eui-dashboard-card__label-content\">\n <eui-label>\n <eui-label class=\"eui-dashboard-card__label eui-dashboard-card__label--max-lines-{{labelMaxLines}}\" [ngClass]=\"subLabel ? 'eui-dashboard-card__label--with-sublabel' : ''\">\n {{ label }}\n </eui-label>\n @if (subLabel) {\n <eui-label euiSublabel class=\"eui-dashboard-card__sublabel eui-dashboard-card__sublabel--max-lines-{{subLabelMaxLines}}\">\n {{ subLabel }}\n </eui-label>\n }\n </eui-label>\n </div>\n }\n <div class=\"eui-dashboard-card__sub-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".eui-dashboard-card{display:flex;align-items:center;flex-direction:column;width:100%;background-color:var(--eui-base-color-white);border-radius:var(--eui-base-border-radius);border:1px solid var(--eui-base-color-grey-10);box-shadow:var(--eui-base-shadow-1);padding:var(--eui-base-spacing-s);cursor:pointer}.eui-dashboard-card:active,.eui-dashboard-card:focus,.eui-dashboard-card:hover{outline:0;box-shadow:var(--eui-base-shadow-3)}.eui-dashboard-card:active:active:not([readonly]),.eui-dashboard-card:active:focus:not([readonly]),.eui-dashboard-card:focus:active:not([readonly]),.eui-dashboard-card:focus:focus:not([readonly]),.eui-dashboard-card:hover:active:not([readonly]),.eui-dashboard-card:hover:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card:active [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:active [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:active:not([readonly]),.eui-dashboard-card:hover [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-dashboard-card__anchor-wrapper{display:flex;width:100%;flex-direction:column}.eui-dashboard-card__avatar-wrapper,.eui-dashboard-card__content-wrapper{display:flex;justify-content:center;align-items:center}.eui-dashboard-card__avatar-wrapper{padding-top:var(--eui-base-spacing-s)}.eui-dashboard-card__content-wrapper{display:flex;flex-direction:column;padding:var(--eui-base-spacing-s)}.eui-dashboard-card__label-content{text-align:center}.eui-dashboard-card__label-content .eui-dashboard-card__label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__label--with-sublabel{margin-bottom:0}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__label--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-m);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-1{-webkit-line-clamp:1}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-2{-webkit-line-clamp:2}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-3{-webkit-line-clamp:3}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-4{-webkit-line-clamp:4}.eui-dashboard-card__label-content .eui-dashboard-card__sublabel--max-lines-5{-webkit-line-clamp:5}.eui-dashboard-card__sub-content{display:block;text-align:center}.eui-dashboard-card__sub-content:empty{margin-top:calc(-1 * var(--eui-base-spacing-m))}.eui-dashboard-card--horizontal,.eui-dashboard-card--horizontal .eui-dashboard-card__anchor-wrapper{flex-direction:row}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper,.eui-dashboard-card--horizontal .eui-dashboard-card__content-wrapper{width:50%}.eui-dashboard-card--horizontal .eui-dashboard-card__avatar-wrapper{border-right:1px solid var(--eui-base-color-grey-50);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s) 0}.eui-dashboard-card--disabled{opacity:.65;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i4.EuiAvatarIconComponent, selector: "eui-avatar-icon" }, { kind: "component", type: i4.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i4.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i5.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }, { kind: "component", type: i6.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
59
59
  }
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
60
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardComponent, decorators: [{
61
61
  type: Component,
62
62
  args: [{ selector: 'eui-dashboard-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
63
63
  {
@@ -131,11 +131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
131
131
  args: ['click', ['$event']]
132
132
  }] } });
133
133
  class EuiDashboardCardModule {
134
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
135
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardModule, declarations: [EuiDashboardCardComponent], imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule], exports: [EuiDashboardCardComponent] }); }
136
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardModule, imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule] }); }
134
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
135
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardModule, declarations: [EuiDashboardCardComponent], imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule], exports: [EuiDashboardCardComponent] }); }
136
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardModule, imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule] }); }
137
137
  }
138
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDashboardCardModule, decorators: [{
138
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDashboardCardModule, decorators: [{
139
139
  type: NgModule,
140
140
  args: [{
141
141
  imports: [CommonModule, RouterModule, EuiAvatarModule, EuiLabelModule, EuiIconModule],
@@ -214,10 +214,10 @@ class EuiDateRangeSelectorComponent {
214
214
  registerOnTouched(fn) {
215
215
  this.propagateTouched = fn;
216
216
  }
217
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3.DateAdapter }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
218
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: "islongDateFormat", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"eui-date-range-selector {{ styleClass }}\"\n attr.data-e2e=\"{{ e2eAttr }}\"\n [class.eui-date-range-selector--responsive]=\"isResponsive\">\n <mat-date-range-input\n [class.mat-date-range-input--read-only]=\"isReadOnly\"\n [class.mat-date-range-input--disabled]=\"isDisabled\"\n [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n [rangePicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [comparisonStart]=\"comparisonStart\"\n [comparisonEnd]=\"comparisonEnd\">\n <input\n class=\"eui-date-range-selector__start-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matStartDate\n placeholder=\"{{ firstInputPlaceholder }}\"\n attr.aria-label=\"{{ firstInputAriaLabel }}\"\n [formControl]=\"startRangeFormControl\"\n (dateInput)=\"onFirstDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onFirstDateClear()\" />\n <input\n class=\"eui-date-range-selector__end-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matEndDate\n placeholder=\"{{ secondInputPlaceholder }}\"\n attr.aria-label=\"{{ secondInputAriaLabel }}\"\n [formControl]=\"endRangeFormControl\"\n (dateInput)=\"onSecondDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onSecondDateClear()\" />\n </mat-date-range-input>\n <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n <button\n *ngIf=\"!isReadOnly\"\n class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n (click)=\"picker.open()\"\n euiButton\n euiSecondary\n euiIconButton\n type=\"button\"\n [euiDisabled]=\"isDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
217
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3.DateAdapter }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
218
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { styleClass: "styleClass", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: "islongDateFormat", isClearable: "isClearable", isReadOnly: "isReadOnly", isDisabled: "isDisabled", isResponsive: "isResponsive" }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"eui-date-range-selector {{ styleClass }}\"\n attr.data-e2e=\"{{ e2eAttr }}\"\n [class.eui-date-range-selector--responsive]=\"isResponsive\">\n <mat-date-range-input\n [class.mat-date-range-input--read-only]=\"isReadOnly\"\n [class.mat-date-range-input--disabled]=\"isDisabled\"\n [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n [rangePicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [comparisonStart]=\"comparisonStart\"\n [comparisonEnd]=\"comparisonEnd\">\n <input\n class=\"eui-date-range-selector__start-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matStartDate\n placeholder=\"{{ firstInputPlaceholder }}\"\n attr.aria-label=\"{{ firstInputAriaLabel }}\"\n [formControl]=\"startRangeFormControl\"\n (dateInput)=\"onFirstDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onFirstDateClear()\" />\n <input\n class=\"eui-date-range-selector__end-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matEndDate\n placeholder=\"{{ secondInputPlaceholder }}\"\n attr.aria-label=\"{{ secondInputAriaLabel }}\"\n [formControl]=\"endRangeFormControl\"\n (dateInput)=\"onSecondDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onSecondDateClear()\" />\n </mat-date-range-input>\n <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n <button\n *ngIf=\"!isReadOnly\"\n class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n (click)=\"picker.open()\"\n euiButton\n euiSecondary\n euiIconButton\n type=\"button\"\n [euiDisabled]=\"isDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
219
219
  }
220
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
220
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
221
221
  type: Component,
222
222
  args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"eui-date-range-selector {{ styleClass }}\"\n attr.data-e2e=\"{{ e2eAttr }}\"\n [class.eui-date-range-selector--responsive]=\"isResponsive\">\n <mat-date-range-input\n [class.mat-date-range-input--read-only]=\"isReadOnly\"\n [class.mat-date-range-input--disabled]=\"isDisabled\"\n [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n [rangePicker]=\"picker\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [comparisonStart]=\"comparisonStart\"\n [comparisonEnd]=\"comparisonEnd\">\n <input\n class=\"eui-date-range-selector__start-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matStartDate\n placeholder=\"{{ firstInputPlaceholder }}\"\n attr.aria-label=\"{{ firstInputAriaLabel }}\"\n [formControl]=\"startRangeFormControl\"\n (dateInput)=\"onFirstDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onFirstDateClear()\" />\n <input\n class=\"eui-date-range-selector__end-date\"\n euiInputText\n [readonly]=\"isReadOnly\"\n matEndDate\n placeholder=\"{{ secondInputPlaceholder }}\"\n attr.aria-label=\"{{ secondInputAriaLabel }}\"\n [formControl]=\"endRangeFormControl\"\n (dateInput)=\"onSecondDateChange($event)\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onSecondDateClear()\" />\n </mat-date-range-input>\n <mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n <button\n *ngIf=\"!isReadOnly\"\n class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n (click)=\"picker.open()\"\n euiButton\n euiSecondary\n euiIconButton\n type=\"button\"\n [euiDisabled]=\"isDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n</div>\n", styles: ["eui-date-range-selector{display:flex;width:100%}.eui-date-range-selector{display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-base-spacing-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-base-spacing-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-base-spacing-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity);background-color:var(--eui-base-color-grey-5);border:1px solid var(--eui-base-color-grey-25)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:1px solid var(--eui-base-color-danger-100)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-base-color-grey-100);display:flex;padding:var(--eui-base-spacing-s);text-align:left;width:100%}\n"] }]
223
223
  }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
@@ -275,8 +275,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
275
275
  }] } });
276
276
 
277
277
  class EuiDateRangeSelectorModule {
278
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
279
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorModule, declarations: [EuiDateRangeSelectorComponent], imports: [CommonModule,
278
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
279
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorModule, declarations: [EuiDateRangeSelectorComponent], imports: [CommonModule,
280
280
  FormsModule,
281
281
  ReactiveFormsModule,
282
282
  TranslateModule,
@@ -285,7 +285,7 @@ class EuiDateRangeSelectorModule {
285
285
  EuiButtonModule,
286
286
  EuiIconModule,
287
287
  EuiInputTextModule], exports: [EuiDateRangeSelectorComponent] }); }
288
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorModule, providers: [
288
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorModule, providers: [
289
289
  { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
290
290
  { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },
291
291
  ], imports: [CommonModule,
@@ -298,7 +298,7 @@ class EuiDateRangeSelectorModule {
298
298
  EuiIconModule,
299
299
  EuiInputTextModule] }); }
300
300
  }
301
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDateRangeSelectorModule, decorators: [{
301
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDateRangeSelectorModule, decorators: [{
302
302
  type: NgModule,
303
303
  args: [{
304
304
  imports: [
@@ -564,10 +564,10 @@ class EuiDatepickerComponent {
564
564
  date1.getMinutes() === date2.getMinutes() &&
565
565
  date1.getSeconds() === date2.getSeconds());
566
566
  }
567
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i4.BaseStatesDirective }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i5.NgControl, optional: true, self: true }, { token: MAT_DATE_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
568
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.6", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
567
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i4.BaseStatesDirective }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i5.NgControl, optional: true, self: true }, { token: MAT_DATE_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
568
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { styleClass: "styleClass", value: "value", togglerIcon: "togglerIcon", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-datepicker__wrapper {{ styleClass }}\" [class.eui-datepicker__wrapper--responsive]=\"isDatepickerBlock\">\n <div euiInputGroup>\n <div class=\"eui-input-group-addon\">\n <input\n euiInputText\n [readonly]=\"isReadOnly\"\n [euiClearable]=\"isClearable\"\n (clear)=\"onClear()\"\n [class.eui-datepicker--no-button]=\"hasNoButton\"\n [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n [class.eui-datepicker--block]=\"isDatepickerBlock\"\n [formControl]=\"inputFormControl\"\n [matDatepicker]=\"calendar\"\n placeholder=\"{{ placeholder }}\"\n (dateInput)=\"onDateInput($event)\"\n (dateChange)=\"onDateChange($event)\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [matDatepickerFilter]=\"datepickerFilter\"\n (click)=\"openCalendar()\"\n autocomplete=\"off\"\n aria-label=\"Date Input Field\"\n (keypress)=\"onKeypress($event)\"\n (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n <mat-datepicker\n #calendar\n panelClass=\"mat-calendar-{{ type }}\"\n [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n [disabled]=\"isPickerDisabled\"\n [calendarHeaderComponent]=\"customHeader\"\n [dateClass]=\"dateClass\"\n (opened)=\"onOpened()\">\n </mat-datepicker>\n <button\n *ngIf=\"!hasNoButton && showDateButton\"\n (click)=\"openCalendar()\"\n euiButton\n type=\"button\"\n euiSecondary\n [euiIconButton]=\"!togglerLabel\"\n [euiDisabled]=\"isButtonDisabled\"\n aria-haspopup=\"dialog\">\n <span *ngIf=\"!togglerLabel && togglerIcon\" euiIcon aria-label=\"Open Calendar\" iconClass=\"{{ togglerIcon }}\"></span>\n <ng-container *ngIf=\"!togglerLabel && !togglerIcon\">\n <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n </ng-container>\n <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #templatePortalRef>\n <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [":host.eui-datepicker{display:flex;width:100%}.eui-datepicker{display:flex;width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) .eui-input-group-addon{width:unset}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-base-spacing-m))}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker .eui-datepicker__wrapper:not(.eui-datepicker__wrapper--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-base-border-radius);border-top-right-radius:var(--eui-base-border-radius)}.eui-datepicker .eui-datepicker__wrapper .eui-input-group{margin-bottom:0}.eui-datepicker .eui-datepicker__wrapper--responsive,.eui-datepicker .eui-datepicker__wrapper--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs) var(--eui-base-spacing-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-base-spacing-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-base-color-grey-50)!important}.eui-datepicker--primary input{background-color:var(--eui-base-color-primary-10)}.eui-datepicker--secondary input{background-color:var(--eui-base-color-grey-10)}.eui-datepicker--info input{background-color:var(--eui-base-color-info-10)}.eui-datepicker--success input{background-color:var(--eui-base-color-success-10)}.eui-datepicker--warning input{background-color:var(--eui-base-color-warning-10)}.eui-datepicker--danger input{background-color:var(--eui-base-color-danger-10)}.eui-datepicker--accent input{background-color:var(--eui-base-color-accent-10)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
569
569
  }
570
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
570
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
571
571
  type: Component,
572
572
  args: [{ selector: 'eui-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
573
573
  {
@@ -712,10 +712,10 @@ const MONTH_YEAR_FORMAT = {
712
712
  },
713
713
  };
714
714
  class EuiLetterFormatDirective {
715
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiLetterFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
716
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiLetterFormatDirective, selector: "[euiLetterFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: LETTER_FORMAT }], ngImport: i0 }); }
715
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiLetterFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
716
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiLetterFormatDirective, selector: "[euiLetterFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: LETTER_FORMAT }], ngImport: i0 }); }
717
717
  }
718
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiLetterFormatDirective, decorators: [{
718
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiLetterFormatDirective, decorators: [{
719
719
  type: Directive,
720
720
  args: [{
721
721
  selector: '[euiLetterFormat]',
@@ -723,10 +723,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
723
723
  }]
724
724
  }] });
725
725
  class EuiYearFormatDirective {
726
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiYearFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
727
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiYearFormatDirective, selector: "[euiYearFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: YEAR_FORMAT }], ngImport: i0 }); }
726
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiYearFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
727
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiYearFormatDirective, selector: "[euiYearFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: YEAR_FORMAT }], ngImport: i0 }); }
728
728
  }
729
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiYearFormatDirective, decorators: [{
729
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiYearFormatDirective, decorators: [{
730
730
  type: Directive,
731
731
  args: [{
732
732
  selector: '[euiYearFormat]',
@@ -734,10 +734,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImpor
734
734
  }]
735
735
  }] });
736
736
  class EuiMonthYearFormatDirective {
737
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiMonthYearFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
738
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiMonthYearFormatDirective, selector: "[euiMonthYearFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: MONTH_YEAR_FORMAT }], ngImport: i0 }); }
737
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiMonthYearFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
738
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiMonthYearFormatDirective, selector: "[euiMonthYearFormat]", providers: [{ provide: MAT_DATE_FORMATS, useValue: MONTH_YEAR_FORMAT }], ngImport: i0 }); }
739
739
  }
740
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiMonthYearFormatDirective, decorators: [{
740
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiMonthYearFormatDirective, decorators: [{
741
741
  type: Directive,
742
742
  args: [{
743
743
  selector: '[euiMonthYearFormat]',
@@ -749,10 +749,10 @@ class EuiActionButtonsDirective {
749
749
  constructor() {
750
750
  this.class = 'eui-datepicker__action-buttons';
751
751
  }
752
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiActionButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
753
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: EuiActionButtonsDirective, selector: "eui-action-buttons", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
752
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiActionButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
753
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EuiActionButtonsDirective, selector: "eui-action-buttons", host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
754
754
  }
755
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiActionButtonsDirective, decorators: [{
755
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiActionButtonsDirective, decorators: [{
756
756
  type: Directive,
757
757
  args: [{ selector: 'eui-action-buttons' }]
758
758
  }], propDecorators: { class: [{
@@ -772,8 +772,8 @@ const DEFAULT_FORMATS = {
772
772
  },
773
773
  };
774
774
  class EuiDatepickerModule {
775
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
776
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerModule, declarations: [EuiDatepickerComponent,
775
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
776
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerModule, declarations: [EuiDatepickerComponent,
777
777
  EuiLetterFormatDirective,
778
778
  EuiYearFormatDirective,
779
779
  EuiMonthYearFormatDirective,
@@ -792,7 +792,7 @@ class EuiDatepickerModule {
792
792
  EuiYearFormatDirective,
793
793
  EuiMonthYearFormatDirective,
794
794
  EuiActionButtonsDirective] }); }
795
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerModule, providers: [
795
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerModule, providers: [
796
796
  { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
797
797
  { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },
798
798
  ], imports: [CommonModule,
@@ -807,7 +807,7 @@ class EuiDatepickerModule {
807
807
  EuiInputTextModule,
808
808
  EuiInputGroupModule] }); }
809
809
  }
810
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiDatepickerModule, decorators: [{
810
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiDatepickerModule, decorators: [{
811
811
  type: NgModule,
812
812
  args: [{
813
813
  imports: [