@eui/components 17.0.0-next.7 → 17.0.0-next.9

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 (390) hide show
  1. package/directives/eui-clearable.directive.d.ts.map +1 -1
  2. package/esm2022/directives/eui-clearable.directive.mjs +10 -9
  3. package/esm2022/directives/eui-has-permission.directive.mjs +9 -9
  4. package/esm2022/directives/eui-loading.directive.mjs +5 -5
  5. package/esm2022/directives/eui-maxlength.directive.mjs +10 -10
  6. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
  7. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +6 -6
  8. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
  9. package/esm2022/directives/eui-scroll-handler.directive.mjs +15 -15
  10. package/esm2022/directives/eui-smooth-scroll.directive.mjs +13 -13
  11. package/esm2022/directives/eui-template.directive.mjs +9 -9
  12. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +6 -6
  13. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +5 -5
  14. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
  15. package/esm2022/eui-alert/eui-alert.component.mjs +9 -9
  16. package/esm2022/eui-all/eui-all.module.mjs +10 -9
  17. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +11 -9
  18. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
  19. package/esm2022/eui-badge/eui-badge.component.mjs +9 -9
  20. package/esm2022/eui-block-content/eui-block-content.component.mjs +5 -5
  21. package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
  22. package/esm2022/eui-block-document/eui-block-document.component.mjs +5 -5
  23. package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
  24. package/esm2022/eui-button/eui-button.component.mjs +9 -9
  25. package/esm2022/eui-button-group/eui-button-group.component.mjs +9 -9
  26. package/esm2022/eui-buttons/eui-buttons.component.mjs +15 -15
  27. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
  28. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
  29. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
  30. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
  31. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +4 -4
  32. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
  33. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
  34. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
  35. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
  36. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +5 -5
  37. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
  38. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
  39. package/esm2022/eui-card/eui-card.component.mjs +5 -5
  40. package/esm2022/eui-card/eui-card.module.mjs +4 -4
  41. package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
  42. package/esm2022/eui-chip/eui-chip.component.mjs +5 -5
  43. package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
  44. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +8 -8
  45. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
  46. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
  47. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +15 -15
  48. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +9 -9
  49. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +7 -7
  50. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
  51. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +19 -19
  52. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
  53. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +21 -7
  54. package/esm2022/eui-dialog/eui-dialog.component.mjs +11 -11
  55. package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
  56. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +4 -4
  57. package/esm2022/eui-dimmer/dimmer.component.mjs +5 -5
  58. package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
  59. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +9 -9
  60. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
  61. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
  62. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
  63. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
  64. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +6 -6
  65. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +7 -7
  66. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
  67. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
  68. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +5 -5
  69. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
  70. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +11 -11
  71. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
  72. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +3 -3
  73. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +4 -4
  74. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +5 -5
  75. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
  76. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
  77. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +4 -4
  78. package/esm2022/eui-growl/eui-growl.component.mjs +5 -5
  79. package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
  80. package/esm2022/eui-icon/eui-icon-color.component.mjs +3 -3
  81. package/esm2022/eui-icon/eui-icon-svg.component.mjs +6 -6
  82. package/esm2022/eui-icon/eui-icon.component.mjs +5 -5
  83. package/esm2022/eui-icon/eui-icon.module.mjs +4 -4
  84. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  85. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
  86. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +6 -6
  87. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
  88. package/esm2022/eui-input-group/eui-input-group.component.mjs +4 -4
  89. package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
  90. package/esm2022/eui-input-number/eui-input-number.component.mjs +7 -7
  91. package/esm2022/eui-input-number/eui-input-number.module.mjs +4 -4
  92. package/esm2022/eui-input-number/eui-number-control.directive.mjs +5 -5
  93. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +6 -6
  94. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
  95. package/esm2022/eui-input-text/eui-input-text.component.mjs +7 -7
  96. package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
  97. package/esm2022/eui-label/eui-label.component.mjs +5 -5
  98. package/esm2022/eui-label/eui-label.module.mjs +4 -4
  99. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +5 -5
  100. package/esm2022/eui-list/eui-list.component.mjs +5 -5
  101. package/esm2022/eui-list/eui-list.module.mjs +4 -4
  102. package/esm2022/eui-list/services/eui-list.service.mjs +3 -3
  103. package/esm2022/eui-menu/eui-menu-item.component.mjs +5 -5
  104. package/esm2022/eui-menu/eui-menu.component.mjs +5 -5
  105. package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
  106. package/esm2022/eui-message-box/eui-message-box.component.mjs +18 -9
  107. package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
  108. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +6 -6
  109. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +5 -5
  110. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +5 -5
  111. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +5 -5
  112. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +5 -5
  113. package/esm2022/eui-overlay/eui-overlay.component.mjs +31 -16
  114. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
  115. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +23 -23
  116. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
  117. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
  118. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +5 -5
  119. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +10 -10
  120. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
  121. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +5 -5
  122. package/esm2022/eui-page/eui-page.component.mjs +4 -4
  123. package/esm2022/eui-page/eui-page.module.mjs +4 -4
  124. package/esm2022/eui-paginator/eui-paginator.component.mjs +5 -5
  125. package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
  126. package/esm2022/eui-picker/eui-picker.component.mjs +5 -5
  127. package/esm2022/eui-picker/eui-picker.module.mjs +4 -4
  128. package/esm2022/eui-picker/modal-picker/eui-modal-picker.component.mjs +5 -5
  129. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +6 -6
  130. package/esm2022/eui-popover/eui-popover.component.mjs +5 -5
  131. package/esm2022/eui-popover/eui-popover.module.mjs +4 -4
  132. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +5 -5
  133. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
  134. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +9 -9
  135. package/esm2022/eui-select/eui-select-control.directive.mjs +6 -6
  136. package/esm2022/eui-select/eui-select-multiple.directive.mjs +6 -6
  137. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +6 -6
  138. package/esm2022/eui-select/eui-select-option.directive.mjs +6 -6
  139. package/esm2022/eui-select/eui-select.component.mjs +6 -6
  140. package/esm2022/eui-select/eui-select.module.mjs +4 -4
  141. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
  142. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
  143. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +6 -6
  144. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
  145. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
  146. package/esm2022/eui-table/eui-table.component.mjs +39 -9
  147. package/esm2022/eui-table/eui-table.module.mjs +4 -4
  148. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
  149. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +5 -5
  150. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
  151. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +5 -5
  152. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +5 -5
  153. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
  154. package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
  155. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +5 -5
  156. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +5 -5
  157. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +5 -5
  158. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +8 -8
  159. package/esm2022/eui-tabs/eui-tabs.component.mjs +8 -8
  160. package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
  161. package/esm2022/eui-textarea/auto-resize.directive.mjs +6 -6
  162. package/esm2022/eui-textarea/eui-textarea.component.mjs +6 -6
  163. package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
  164. package/esm2022/eui-timebar/eui-timebar.component.mjs +9 -9
  165. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +6 -6
  166. package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
  167. package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
  168. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +6 -6
  169. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +4 -4
  170. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +10 -10
  171. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +10 -10
  172. package/esm2022/eui-tree/eui-tree.component.mjs +9 -9
  173. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
  174. package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
  175. package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
  176. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +4 -4
  177. package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
  178. package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
  179. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
  180. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +6 -6
  181. package/esm2022/externals/eui-editor/eui-editor.component.mjs +10 -10
  182. package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
  183. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +5 -5
  184. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +5 -5
  185. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +6 -6
  186. package/esm2022/externals/quill/quill-editor.component.mjs +6 -6
  187. package/esm2022/externals/quill/quill.module.mjs +4 -4
  188. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +5 -5
  189. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
  190. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
  191. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
  192. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +5 -5
  193. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
  194. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
  195. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
  196. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +5 -5
  197. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +5 -5
  198. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +5 -5
  199. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +5 -5
  200. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +6 -6
  201. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
  202. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +5 -5
  203. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
  204. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +5 -5
  205. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
  206. package/esm2022/layout/eui-app/eui-app.component.mjs +9 -9
  207. package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
  208. package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +5 -5
  209. package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +4 -4
  210. package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +4 -4
  211. package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +8 -8
  212. package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +6 -6
  213. package/esm2022/layout/eui-footer/footer.component.mjs +5 -5
  214. package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
  215. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +15 -15
  216. package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +6 -6
  217. package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +6 -6
  218. package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +6 -6
  219. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +6 -6
  220. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +6 -6
  221. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +4 -4
  222. package/esm2022/layout/eui-header/header.component.mjs +3 -3
  223. package/esm2022/layout/eui-header/header.module.mjs +4 -4
  224. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +5 -5
  225. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +4 -4
  226. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +5 -5
  227. package/esm2022/layout/eui-layout.module.mjs +4 -4
  228. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
  229. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  230. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
  231. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
  232. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
  233. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +4 -4
  234. package/esm2022/layout/eui-search/search.component.mjs +5 -5
  235. package/esm2022/layout/eui-search/search.module.mjs +4 -4
  236. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +5 -5
  237. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
  238. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
  239. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
  240. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
  241. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
  242. package/esm2022/layout/eui-toolbar/toolbar-item-notifications/toolbar-item-notifications.component.mjs +3 -3
  243. package/esm2022/layout/eui-toolbar/toolbar-item-search/toolbar-item-search.component.mjs +3 -3
  244. package/esm2022/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +4 -4
  245. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +5 -5
  246. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +5 -5
  247. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +5 -5
  248. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +5 -5
  249. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
  250. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +5 -5
  251. package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +5 -5
  252. package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +5 -5
  253. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +5 -5
  254. package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
  255. package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
  256. package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
  257. package/esm2022/shared/base/base-states.directive.mjs +3 -3
  258. package/esm2022/shared/base/base.directive.mjs +3 -3
  259. package/esm2022/shared/eui-common-header/common-header.component.mjs +7 -7
  260. package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +7 -7
  261. package/esm2022/shared/input.directive.mjs +5 -5
  262. package/eui-all/eui-all.module.d.ts +20 -19
  263. package/eui-all/eui-all.module.d.ts.map +1 -1
  264. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  265. package/eui-dialog/container/eui-dialog-container.component.d.ts +4 -0
  266. package/eui-dialog/container/eui-dialog-container.component.d.ts.map +1 -1
  267. package/eui-message-box/eui-message-box.component.d.ts +4 -1
  268. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  269. package/eui-overlay/eui-overlay.component.d.ts +5 -2
  270. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  271. package/eui-table/eui-table.component.d.ts +1 -0
  272. package/eui-table/eui-table.component.d.ts.map +1 -1
  273. package/fesm2022/eui-components-directives.mjs +89 -88
  274. package/fesm2022/eui-components-directives.mjs.map +1 -1
  275. package/fesm2022/eui-components-eui-alert.mjs +8 -8
  276. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  277. package/fesm2022/eui-components-eui-all.mjs +9 -8
  278. package/fesm2022/eui-components-eui-all.mjs.map +1 -1
  279. package/fesm2022/eui-components-eui-autocomplete.mjs +14 -12
  280. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  281. package/fesm2022/eui-components-eui-badge.mjs +8 -8
  282. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  283. package/fesm2022/eui-components-eui-block-content.mjs +8 -8
  284. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  285. package/fesm2022/eui-components-eui-block-document.mjs +8 -8
  286. package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
  287. package/fesm2022/eui-components-eui-button-group.mjs +8 -8
  288. package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
  289. package/fesm2022/eui-components-eui-button.mjs +8 -8
  290. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  291. package/fesm2022/eui-components-eui-buttons.mjs +14 -14
  292. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  293. package/fesm2022/eui-components-eui-card.mjs +48 -48
  294. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  295. package/fesm2022/eui-components-eui-chip-list.mjs +14 -14
  296. package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
  297. package/fesm2022/eui-components-eui-chip.mjs +8 -8
  298. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  299. package/fesm2022/eui-components-eui-dashboard-button.mjs +14 -14
  300. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  301. package/fesm2022/eui-components-eui-dashboard-card.mjs +8 -8
  302. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  303. package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
  304. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  305. package/fesm2022/eui-components-eui-datepicker.mjs +22 -22
  306. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  307. package/fesm2022/eui-components-eui-dialog.mjs +38 -24
  308. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  309. package/fesm2022/eui-components-eui-dimmer.mjs +8 -8
  310. package/fesm2022/eui-components-eui-dimmer.mjs.map +1 -1
  311. package/fesm2022/eui-components-eui-disable-content.mjs +8 -8
  312. package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
  313. package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
  314. package/fesm2022/eui-components-eui-dropdown.mjs +25 -25
  315. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  316. package/fesm2022/eui-components-eui-feedback-message.mjs +8 -8
  317. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  318. package/fesm2022/eui-components-eui-fieldset.mjs +14 -14
  319. package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
  320. package/fesm2022/eui-components-eui-file-upload.mjs +21 -21
  321. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  322. package/fesm2022/eui-components-eui-growl.mjs +8 -8
  323. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  324. package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
  325. package/fesm2022/eui-components-eui-icon.mjs +16 -16
  326. package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
  327. package/fesm2022/eui-components-eui-input-checkbox.mjs +9 -9
  328. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  329. package/fesm2022/eui-components-eui-input-group.mjs +8 -8
  330. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  331. package/fesm2022/eui-components-eui-input-number.mjs +15 -15
  332. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  333. package/fesm2022/eui-components-eui-input-radio.mjs +9 -9
  334. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  335. package/fesm2022/eui-components-eui-input-text.mjs +10 -10
  336. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  337. package/fesm2022/eui-components-eui-label.mjs +8 -8
  338. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  339. package/fesm2022/eui-components-eui-list.mjs +15 -15
  340. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  341. package/fesm2022/eui-components-eui-menu.mjs +12 -12
  342. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  343. package/fesm2022/eui-components-eui-message-box.mjs +26 -17
  344. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  345. package/fesm2022/eui-components-eui-overlay.mjs +46 -31
  346. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  347. package/fesm2022/eui-components-eui-page.mjs +59 -59
  348. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  349. package/fesm2022/eui-components-eui-paginator.mjs +8 -8
  350. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  351. package/fesm2022/eui-components-eui-picker.mjs +13 -13
  352. package/fesm2022/eui-components-eui-picker.mjs.map +1 -1
  353. package/fesm2022/eui-components-eui-popover.mjs +13 -13
  354. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  355. package/fesm2022/eui-components-eui-progress-bar.mjs +8 -8
  356. package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
  357. package/fesm2022/eui-components-eui-progress-circle.mjs +8 -8
  358. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  359. package/fesm2022/eui-components-eui-select.mjs +29 -29
  360. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  361. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  362. package/fesm2022/eui-components-eui-slide-toggle.mjs +9 -9
  363. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  364. package/fesm2022/eui-components-eui-table.mjs +73 -43
  365. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  366. package/fesm2022/eui-components-eui-tabs.mjs +26 -26
  367. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  368. package/fesm2022/eui-components-eui-textarea.mjs +14 -14
  369. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  370. package/fesm2022/eui-components-eui-timebar.mjs +8 -8
  371. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  372. package/fesm2022/eui-components-eui-timeline.mjs +12 -12
  373. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  374. package/fesm2022/eui-components-eui-timepicker.mjs +9 -9
  375. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  376. package/fesm2022/eui-components-eui-tree.mjs +26 -26
  377. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  378. package/fesm2022/eui-components-eui-wizard.mjs +14 -14
  379. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  380. package/fesm2022/eui-components-externals-eui-editor.mjs +35 -35
  381. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  382. package/fesm2022/eui-components-externals-quill.mjs +9 -9
  383. package/fesm2022/eui-components-externals-quill.mjs.map +1 -1
  384. package/fesm2022/eui-components-layout.mjs +277 -277
  385. package/fesm2022/eui-components-layout.mjs.map +1 -1
  386. package/fesm2022/eui-components-pipes.mjs +14 -14
  387. package/fesm2022/eui-components-shared-base.mjs +6 -6
  388. package/fesm2022/eui-components-shared.mjs +18 -18
  389. package/fesm2022/eui-components-shared.mjs.map +1 -1
  390. package/package.json +7 -7
@@ -157,10 +157,10 @@ export class EuiNotificationsComponent {
157
157
  });
158
158
  return unreadNotifications.length;
159
159
  }
160
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
161
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.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: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
160
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
161
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.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: i6.EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
162
162
  }
163
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
163
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
164
164
  type: Component,
165
165
  args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font-size:var(--eui-base-font-size-l);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{font-size:var(--eui-base-font-size-s);margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
166
166
  }], propDecorators: { refreshClick: [{
@@ -10,11 +10,11 @@ import { EuiNotificationsComponent } from './eui-notifications.component';
10
10
  import { EuiTruncatePipeModule } from '@eui/components/pipes';
11
11
  import * as i0 from "@angular/core";
12
12
  export class EuiNotificationsModule {
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] }); }
15
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
13
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] }); }
15
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsModule, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsModule, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsModule, decorators: [{
18
18
  type: NgModule,
19
19
  args: [{
20
20
  imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule],
@@ -32,10 +32,10 @@ export class EuiNotificationItemV2Component {
32
32
  this.itemMarkAsRead.emit(this.item);
33
33
  consumeEvent(event);
34
34
  }
35
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
36
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
35
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
36
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
37
37
  }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
39
39
  type: Component,
40
40
  args: [{ selector: 'eui-notification-item-v2', template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-size-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-size-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-size-h9 eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n" }]
41
41
  }], propDecorators: { string: [{
@@ -161,10 +161,10 @@ export class EuiNotificationsV2Component {
161
161
  });
162
162
  return unreadNotifications.length;
163
163
  }
164
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
165
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i4.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: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
164
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
165
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i4.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: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
166
166
  }
167
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
167
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
168
168
  type: Component,
169
169
  args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-size-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
170
170
  }], propDecorators: { refreshClick: [{
@@ -10,11 +10,11 @@ import { EuiNotificationsV2Component } from './eui-notifications.component';
10
10
  import { EuiTruncatePipeModule } from '@eui/components/pipes';
11
11
  import * as i0 from "@angular/core";
12
12
  export class EuiNotificationsV2Module {
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] }); }
15
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Module, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
13
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
14
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] }); }
15
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Module, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Module, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiNotificationsV2Module, decorators: [{
18
18
  type: NgModule,
19
19
  args: [{
20
20
  imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule],
@@ -26,13 +26,13 @@ export class EuiSearchComponent extends BaseDirective {
26
26
  onBackClicked() {
27
27
  this.isActive = !this.isActive;
28
28
  }
29
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSearchComponent, selector: "eui-search", inputs: { isActive: "isActive" }, outputs: { search: "search" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button euiButton euiIconButton euiPrimary class=\"eui-search__trigger\" (click)=\"onToggle()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-5\"></eui-icon-svg>\n</button>\n<eui-overlay euiSizeFullScreen euiPrimary [isActive]=\"isActive\">\n <eui-overlay-header>\n <div euiInputGroup class=\"eui-u-mb-none\">\n <div class=\"eui-input-group-addon\">\n <button euiButton euiIconButton type=\"button\" (click)=\"onBackClicked()\">\n <eui-icon-svg icon=\"eui-arrow-back\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <input\n euiInputText\n type=\"search\"\n placeholder=\"Search website...\"\n [(ngModel)]=\"searchField\"\n aria-label=\"Search website\"\n (keypress.enter)=\"onSearchClicked()\" />\n <button euiButton euiIconButton type=\"button\" (click)=\"onSearchClicked()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </eui-overlay-header>\n <eui-overlay-body>\n <ng-content></ng-content>\n </eui-overlay-body>\n</eui-overlay>\n", styles: [".eui-search{align-items:center;display:flex}.eui-search__trigger{align-items:center;border:none!important;background:transparent!important;display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-search-overlay-main{display:none}\n"], dependencies: [{ kind: "component", type: i1.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: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"] }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
29
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiSearchComponent, selector: "eui-search", inputs: { isActive: "isActive" }, outputs: { search: "search" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button euiButton euiIconButton euiPrimary class=\"eui-search__trigger\" (click)=\"onToggle()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-5\"></eui-icon-svg>\n</button>\n<eui-overlay euiSizeFullScreen euiPrimary [isActive]=\"isActive\">\n <eui-overlay-header>\n <div euiInputGroup class=\"eui-u-mb-none\">\n <div class=\"eui-input-group-addon\">\n <button euiButton euiIconButton type=\"button\" (click)=\"onBackClicked()\">\n <eui-icon-svg icon=\"eui-arrow-back\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <input\n euiInputText\n type=\"search\"\n placeholder=\"Search website...\"\n [(ngModel)]=\"searchField\"\n aria-label=\"Search website\"\n (keypress.enter)=\"onSearchClicked()\" />\n <button euiButton euiIconButton type=\"button\" (click)=\"onSearchClicked()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </eui-overlay-header>\n <eui-overlay-body>\n <ng-content></ng-content>\n </eui-overlay-body>\n</eui-overlay>\n", styles: [".eui-search{align-items:center;display:flex}.eui-search__trigger{align-items:center;border:none!important;background:transparent!important;display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-search-overlay-main{display:none}\n"], dependencies: [{ kind: "component", type: i1.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: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i4.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
31
31
  }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchComponent, decorators: [{
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchComponent, decorators: [{
33
33
  type: Component,
34
34
  args: [{ selector: 'eui-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<button euiButton euiIconButton euiPrimary class=\"eui-search__trigger\" (click)=\"onToggle()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-5\"></eui-icon-svg>\n</button>\n<eui-overlay euiSizeFullScreen euiPrimary [isActive]=\"isActive\">\n <eui-overlay-header>\n <div euiInputGroup class=\"eui-u-mb-none\">\n <div class=\"eui-input-group-addon\">\n <button euiButton euiIconButton type=\"button\" (click)=\"onBackClicked()\">\n <eui-icon-svg icon=\"eui-arrow-back\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <input\n euiInputText\n type=\"search\"\n placeholder=\"Search website...\"\n [(ngModel)]=\"searchField\"\n aria-label=\"Search website\"\n (keypress.enter)=\"onSearchClicked()\" />\n <button euiButton euiIconButton type=\"button\" (click)=\"onSearchClicked()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </eui-overlay-header>\n <eui-overlay-body>\n <ng-content></ng-content>\n </eui-overlay-body>\n</eui-overlay>\n", styles: [".eui-search{align-items:center;display:flex}.eui-search__trigger{align-items:center;border:none!important;background:transparent!important;display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-search-overlay-main{display:none}\n"] }]
35
- }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
35
+ }], ctorParameters: () => [], propDecorators: { cssClasses: [{
36
36
  type: HostBinding,
37
37
  args: ['class']
38
38
  }], isActive: [{
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
40
40
  }], search: [{
41
41
  type: Output
42
42
  }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktc2VhcmNoL3NlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNlYXJjaC9zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7OztBQVN2RCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsYUFBYTtJQUNqRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoRSxDQUFDO0lBT0Q7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQU5ILGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDaEIsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVELGdCQUFXLEdBQUcsRUFBRSxDQUFDO0lBSWpCLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNuQyxDQUFDO3dJQXpCUSxrQkFBa0I7NEhBQWxCLGtCQUFrQixnTUNWL0Isa3pDQTJCQTs7a0dEakJhLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUk7MEVBSWpDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtYLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aVNlYXJjaENvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLXNlYXJjaCcpXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGlzQWN0aXZlID0gZmFsc2U7XG4gICAgQE91dHB1dCgpIHNlYXJjaDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBzZWFyY2hGaWVsZCA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgb25TZWFyY2hDbGlja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlYXJjaC5lbWl0KHRoaXMuc2VhcmNoRmllbGQpO1xuICAgIH1cblxuICAgIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gIXRoaXMuaXNBY3RpdmU7XG4gICAgfVxuXG4gICAgb25CYWNrQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0FjdGl2ZSA9ICF0aGlzLmlzQWN0aXZlO1xuICAgIH1cbn1cbiIsIjxidXR0b24gZXVpQnV0dG9uIGV1aUljb25CdXR0b24gZXVpUHJpbWFyeSBjbGFzcz1cImV1aS1zZWFyY2hfX3RyaWdnZXJcIiAoY2xpY2spPVwib25Ub2dnbGUoKVwiPlxuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1zZWFyY2hcIiBzaXplPVwibFwiIGZpbGxDb2xvcj1cImdyZXktNVwiPjwvZXVpLWljb24tc3ZnPlxuPC9idXR0b24+XG48ZXVpLW92ZXJsYXkgZXVpU2l6ZUZ1bGxTY3JlZW4gZXVpUHJpbWFyeSBbaXNBY3RpdmVdPVwiaXNBY3RpdmVcIj5cbiAgICA8ZXVpLW92ZXJsYXktaGVhZGVyPlxuICAgICAgICA8ZGl2IGV1aUlucHV0R3JvdXAgY2xhc3M9XCJldWktdS1tYi1ub25lXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWlucHV0LWdyb3VwLWFkZG9uXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBldWlCdXR0b24gZXVpSWNvbkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQmFja0NsaWNrZWQoKVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktYXJyb3ctYmFja1wiIHNpemU9XCJsXCIgZmlsbENvbG9yPVwiZ3JleS0xMDBcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgZXVpSW5wdXRUZXh0XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCB3ZWJzaXRlLi4uXCJcbiAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJTZWFyY2ggd2Vic2l0ZVwiXG4gICAgICAgICAgICAgICAgICAgIChrZXlwcmVzcy5lbnRlcik9XCJvblNlYXJjaENsaWNrZWQoKVwiIC8+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBldWlCdXR0b24gZXVpSWNvbkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uU2VhcmNoQ2xpY2tlZCgpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1zZWFyY2hcIiBzaXplPVwibFwiIGZpbGxDb2xvcj1cImdyZXktMTAwXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9ldWktb3ZlcmxheS1oZWFkZXI+XG4gICAgPGV1aS1vdmVybGF5LWJvZHk+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2V1aS1vdmVybGF5LWJvZHk+XG48L2V1aS1vdmVybGF5PlxuIl19
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktc2VhcmNoL3NlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNlYXJjaC9zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7OztBQVN2RCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsYUFBYTtJQUNqRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoRSxDQUFDO0lBT0Q7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQU5ILGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDaEIsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVELGdCQUFXLEdBQUcsRUFBRSxDQUFDO0lBSWpCLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNuQyxDQUFDO3dJQXpCUSxrQkFBa0I7NEhBQWxCLGtCQUFrQixnTUNWL0Isa3pDQTJCQTs7a0dEakJhLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUk7d0RBSWpDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtYLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aVNlYXJjaENvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLXNlYXJjaCcpXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGlzQWN0aXZlID0gZmFsc2U7XG4gICAgQE91dHB1dCgpIHNlYXJjaDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBzZWFyY2hGaWVsZCA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgb25TZWFyY2hDbGlja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlYXJjaC5lbWl0KHRoaXMuc2VhcmNoRmllbGQpO1xuICAgIH1cblxuICAgIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gIXRoaXMuaXNBY3RpdmU7XG4gICAgfVxuXG4gICAgb25CYWNrQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0FjdGl2ZSA9ICF0aGlzLmlzQWN0aXZlO1xuICAgIH1cbn1cbiIsIjxidXR0b24gZXVpQnV0dG9uIGV1aUljb25CdXR0b24gZXVpUHJpbWFyeSBjbGFzcz1cImV1aS1zZWFyY2hfX3RyaWdnZXJcIiAoY2xpY2spPVwib25Ub2dnbGUoKVwiPlxuICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1zZWFyY2hcIiBzaXplPVwibFwiIGZpbGxDb2xvcj1cImdyZXktNVwiPjwvZXVpLWljb24tc3ZnPlxuPC9idXR0b24+XG48ZXVpLW92ZXJsYXkgZXVpU2l6ZUZ1bGxTY3JlZW4gZXVpUHJpbWFyeSBbaXNBY3RpdmVdPVwiaXNBY3RpdmVcIj5cbiAgICA8ZXVpLW92ZXJsYXktaGVhZGVyPlxuICAgICAgICA8ZGl2IGV1aUlucHV0R3JvdXAgY2xhc3M9XCJldWktdS1tYi1ub25lXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLWlucHV0LWdyb3VwLWFkZG9uXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBldWlCdXR0b24gZXVpSWNvbkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQmFja0NsaWNrZWQoKVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktYXJyb3ctYmFja1wiIHNpemU9XCJsXCIgZmlsbENvbG9yPVwiZ3JleS0xMDBcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgZXVpSW5wdXRUZXh0XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCB3ZWJzaXRlLi4uXCJcbiAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJTZWFyY2ggd2Vic2l0ZVwiXG4gICAgICAgICAgICAgICAgICAgIChrZXlwcmVzcy5lbnRlcik9XCJvblNlYXJjaENsaWNrZWQoKVwiIC8+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBldWlCdXR0b24gZXVpSWNvbkJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uU2VhcmNoQ2xpY2tlZCgpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1zZWFyY2hcIiBzaXplPVwibFwiIGZpbGxDb2xvcj1cImdyZXktMTAwXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9ldWktb3ZlcmxheS1oZWFkZXI+XG4gICAgPGV1aS1vdmVybGF5LWJvZHk+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2V1aS1vdmVybGF5LWJvZHk+XG48L2V1aS1vdmVybGF5PlxuIl19
@@ -9,11 +9,11 @@ import { EuiSearchComponent } from './search.component';
9
9
  import { FormsModule } from '@angular/forms';
10
10
  import * as i0 from "@angular/core";
11
11
  export class EuiSearchModule {
12
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
13
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchModule, declarations: [EuiSearchComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule], exports: [EuiSearchComponent] }); }
14
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchModule, imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule] }); }
12
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
13
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchModule, declarations: [EuiSearchComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule], exports: [EuiSearchComponent] }); }
14
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchModule, imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule] }); }
15
15
  }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSearchModule, decorators: [{
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSearchModule, decorators: [{
17
17
  type: NgModule,
18
18
  args: [{
19
19
  imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule],
@@ -19,13 +19,13 @@ export class EuiSidebarToggleComponent extends BaseDirective {
19
19
  this.asService.sidebarToggle();
20
20
  consumeEvent(event);
21
21
  }
22
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
23
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n euiButton\n euiIconButton\n euiBasicButton\n class=\"eui-sidebar-toggle__icon-container\"\n (click)=\"onToggleSidebar($event)\"\n [attr.aria-label]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\">\n <div class=\"eui-sidebar-toggle__icon-container__inner\">\n <eui-icon-svg icon=\"eui-ecl-hamburger\" size=\"l\" fillColor=\"white\" aria-label=\"Hamburger menu icon\"></eui-icon-svg>\n </div>\n</button>\n", styles: [".eui-sidebar-toggle__icon-container{cursor:pointer;padding:0;text-align:center;min-height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl)}.eui-sidebar-toggle__icon-container:active,.eui-sidebar-toggle__icon-container:focus,.eui-sidebar-toggle__icon-container:hover{background:transparent}.eui-sidebar-toggle__icon-container__inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}\n"], dependencies: [{ kind: "component", type: i2.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: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
22
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
23
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n euiButton\n euiIconButton\n euiBasicButton\n class=\"eui-sidebar-toggle__icon-container\"\n (click)=\"onToggleSidebar($event)\"\n [attr.aria-label]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\">\n <div class=\"eui-sidebar-toggle__icon-container__inner\">\n <eui-icon-svg icon=\"eui-ecl-hamburger\" size=\"l\" fillColor=\"white\" aria-label=\"Hamburger menu icon\"></eui-icon-svg>\n </div>\n</button>\n", styles: [".eui-sidebar-toggle__icon-container{cursor:pointer;padding:0;text-align:center;min-height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl)}.eui-sidebar-toggle__icon-container:active,.eui-sidebar-toggle__icon-container:focus,.eui-sidebar-toggle__icon-container:hover{background:transparent}.eui-sidebar-toggle__icon-container__inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}\n"], dependencies: [{ kind: "component", type: i2.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: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
24
24
  }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleComponent, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleComponent, decorators: [{
26
26
  type: Component,
27
27
  args: [{ selector: 'eui-sidebar-toggle', template: "<button\n euiButton\n euiIconButton\n euiBasicButton\n class=\"eui-sidebar-toggle__icon-container\"\n (click)=\"onToggleSidebar($event)\"\n [attr.aria-label]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\">\n <div class=\"eui-sidebar-toggle__icon-container__inner\">\n <eui-icon-svg icon=\"eui-ecl-hamburger\" size=\"l\" fillColor=\"white\" aria-label=\"Hamburger menu icon\"></eui-icon-svg>\n </div>\n</button>\n", styles: [".eui-sidebar-toggle__icon-container{cursor:pointer;padding:0;text-align:center;min-height:var(--eui-base-spacing-xl);min-width:var(--eui-base-spacing-xl)}.eui-sidebar-toggle__icon-container:active,.eui-sidebar-toggle__icon-container:focus,.eui-sidebar-toggle__icon-container:hover{background:transparent}.eui-sidebar-toggle__icon-container__inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}\n"] }]
28
- }], ctorParameters: function () { return [{ type: i1.EuiAppShellService }]; }, propDecorators: { e2eAttr: [{
28
+ }], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { e2eAttr: [{
29
29
  type: HostBinding,
30
30
  args: ['attr.data-e2e']
31
31
  }, {
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4",
34
34
  type: HostBinding,
35
35
  args: ['class']
36
36
  }] } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1zaWRlYmFyLXRvZ2dsZS9zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNpZGViYXItdG9nZ2xlL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQXNCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQU92RCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsYUFBYTtJQUV4RCxZQUFtQixTQUE2QjtRQUM1QyxLQUFLLEVBQUUsQ0FBQztRQURPLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBRFQsWUFBTyxHQUFHLG9CQUFvQixDQUFDO0lBR3RFLENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hFLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQy9CLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dJQWRRLHlCQUF5Qjs0SEFBekIseUJBQXlCLHdNQ1Z0Qyw4ZEFXQTs7a0dERGEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLG9CQUFvQjt5R0FLUyxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBTWhDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRXVpQXBwU2hlbGxTZXJ2aWNlLCBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1zaWRlYmFyLXRvZ2dsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aVNpZGViYXJUb2dnbGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1zaWRlYmFyLXRvZ2dsZSc7XG4gICAgY29uc3RydWN0b3IocHVibGljIGFzU2VydmljZTogRXVpQXBwU2hlbGxTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdldWktc2lkZWJhci10b2dnbGUnKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBvblRvZ2dsZVNpZGViYXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuYXNTZXJ2aWNlLnNpZGViYXJUb2dnbGUoKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8YnV0dG9uXG4gICAgZXVpQnV0dG9uXG4gICAgZXVpSWNvbkJ1dHRvblxuICAgIGV1aUJhc2ljQnV0dG9uXG4gICAgY2xhc3M9XCJldWktc2lkZWJhci10b2dnbGVfX2ljb24tY29udGFpbmVyXCJcbiAgICAoY2xpY2spPVwib25Ub2dnbGVTaWRlYmFyKCRldmVudClcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNTaWRlYmFyT3BlbiA/ICdDbG9zZSBTaWRlYmFyJyA6ICdPcGVuIFNpZGViYXInXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1zaWRlYmFyLXRvZ2dsZV9faWNvbi1jb250YWluZXJfX2lubmVyXCI+XG4gICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1lY2wtaGFtYnVyZ2VyXCIgc2l6ZT1cImxcIiBmaWxsQ29sb3I9XCJ3aGl0ZVwiIGFyaWEtbGFiZWw9XCJIYW1idXJnZXIgbWVudSBpY29uXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
37
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1zaWRlYmFyLXRvZ2dsZS9zaWRlYmFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXNpZGViYXItdG9nZ2xlL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxPQUFPLEVBQXNCLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQU92RCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsYUFBYTtJQUV4RCxZQUFtQixTQUE2QjtRQUM1QyxLQUFLLEVBQUUsQ0FBQztRQURPLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBRFQsWUFBTyxHQUFHLG9CQUFvQixDQUFDO0lBR3RFLENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hFLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQy9CLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO3dJQWRRLHlCQUF5Qjs0SEFBekIseUJBQXlCLHdNQ1Z0Qyw4ZEFXQTs7a0dERGEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLG9CQUFvQjt1RkFLUyxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBTWhDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRXVpQXBwU2hlbGxTZXJ2aWNlLCBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1zaWRlYmFyLXRvZ2dsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9fc3R5bGVzL19pbmRleC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEV1aVNpZGViYXJUb2dnbGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1zaWRlYmFyLXRvZ2dsZSc7XG4gICAgY29uc3RydWN0b3IocHVibGljIGFzU2VydmljZTogRXVpQXBwU2hlbGxTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdldWktc2lkZWJhci10b2dnbGUnKV0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBvblRvZ2dsZVNpZGViYXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuYXNTZXJ2aWNlLnNpZGViYXJUb2dnbGUoKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8YnV0dG9uXG4gICAgZXVpQnV0dG9uXG4gICAgZXVpSWNvbkJ1dHRvblxuICAgIGV1aUJhc2ljQnV0dG9uXG4gICAgY2xhc3M9XCJldWktc2lkZWJhci10b2dnbGVfX2ljb24tY29udGFpbmVyXCJcbiAgICAoY2xpY2spPVwib25Ub2dnbGVTaWRlYmFyKCRldmVudClcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaXNTaWRlYmFyT3BlbiA/ICdDbG9zZSBTaWRlYmFyJyA6ICdPcGVuIFNpZGViYXInXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1zaWRlYmFyLXRvZ2dsZV9faWNvbi1jb250YWluZXJfX2lubmVyXCI+XG4gICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1lY2wtaGFtYnVyZ2VyXCIgc2l6ZT1cImxcIiBmaWxsQ29sb3I9XCJ3aGl0ZVwiIGFyaWEtbGFiZWw9XCJIYW1idXJnZXIgbWVudSBpY29uXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
@@ -5,11 +5,11 @@ import { EuiSidebarToggleComponent } from './sidebar-toggle.component';
5
5
  import { EuiButtonModule } from '@eui/components/eui-button';
6
6
  import * as i0 from "@angular/core";
7
7
  export class EuiSidebarToggleModule {
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleModule, declarations: [EuiSidebarToggleComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule], exports: [EuiSidebarToggleComponent] }); }
10
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleModule, imports: [CommonModule, EuiIconModule, EuiButtonModule] }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleModule, declarations: [EuiSidebarToggleComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule], exports: [EuiSidebarToggleComponent] }); }
10
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleModule, imports: [CommonModule, EuiIconModule, EuiButtonModule] }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiSidebarToggleModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiSidebarToggleModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  imports: [CommonModule, EuiIconModule, EuiButtonModule],
@@ -5,10 +5,10 @@ export class EuiToolbarAppComponent {
5
5
  constructor() {
6
6
  this.class = 'eui-toolbar-app';
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: { appName: "appName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"appSubTitle; else noSubTitle\">\n <div class=\"eui-toolbar-app__name\">\n {{ appName }}\n </div>\n <div class=\"eui-toolbar-app__subTitle\">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: { appName: "appName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"appSubTitle; else noSubTitle\">\n <div class=\"eui-toolbar-app__name\">\n {{ appName }}\n </div>\n <div class=\"eui-toolbar-app__subTitle\">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarAppComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarAppComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'eui-toolbar-app', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"appSubTitle; else noSubTitle\">\n <div class=\"eui-toolbar-app__name\">\n {{ appName }}\n </div>\n <div class=\"eui-toolbar-app__subTitle\">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n" }]
14
14
  }], propDecorators: { class: [{
@@ -4,10 +4,10 @@ export class EuiToolbarCenterComponent {
4
4
  constructor() {
5
5
  this.string = 'eui-toolbar-center';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarCenterComponent, selector: "eui-toolbar-center", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarCenterComponent, selector: "eui-toolbar-center", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarCenterComponent, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarCenterComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{ selector: 'eui-toolbar-center', template: "<ng-content></ng-content>\n" }]
13
13
  }], propDecorators: { string: [{
@@ -4,10 +4,10 @@ export class EuiToolbarEnvironmentComponent {
4
4
  constructor() {
5
5
  this.class = 'eui-toolbar-environment';
6
6
  }
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarEnvironmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarEnvironmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarEnvironmentComponent, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarEnvironmentComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{ selector: 'eui-toolbar-environment', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
13
13
  }], propDecorators: { class: [{
@@ -5,10 +5,10 @@ export class EuiToolbarItemComponent {
5
5
  this.string = 'eui-toolbar-item';
6
6
  this.tabindex = '0';
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarItemComponent, selector: "eui-toolbar-item", host: { properties: { "class": "this.string", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarItemComponent, selector: "eui-toolbar-item", host: { properties: { "class": "this.string", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'eui-toolbar-item', template: "<ng-content></ng-content>\n" }]
14
14
  }], propDecorators: { string: [{
@@ -5,10 +5,10 @@ export class EuiToolbarItemNotificationsComponent {
5
5
  constructor() {
6
6
  this.string = 'eui-toolbar-item-notifications';
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarItemNotificationsComponent, selector: "eui-toolbar-item-notifications", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-notifications\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: i1.EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarItemNotificationsComponent, selector: "eui-toolbar-item-notifications", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-notifications\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: i1.EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemNotificationsComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemNotificationsComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'eui-toolbar-item-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <ng-content select=\"eui-notifications\"></ng-content>\n</eui-toolbar-item>\n" }]
14
14
  }], propDecorators: { string: [{
@@ -5,10 +5,10 @@ export class EuiToolbarItemSearchComponent {
5
5
  constructor() {
6
6
  this.string = 'eui-toolbar-item-search';
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiToolbarItemSearchComponent, selector: "eui-toolbar-item-search", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-search\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: i1.EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiToolbarItemSearchComponent, selector: "eui-toolbar-item-search", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-search\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: i1.EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiToolbarItemSearchComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiToolbarItemSearchComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'eui-toolbar-item-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <ng-content select=\"eui-search\"></ng-content>\n</eui-toolbar-item>\n" }]
14
14
  }], propDecorators: { string: [{