@eui/components 18.2.0-snapshot-1724773712587 → 18.2.0-snapshot-1724807614589

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 (485) hide show
  1. package/directives/eui-clearable.directive.d.ts.map +1 -1
  2. package/directives/eui-loading.directive.d.ts.map +1 -1
  3. package/directives/eui-maxlength.directive.d.ts.map +1 -1
  4. package/directives/eui-scroll-handler.directive.d.ts.map +1 -1
  5. package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
  6. package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
  7. package/docs/dependencies.html +39 -39
  8. package/docs/js/search/search_index.js +2 -2
  9. package/esm2022/directives/eui-arrow-key-navigable.directive.mjs +3 -3
  10. package/esm2022/directives/eui-clearable.directive.mjs +3 -3
  11. package/esm2022/directives/eui-has-permission.directive.mjs +7 -7
  12. package/esm2022/directives/eui-loading.directive.mjs +3 -3
  13. package/esm2022/directives/eui-maxlength.directive.mjs +7 -7
  14. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
  15. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +3 -3
  16. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
  17. package/esm2022/directives/eui-scroll-handler.directive.mjs +10 -10
  18. package/esm2022/directives/eui-smooth-scroll.directive.mjs +10 -10
  19. package/esm2022/directives/eui-template.directive.mjs +7 -7
  20. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  21. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +3 -3
  22. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
  23. package/esm2022/eui-accordion/eui-accordion-item.component.mjs +6 -6
  24. package/esm2022/eui-accordion/eui-accordion.component.mjs +3 -3
  25. package/esm2022/eui-accordion/eui-accordion.module.mjs +4 -4
  26. package/esm2022/eui-alert/components/eui-alert-title.component.mjs +3 -3
  27. package/esm2022/eui-alert/eui-alert.component.mjs +3 -3
  28. package/esm2022/eui-alert/eui-alert.module.mjs +4 -4
  29. package/esm2022/eui-all/eui-all.module.mjs +4 -4
  30. package/esm2022/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.mjs +3 -3
  31. package/esm2022/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.mjs +3 -3
  32. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  33. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
  34. package/esm2022/eui-avatar/avatar-badge/avatar-badge.component.mjs +3 -3
  35. package/esm2022/eui-avatar/avatar-icon/avatar-icon.component.mjs +3 -3
  36. package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
  37. package/esm2022/eui-avatar/avatar-text/avatar-text.component.mjs +3 -3
  38. package/esm2022/eui-avatar/eui-avatar-list.component.mjs +3 -3
  39. package/esm2022/eui-avatar/eui-avatar.component.mjs +3 -3
  40. package/esm2022/eui-avatar/eui-avatar.module.mjs +4 -4
  41. package/esm2022/eui-badge/eui-badge.component.mjs +3 -3
  42. package/esm2022/eui-badge/eui-badge.module.mjs +4 -4
  43. package/esm2022/eui-block-content/eui-block-content.component.mjs +3 -3
  44. package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
  45. package/esm2022/eui-block-document/eui-block-document.component.mjs +3 -3
  46. package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
  47. package/esm2022/eui-breadcrumb/breadcrumb.component.mjs +3 -3
  48. package/esm2022/eui-breadcrumb/breadcrumb.module.mjs +4 -4
  49. package/esm2022/eui-breadcrumb/breadcrumb.service.mjs +3 -3
  50. package/esm2022/eui-breadcrumb/item/breadcrumb-item.component.mjs +3 -3
  51. package/esm2022/eui-button/eui-button.component.mjs +7 -7
  52. package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
  53. package/esm2022/eui-button-v2/eui-button-v2.component.mjs +7 -7
  54. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
  55. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
  56. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
  57. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
  58. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu.component.mjs +3 -3
  59. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +3 -3
  60. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
  61. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
  62. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
  63. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
  64. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
  65. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
  66. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
  67. package/esm2022/eui-card/eui-card.component.mjs +3 -3
  68. package/esm2022/eui-card/eui-card.module.mjs +4 -4
  69. package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
  70. package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
  71. package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
  72. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +6 -6
  73. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
  74. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
  75. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +13 -13
  76. package/esm2022/eui-dashboard-card/eui-dashboard-card-content/dashboard-card-content.component.mjs +3 -3
  77. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +8 -8
  78. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +3 -3
  79. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
  80. package/esm2022/eui-date-range-selector/eui-time-range-picker/eui-time-range-picker.component.mjs +3 -3
  81. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +15 -15
  82. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
  83. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
  84. package/esm2022/eui-dialog/eui-dialog.component.mjs +9 -9
  85. package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
  86. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +3 -3
  87. package/esm2022/eui-dimmer/dimmer.component.mjs +3 -3
  88. package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
  89. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +7 -7
  90. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
  91. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
  92. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
  93. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
  94. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +3 -3
  95. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  96. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
  97. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
  98. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +3 -3
  99. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
  100. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +9 -9
  101. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
  102. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +3 -3
  103. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +4 -4
  104. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +3 -3
  105. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
  106. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
  107. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +3 -3
  108. package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
  109. package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
  110. package/esm2022/eui-icon/eui-icon-svg.component.mjs +7 -7
  111. package/esm2022/eui-icon-button/eui-icon-button.component.mjs +3 -3
  112. package/esm2022/eui-icon-button/eui-icon-button.module.mjs +4 -4
  113. package/esm2022/eui-icon-button-expander/eui-icon-button-expander.component.mjs +3 -3
  114. package/esm2022/eui-icon-button-expander/eui-icon-button-expander.module.mjs +4 -4
  115. package/esm2022/eui-icon-color/eui-icon-color.component.mjs +7 -7
  116. package/esm2022/eui-icon-input/eui-icon-input.component.mjs +3 -3
  117. package/esm2022/eui-icon-input/eui-icon-input.module.mjs +4 -4
  118. package/esm2022/eui-icon-state/eui-icon-state.component.mjs +3 -3
  119. package/esm2022/eui-icon-state/eui-icon-state.module.mjs +4 -4
  120. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  121. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
  122. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +3 -3
  123. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
  124. package/esm2022/eui-input-group/eui-input-group.component.mjs +3 -3
  125. package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
  126. package/esm2022/eui-input-number/eui-input-number.component.mjs +3 -3
  127. package/esm2022/eui-input-number/eui-input-number.module.mjs +8 -8
  128. package/esm2022/eui-input-number/eui-number-control.directive.mjs +3 -3
  129. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +3 -3
  130. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
  131. package/esm2022/eui-input-text/eui-input-text.component.mjs +3 -3
  132. package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
  133. package/esm2022/eui-label/eui-label.component.mjs +7 -7
  134. package/esm2022/eui-language-selector/language-selector.component.mjs +3 -3
  135. package/esm2022/eui-language-selector/language-selector.module.mjs +4 -4
  136. package/esm2022/eui-language-selector/modal-selector/modal-selector.component.mjs +3 -3
  137. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +3 -3
  138. package/esm2022/eui-list/eui-list.component.mjs +3 -3
  139. package/esm2022/eui-list/eui-list.module.mjs +4 -4
  140. package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
  141. package/esm2022/eui-menu/eui-menu.component.mjs +3 -3
  142. package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
  143. package/esm2022/eui-message-box/eui-message-box.component.mjs +6 -6
  144. package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
  145. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +3 -3
  146. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +3 -3
  147. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +3 -3
  148. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
  149. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +3 -3
  150. package/esm2022/eui-overlay/eui-overlay.component.mjs +3 -3
  151. package/esm2022/eui-overlay/eui-overlay.module.mjs +4 -4
  152. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
  153. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +21 -21
  154. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
  155. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
  156. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +3 -3
  157. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-action-items.component.mjs +3 -3
  158. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-body.component.mjs +3 -3
  159. package/esm2022/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.mjs +3 -3
  160. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +3 -3
  161. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
  162. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +3 -3
  163. package/esm2022/eui-page/eui-page.component.mjs +3 -3
  164. package/esm2022/eui-page/eui-page.module.mjs +4 -4
  165. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  166. package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
  167. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +3 -3
  168. package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
  169. package/esm2022/eui-popover/eui-popover.module.mjs +4 -4
  170. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +3 -3
  171. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
  172. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +7 -7
  173. package/esm2022/eui-select/eui-select-control.directive.mjs +3 -3
  174. package/esm2022/eui-select/eui-select-multiple.directive.mjs +3 -3
  175. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +3 -3
  176. package/esm2022/eui-select/eui-select-option.directive.mjs +3 -3
  177. package/esm2022/eui-select/eui-select.component.mjs +3 -3
  178. package/esm2022/eui-select/eui-select.module.mjs +4 -4
  179. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
  180. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
  181. package/esm2022/eui-skeleton/eui-skeleton.component.mjs +3 -3
  182. package/esm2022/eui-skeleton/eui-skeleton.module.mjs +4 -4
  183. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  184. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
  185. package/esm2022/eui-split-button/eui-split-button.component.mjs +3 -3
  186. package/esm2022/eui-split-button/eui-split-button.module.mjs +4 -4
  187. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
  188. package/esm2022/eui-table/eui-table.component.mjs +3 -3
  189. package/esm2022/eui-table/eui-table.module.mjs +4 -4
  190. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
  191. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +3 -3
  192. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
  193. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +3 -3
  194. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +3 -3
  195. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
  196. package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
  197. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +3 -3
  198. package/esm2022/eui-table-v2/directives/eui-table-v2-expandable-row.directive.mjs +3 -3
  199. package/esm2022/eui-table-v2/directives/eui-table-v2-sticky-col.directive.mjs +3 -3
  200. package/esm2022/eui-table-v2/eui-table-v2.component.mjs +3 -3
  201. package/esm2022/eui-table-v2/eui-table-v2.module.mjs +4 -4
  202. package/esm2022/eui-table-v2/filter/eui-table-v2-filter.component.mjs +3 -3
  203. package/esm2022/eui-table-v2/pipes/eui-table-v2-highlight.pipe.mjs +3 -3
  204. package/esm2022/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.mjs +3 -3
  205. package/esm2022/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.mjs +3 -3
  206. package/esm2022/eui-table-v2/services/eui-table-v2-selectable-row.service.mjs +3 -3
  207. package/esm2022/eui-table-v2/services/eui-table-v2-sort.service.mjs +3 -3
  208. package/esm2022/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.mjs +3 -3
  209. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -3
  210. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +3 -3
  211. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +6 -6
  212. package/esm2022/eui-tabs/eui-tabs.component.mjs +6 -6
  213. package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
  214. package/esm2022/eui-textarea/auto-resize.directive.mjs +3 -3
  215. package/esm2022/eui-textarea/eui-textarea.component.mjs +3 -3
  216. package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
  217. package/esm2022/eui-timebar/eui-timebar.component.mjs +7 -7
  218. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -3
  219. package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
  220. package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
  221. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +3 -3
  222. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +4 -4
  223. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +7 -7
  224. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +7 -7
  225. package/esm2022/eui-tree/eui-tree.component.mjs +7 -7
  226. package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +12 -12
  227. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +3 -3
  228. package/esm2022/eui-tree-list/eui-tree-list.module.mjs +4 -4
  229. package/esm2022/eui-tree-list/item-content/item-content.component.mjs +3 -3
  230. package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +3 -3
  231. package/esm2022/eui-user-profile/user-profile-card/user-profile-card.component.mjs +3 -3
  232. package/esm2022/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +3 -3
  233. package/esm2022/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +3 -3
  234. package/esm2022/eui-user-profile/user-profile.component.mjs +3 -3
  235. package/esm2022/eui-user-profile/user-profile.module.mjs +4 -4
  236. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
  237. package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
  238. package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
  239. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +3 -3
  240. package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
  241. package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
  242. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
  243. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +3 -3
  244. package/esm2022/externals/eui-editor/eui-editor.component.mjs +9 -9
  245. package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
  246. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +3 -3
  247. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +3 -3
  248. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +3 -3
  249. package/esm2022/externals/quill/loader.service.mjs +3 -3
  250. package/esm2022/externals/quill/quill-editor.component.mjs +3 -3
  251. package/esm2022/externals/quill/quill.module.mjs +4 -4
  252. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +3 -3
  253. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
  254. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
  255. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
  256. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
  257. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
  258. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
  259. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
  260. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
  261. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
  262. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +3 -3
  263. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +3 -3
  264. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +3 -3
  265. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
  266. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
  267. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
  268. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
  269. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
  270. package/esm2022/layout/eui-app/eui-app.component.mjs +6 -6
  271. package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
  272. package/esm2022/layout/eui-footer/footer.component.mjs +3 -3
  273. package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
  274. package/esm2022/layout/eui-header/header-app/header-app-name-logo.component.mjs +3 -3
  275. package/esm2022/layout/eui-header/header-app/header-app-name.component.mjs +3 -3
  276. package/esm2022/layout/eui-header/header-app/header-app-subtitle.component.mjs +3 -3
  277. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +3 -3
  278. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +3 -3
  279. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +3 -3
  280. package/esm2022/layout/eui-header/header-right-content/header-right-content.component.mjs +3 -3
  281. package/esm2022/layout/eui-header/header-search/header-search.component.mjs +3 -3
  282. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +3 -3
  283. package/esm2022/layout/eui-header/header.component.mjs +3 -3
  284. package/esm2022/layout/eui-header/header.module.mjs +4 -4
  285. package/esm2022/layout/eui-layout.module.mjs +4 -4
  286. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
  287. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  288. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
  289. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
  290. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
  291. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +4 -4
  292. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
  293. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
  294. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
  295. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
  296. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
  297. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
  298. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +3 -3
  299. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +3 -3
  300. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +3 -3
  301. package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +3 -3
  302. package/esm2022/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.mjs +3 -3
  303. package/esm2022/layout/eui-toolbar/toolbar-search/toolbar-search.component.mjs +3 -3
  304. package/esm2022/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.mjs +3 -3
  305. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
  306. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
  307. package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
  308. package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
  309. package/esm2022/shared/base/base-states.directive.mjs +3 -3
  310. package/esm2022/shared/input.directive.mjs +3 -3
  311. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  312. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -1
  313. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  314. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  315. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  316. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  317. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  318. package/eui-button/eui-button.component.d.ts.map +1 -1
  319. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  320. package/eui-button-v2/eui-button-v2.component.d.ts.map +1 -1
  321. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  322. package/eui-card/eui-card.component.d.ts.map +1 -1
  323. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  324. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  325. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  326. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  327. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  328. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  329. package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
  330. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  331. package/eui-feedback-message/eui-feedback-message.component.d.ts.map +1 -1
  332. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  333. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  334. package/eui-growl/eui-growl.component.d.ts.map +1 -1
  335. package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
  336. package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
  337. package/eui-icon-button-expander/eui-icon-button-expander.component.d.ts.map +1 -1
  338. package/eui-icon-input/eui-icon-input.component.d.ts.map +1 -1
  339. package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
  340. package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
  341. package/eui-label/eui-label.component.d.ts.map +1 -1
  342. package/eui-language-selector/language-selector.component.d.ts.map +1 -1
  343. package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
  344. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  345. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  346. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  347. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  348. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  349. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  350. package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
  351. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  352. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  353. package/eui-progress-bar/eui-progress-bar.component.d.ts.map +1 -1
  354. package/eui-progress-circle/eui-progress-circle.component.d.ts.map +1 -1
  355. package/eui-select/eui-select-option.directive.d.ts.map +1 -1
  356. package/eui-select/eui-select.component.d.ts.map +1 -1
  357. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  358. package/eui-skeleton/eui-skeleton.component.d.ts.map +1 -1
  359. package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
  360. package/eui-table/eui-table.component.d.ts.map +1 -1
  361. package/eui-table/filter/eui-table-filter.component.d.ts.map +1 -1
  362. package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts.map +1 -1
  363. package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts.map +1 -1
  364. package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
  365. package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
  366. package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts.map +1 -1
  367. package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts.map +1 -1
  368. package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts.map +1 -1
  369. package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
  370. package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts.map +1 -1
  371. package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
  372. package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
  373. package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
  374. package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
  375. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  376. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  377. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  378. package/eui-tree/eui-tree.component.d.ts.map +1 -1
  379. package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
  380. package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
  381. package/eui-tree-list/toolbar/toolbar.component.d.ts.map +1 -1
  382. package/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
  383. package/eui-user-profile/user-profile.component.d.ts.map +1 -1
  384. package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
  385. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  386. package/externals/charts/chart/chart.component.d.ts.map +1 -1
  387. package/externals/eui-editor/counters/eui-editor-counters.component.d.ts.map +1 -1
  388. package/externals/quill/quill-editor.component.d.ts.map +1 -1
  389. package/fesm2022/eui-components-directives.mjs +70 -70
  390. package/fesm2022/eui-components-eui-accordion.mjs +13 -13
  391. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  392. package/fesm2022/eui-components-eui-autocomplete.mjs +13 -13
  393. package/fesm2022/eui-components-eui-avatar.mjs +22 -22
  394. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  395. package/fesm2022/eui-components-eui-block-content.mjs +7 -7
  396. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  397. package/fesm2022/eui-components-eui-breadcrumb.mjs +13 -13
  398. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  399. package/fesm2022/eui-components-eui-button-v2.mjs +7 -7
  400. package/fesm2022/eui-components-eui-button.mjs +7 -7
  401. package/fesm2022/eui-components-eui-card.mjs +49 -49
  402. package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
  403. package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
  404. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  405. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  406. package/fesm2022/eui-components-eui-dashboard-card.mjs +11 -11
  407. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  408. package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
  409. package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
  410. package/fesm2022/eui-components-eui-dialog.mjs +19 -19
  411. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  412. package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
  413. package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
  414. package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
  415. package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
  416. package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
  417. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  418. package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
  419. package/fesm2022/eui-components-eui-growl.mjs +7 -7
  420. package/fesm2022/eui-components-eui-icon-button-expander.mjs +7 -7
  421. package/fesm2022/eui-components-eui-icon-button.mjs +7 -7
  422. package/fesm2022/eui-components-eui-icon-color.mjs +7 -7
  423. package/fesm2022/eui-components-eui-icon-input.mjs +7 -7
  424. package/fesm2022/eui-components-eui-icon-state.mjs +7 -7
  425. package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
  426. package/fesm2022/eui-components-eui-icon.mjs +7 -7
  427. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  428. package/fesm2022/eui-components-eui-input-group.mjs +7 -7
  429. package/fesm2022/eui-components-eui-input-number.mjs +14 -14
  430. package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
  431. package/fesm2022/eui-components-eui-input-text.mjs +7 -7
  432. package/fesm2022/eui-components-eui-label.mjs +7 -7
  433. package/fesm2022/eui-components-eui-language-selector.mjs +10 -10
  434. package/fesm2022/eui-components-eui-list.mjs +10 -10
  435. package/fesm2022/eui-components-eui-menu.mjs +10 -10
  436. package/fesm2022/eui-components-eui-message-box.mjs +13 -13
  437. package/fesm2022/eui-components-eui-overlay.mjs +19 -19
  438. package/fesm2022/eui-components-eui-page.mjs +58 -58
  439. package/fesm2022/eui-components-eui-paginator.mjs +7 -7
  440. package/fesm2022/eui-components-eui-popover.mjs +10 -10
  441. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  442. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  443. package/fesm2022/eui-components-eui-select.mjs +19 -19
  444. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  445. package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
  446. package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
  447. package/fesm2022/eui-components-eui-split-button.mjs +7 -7
  448. package/fesm2022/eui-components-eui-table-v2.mjs +34 -34
  449. package/fesm2022/eui-components-eui-table.mjs +34 -34
  450. package/fesm2022/eui-components-eui-tabs.mjs +22 -22
  451. package/fesm2022/eui-components-eui-textarea.mjs +10 -10
  452. package/fesm2022/eui-components-eui-timebar.mjs +7 -7
  453. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  454. package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
  455. package/fesm2022/eui-components-eui-tree-list.mjs +25 -25
  456. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  457. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  458. package/fesm2022/eui-components-eui-user-profile.mjs +16 -16
  459. package/fesm2022/eui-components-eui-wizard.mjs +13 -13
  460. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  461. package/fesm2022/eui-components-externals-eui-editor.mjs +28 -28
  462. package/fesm2022/eui-components-externals-quill.mjs +10 -10
  463. package/fesm2022/eui-components-layout.mjs +182 -182
  464. package/fesm2022/eui-components-pipes.mjs +14 -14
  465. package/fesm2022/eui-components-shared.mjs +6 -6
  466. package/fesm2022/eui-components.mjs +4 -4
  467. package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
  468. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  469. package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
  470. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
  471. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  472. package/layout/eui-footer/footer.component.d.ts.map +1 -1
  473. package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
  474. package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
  475. package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
  476. package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
  477. package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -1
  478. package/layout/eui-toolbar/toolbar-items/toolbar-items.component.d.ts.map +1 -1
  479. package/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.d.ts.map +1 -1
  480. package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
  481. package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts.map +1 -1
  482. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  483. package/package.json +3 -3
  484. package/shared/base/base-states.directive.d.ts.map +1 -1
  485. package/shared/input.directive.d.ts.map +1 -1
package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs CHANGED
@@ -36,10 +36,10 @@ export class EuiTabComponent {
36
36
  this._templateContent = value;
37
37
  }
38
38
  }
39
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
40
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.0", type: EuiTabComponent, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-18 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-18 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:3.75rem}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-18 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-18 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-18 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-18 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-18 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-18 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-18 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--hidden{display:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs--main-navigation .eui-tabs__items,.eui-18 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-18 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-18 .eui-tabs--main-navigation .eui-tab-item--active,.eui-18 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-18 .eui-tabs .eui-tab-item:hover,.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-18 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-18 .eui-tabs .eui-tab-item--primary,.eui-18 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--secondary,.eui-18 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-18 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-item--info,.eui-18 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--success,.eui-18 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--warning,.eui-18 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-18 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-18 .eui-tabs .eui-tab-item--danger,.eui-18 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--accent,.eui-18 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-18 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }); }
39
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
40
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiTabComponent, selector: "eui-tab", inputs: { url: "url", e2eAttr: "e2eAttr", tooltip: "tooltip", isClosable: ["isClosable", "isClosable", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isHandleCloseOnClose: ["isHandleCloseOnClose", "isHandleCloseOnClose", booleanAttribute] }, queries: [{ propertyName: "templateLabel", first: true, predicate: EuiTabLabelComponent, descendants: true }, { propertyName: "templateContent", first: true, predicate: EuiTabContentComponent, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-18 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-18 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-18 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:3.75rem}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-18 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-18 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-18 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-18 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-18 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-18 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-18 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--hidden{display:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs--main-navigation .eui-tabs__items,.eui-18 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-18 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-18 .eui-tabs--main-navigation .eui-tab-item--active,.eui-18 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-18 .eui-tabs .eui-tab-item:hover,.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-18 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-18 .eui-tabs .eui-tab-item--primary,.eui-18 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--secondary,.eui-18 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-18 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-item--info,.eui-18 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--success,.eui-18 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--warning,.eui-18 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-18 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-18 .eui-tabs .eui-tab-item--danger,.eui-18 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--accent,.eui-18 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-18 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }); }
41
41
  }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabComponent, decorators: [{
42
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabComponent, decorators: [{
43
43
  type: Component,
44
44
  args: [{ selector: 'eui-tab', hostDirectives: [
45
45
  {
package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs CHANGED
@@ -9,14 +9,14 @@ export class EuiTabContentComponent {
9
9
  ngAfterViewInit() {
10
10
  this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
11
11
  }
12
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabContentComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.0", type: EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: { hasNoContentPadding: ["hasNoContentPadding", "hasNoContentPadding", booleanAttribute] }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabContent"], descendants: true }], ngImport: i0, template: ` <ng-template #euiTabContent>
12
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabContentComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
13
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiTabContentComponent, selector: "eui-tab-content, euiTabContent", inputs: { hasNoContentPadding: ["hasNoContentPadding", "hasNoContentPadding", booleanAttribute] }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabContent"], descendants: true }], ngImport: i0, template: ` <ng-template #euiTabContent>
14
14
  <div tabindex="0" class="eui-tab-content" [class.eui-tab-content--no-padding]="this.hasNoContentPadding">
15
15
  <ng-content></ng-content>
16
16
  </div>
17
17
  </ng-template>`, isInline: true }); }
18
18
  }
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabContentComponent, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabContentComponent, decorators: [{
20
20
  type: Component,
21
21
  args: [{
22
22
  selector: 'eui-tab-content, euiTabContent',
package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs CHANGED
@@ -8,10 +8,10 @@ export class EuiTabLabelComponent {
8
8
  ngAfterViewInit() {
9
9
  this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
10
10
  }
11
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabLabelComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabLabel"], descendants: true }], ngImport: i0, template: "<ng-template #euiTabLabel>\n <div class=\"eui-u-flex eui-u-flex-column\">\n <div class=\"eui-u-flex eui-u-flex-justify-content-center\">\n <div class=\"eui-u-inline-flex eui-tab-item__label-text\">\n <ng-content/>\n </div>\n <ng-content select=\"eui-chip\"/>\n <ng-content select=\"eui-badge\"/>\n </div>\n\n <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n </div>\n</ng-template>\n" }); }
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabLabelComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: EuiTabLabelComponent, selector: "eui-tab-label, euiTabLabel", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["euiTabLabel"], descendants: true }], ngImport: i0, template: "<ng-template #euiTabLabel>\n <div class=\"eui-u-flex eui-u-flex-column\">\n <div class=\"eui-u-flex eui-u-flex-justify-content-center\">\n <div class=\"eui-u-inline-flex eui-tab-item__label-text\">\n <ng-content/>\n </div>\n <ng-content select=\"eui-chip\"/>\n <ng-content select=\"eui-badge\"/>\n </div>\n\n <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n </div>\n</ng-template>\n" }); }
13
13
  }
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabLabelComponent, decorators: [{
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabLabelComponent, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'eui-tab-label, euiTabLabel', template: "<ng-template #euiTabLabel>\n <div class=\"eui-u-flex eui-u-flex-column\">\n <div class=\"eui-u-flex eui-u-flex-justify-content-center\">\n <div class=\"eui-u-inline-flex eui-tab-item__label-text\">\n <ng-content/>\n </div>\n <ng-content select=\"eui-chip\"/>\n <ng-content select=\"eui-badge\"/>\n </div>\n\n <div class=\"eui-tab-item__sublabel\"><ng-content select=\"euiTabSubLabel\"></ng-content></div>\n </div>\n</ng-template>\n" }]
17
17
  }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { templateRef: [{
@@ -20,10 +20,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
20
20
  }] } });
21
21
  // eslint-disable-next-line @angular-eslint/directive-selector
22
22
  export class EuiTabSubLabelDirective {
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabSubLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
24
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: EuiTabSubLabelDirective, selector: "euiTabSubLabel", ngImport: i0 }); }
23
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabSubLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
24
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: EuiTabSubLabelDirective, selector: "euiTabSubLabel", ngImport: i0 }); }
25
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabSubLabelDirective, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabSubLabelDirective, decorators: [{
27
27
  type: Directive,
28
28
  args: [{ selector: 'euiTabSubLabel' }]
29
29
  }] });
package/esm2022/eui-tabs/eui-tabs.component.mjs CHANGED
@@ -306,10 +306,10 @@ export class EuiTabsComponent {
306
306
  }
307
307
  this.cd.detectChanges();
308
308
  }
309
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.AnimationBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
310
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: EuiTabsComponent, selector: "eui-tabs", inputs: { tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiTabsRightContentTagDirective", first: true, predicate: i0.forwardRef(() => EuiTabsRightContentTagDirective), descendants: true }, { propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-18 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-18 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-18 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:3.75rem}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-18 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-18 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-18 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-18 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-18 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-18 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-18 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--hidden{display:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs--main-navigation .eui-tabs__items,.eui-18 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-18 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-18 .eui-tabs--main-navigation .eui-tab-item--active,.eui-18 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-18 .eui-tabs .eui-tab-item:hover,.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-18 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-18 .eui-tabs .eui-tab-item--primary,.eui-18 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--secondary,.eui-18 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-18 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-item--info,.eui-18 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--success,.eui-18 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--warning,.eui-18 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-18 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-18 .eui-tabs .eui-tab-item--danger,.eui-18 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--accent,.eui-18 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-18 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i8.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
309
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.AnimationBuilder }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
310
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiTabsComponent, selector: "eui-tabs", inputs: { tabs: "tabs", activeTabIndex: "activeTabIndex", e2eAttr: "e2eAttr", pathMatch: "pathMatch", isMainNavigation: ["isMainNavigation", "isMainNavigation", booleanAttribute], isHandleChangeTab: ["isHandleChangeTab", "isHandleChangeTab", booleanAttribute], isSubTabs: ["isSubTabs", "isSubTabs", booleanAttribute], isVerticalTabs: ["isVerticalTabs", "isVerticalTabs", booleanAttribute] }, outputs: { tabClose: "tabClose", tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.elementClass", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiTabsRightContentTagDirective", first: true, predicate: i0.forwardRef(() => EuiTabsRightContentTagDirective), descendants: true }, { propertyName: "_tabs", predicate: i0.forwardRef(() => EuiTabComponent) }], viewQueries: [{ propertyName: "euiTabsItems", first: true, predicate: ["euiTabsItems"], descendants: true }, { propertyName: "euiTabsItemsWrapper", first: true, predicate: ["euiTabsItemsWrapper"], descendants: true }, { propertyName: "euiTabLabelItems", predicate: ["euiTabLabelItem"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-18 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-18 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-18 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:3.75rem}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-18 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-18 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-18 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-18 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-18 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-18 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-18 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--hidden{display:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs--main-navigation .eui-tabs__items,.eui-18 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-18 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-18 .eui-tabs--main-navigation .eui-tab-item--active,.eui-18 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-18 .eui-tabs .eui-tab-item:hover,.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-18 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-18 .eui-tabs .eui-tab-item--primary,.eui-18 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--secondary,.eui-18 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-18 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-item--info,.eui-18 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--success,.eui-18 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--warning,.eui-18 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-18 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-18 .eui-tabs .eui-tab-item--danger,.eui-18 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--accent,.eui-18 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-18 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"], dependencies: [{ kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "directive", type: i8.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
311
311
  }
312
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsComponent, decorators: [{
312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsComponent, decorators: [{
313
313
  type: Component,
314
314
  args: [{ selector: 'eui-tabs', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-u-flex\" [class.eui-tabs__wrapper--horizontal]=\"!isVerticalTabs\" [class.eui-tabs__wrapper--vertical]=\"isVerticalTabs\">\n <div\n #euiTabsItems\n class=\"eui-tabs__items\"\n [class.eui-tabs__items--horizontal]=\"!isVerticalTabs\"\n [class.eui-tabs__items--scrolling]=\"scrolling\"\n (cdkObserveContent)=\"onContentChanges()\">\n <div #euiTabsItemsWrapper class=\"eui-tabs__items-wrapper\" [attr.data-offset]=\"currentOffset\" role=\"tablist\">\n @for (tab of tabs; let i = $index; track tab) {\n @if (tab.isVisible) {\n <div\n tabindex=\"0\"\n role=\"tab\"\n class=\"eui-tab-item eui-tab-item--{{ tab.baseStatesDirective.euiVariant }}\"\n [class.eui-tab-item--closable]=\"tab.isClosable\"\n [class.eui-tab-item--active]=\"activeTabIndex === i\"\n [class.eui-tab-item--disabled]=\"tab.isDisabled\"\n [attr.aria-disabled]=\"tab.isDisabled\"\n (click)=\"changeTab(i)\"\n [euiTooltip]=\"tab.tooltip\"\n (keyup)=\"onKeyUp($event, i)\">\n <div class=\"eui-tab-item__label\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel.templatePortal\"></ng-template>\n </div>\n @if (tab.isClosable) {\n <eui-icon-button\n class=\"eui-tab-item__close-button\"\n icon=\"close:outline\"\n ariaLabel=\"close tab\"\n (buttonClick)=\"closeTab(i, $event)\"\n euiRounded>\n </eui-icon-button>\n }\n </div>\n }\n }\n </div>\n\n <div class=\"eui-tabs__navigation\">\n <div class=\"eui-tabs__navigation__left-item\">\n <button\n (click)=\"goToLeft()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationLeftButtonDisabled\"\n aria-label=\"Scroll left\">\n <eui-icon-svg icon=\"chevron-back:sharp\"></eui-icon-svg>\n </button>\n </div>\n <div class=\"eui-tabs__navigation__right-item\">\n <button\n (click)=\"goToRight()\"\n euiButton\n euiIconButton\n euiBasicButton\n type=\"button\"\n [euiDisabled]=\"navigationRightButtonDisabled\"\n aria-label=\"Scroll right\">\n <eui-icon-svg icon=\"chevron-forward:sharp\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </div>\n\n @if (euiTabsRightContentTagDirective) {\n <div class=\"eui-tabs__right-content\">\n <ng-content select=\"euiTabsRightContent\"></ng-content>\n </div>\n }\n</div>\n\n@for (tab of tabs; let i = $index; track tab) {\n @if (i === activeTabIndex && tab.templateContent) {\n <div class=\"eui-tab-content-wrapper\" tabindex=\"0\">\n <ng-template [cdkPortalOutlet]=\"tab.templateContent.templatePortal\"></ng-template>\n </div>\n }\n}\n", styles: [".eui-18 .eui-tabs__items{display:flex!important;flex-direction:row;position:relative;width:100%}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical{flex:1 1 25%;flex-direction:column}.eui-18 .eui-tabs .eui-tabs__items-wrapper{display:flex;flex-shrink:0}.eui-18 .eui-tabs .eui-tabs__items{justify-content:space-between;overflow:hidden}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:3px 0 6px 1px #00000040;display:none;height:100%;left:0;position:absolute;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__left-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item{background-color:var(--eui-c-neutral-bg-light);box-shadow:-3px 0 6px 1px #00000040;display:none;height:100%;position:absolute;right:0;top:0}.eui-18 .eui-tabs .eui-tabs__items .eui-tabs__navigation .eui-tabs__navigation__right-item .eui-button.eui-button--icon-only{height:100%}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__items-wrapper{padding-left:3.75rem}.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__left-item,.eui-18 .eui-tabs .eui-tabs__items--scrolling .eui-tabs__navigation__right-item{display:block!important;padding:0 2px 2px}.eui-18 .eui-tabs__right-content{align-items:center;display:flex;margin-left:var(--eui-s-s)}.eui-18 .eui-tabs__right-content .eui-tabs__right-content-wrapper{display:flex;align-items:center}.eui-18 .eui-tabs .eui-tabs__wrapper--vertical .eui-tab-item__label{align-items:center;display:flex}.eui-18 .eui-tabs .eui-tab-item{align-items:center;background-color:inherit;border:var(--eui-bw-none);border-bottom:3px solid transparent;box-shadow:0 2px 1px #00000080,inset 0 1px 0 var(--eui-c-white);color:var(--eui-c-neutral);cursor:pointer;display:flex;padding:var(--eui-s-s) var(--eui-s-m) var(--eui-s-s) var(--eui-s-m);position:relative;text-align:center;transition:.5s cubic-bezier(.35,0,.25,1)}.eui-18 .eui-tabs .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs .eui-tab-item__label{font:var(--eui-f-m-bold)}.eui-18 .eui-tabs .eui-tab-item__label .eui-tab-item__sublabel{align-items:center;display:flex;font:var(--eui-f-s-compact)}.eui-18 .eui-tabs .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-hover);border-bottom:3px solid var(--eui-c-primary-lighter)}.eui-18 .eui-tabs .eui-tab-item--active{border-bottom:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--active .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--hidden{display:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled{color:var(--eui-c-neutral-lighter);cursor:not-allowed;pointer-events:none}.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--disabled:hover{border-bottom:3px solid transparent;color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper{border-top:1px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s) 0}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs.eui-tabs--vertical{display:flex;flex-direction:row}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items .eui-tabs__items-wrapper{display:flex;flex-direction:column;height:100%}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal){border-bottom:0;flex:1 1 25%;flex-direction:column;position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item{border-bottom-color:transparent;border-left:3px solid transparent;box-shadow:0 0 1px #000000a6,inset 0 1px 0 var(--eui-c-white)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item--active,.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:active{border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tabs__wrapper--vertical .eui-tabs__items:not(.eui-tabs__items--horizontal) .eui-tab-item:hover:not(.eui-tab-item--active){background:var(--eui-c-neutral-bg-light);border-left:3px solid var(--eui-c-primary)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper{border-top:none;flex:1 1 75%;flex-direction:column}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{padding:var(--eui-s-s);position:relative}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-tabs.eui-tabs--vertical .eui-tab-content-wrapper .eui-tab-content.eui-tab-content--no-padding{padding:0}.eui-18 .eui-tabs--main-navigation .eui-tabs__items,.eui-18 .eui-tabs--main-navigation .eui-tabs__items-wrapper{width:100%}.eui-18 .eui-tabs--main-navigation .eui-tab-item{flex-grow:1;justify-content:center}.eui-18 .eui-tabs--main-navigation .eui-tab-item--active,.eui-18 .eui-tabs--main-navigation .eui-tab-item :active{background-color:var(--eui-c-active)}.eui-18 .eui-tabs .eui-tab-item:hover,.eui-18 .eui-tabs .eui-tab-item.eui-tab-item--active{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--closable{padding-right:var(--eui-s-xs)}.eui-18 .eui-tabs .eui-tab-item--closable .eui-tab-item__close-button{margin-left:var(--eui-s-2xs)}.eui-18 .eui-tabs .eui-tab-item--primary,.eui-18 .eui-tabs .eui-tab-item--primary .eui-tab-item__label-text{color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--primary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--primary:hover{border-bottom-color:var(--eui-c-primary)}.eui-18 .eui-tabs .eui-tab-item--secondary,.eui-18 .eui-tabs .eui-tab-item--secondary .eui-tab-item__label-text{color:var(--eui-c-neutral)}.eui-18 .eui-tabs .eui-tab-item--secondary.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--secondary:hover{border-bottom-color:var(--eui-c-neutral-light)}.eui-18 .eui-tabs .eui-tab-item--info,.eui-18 .eui-tabs .eui-tab-item--info .eui-tab-item__label-text{color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--info.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--info:hover{border-bottom-color:var(--eui-c-info)}.eui-18 .eui-tabs .eui-tab-item--success,.eui-18 .eui-tabs .eui-tab-item--success .eui-tab-item__label-text{color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--success.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--success:hover{border-bottom-color:var(--eui-c-success-dark)}.eui-18 .eui-tabs .eui-tab-item--warning,.eui-18 .eui-tabs .eui-tab-item--warning .eui-tab-item__label-text{color:var(--eui-c-warning)}.eui-18 .eui-tabs .eui-tab-item--warning.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--warning:hover{border-bottom-color:var(--eui-c-warning-darker)}.eui-18 .eui-tabs .eui-tab-item--danger,.eui-18 .eui-tabs .eui-tab-item--danger .eui-tab-item__label-text{color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--danger.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--danger:hover{border-bottom-color:var(--eui-c-danger-dark)}.eui-18 .eui-tabs .eui-tab-item--accent,.eui-18 .eui-tabs .eui-tab-item--accent .eui-tab-item__label-text{color:var(--eui-c-accent-bg)}.eui-18 .eui-tabs .eui-tab-item--accent.eui-tab-item--active,.eui-18 .eui-tabs .eui-tab-item--accent:hover{border-bottom-color:var(--eui-c-accent-darker)}\n"] }]
315
315
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.AnimationBuilder }, { type: i0.ElementRef }], propDecorators: { elementClass: [{
@@ -366,10 +366,10 @@ export class EuiTabsRightContentTagDirective {
366
366
  constructor() {
367
367
  this.elementClass = 'eui-tabs__right-content-wrapper';
368
368
  }
369
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
370
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: EuiTabsRightContentTagDirective, selector: "euiTabsRightContent", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
369
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
370
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: EuiTabsRightContentTagDirective, selector: "euiTabsRightContent", host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
371
371
  }
372
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsRightContentTagDirective, decorators: [{
372
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsRightContentTagDirective, decorators: [{
373
373
  type: Directive,
374
374
  args: [{ selector: 'euiTabsRightContent' }]
375
375
  }], propDecorators: { elementClass: [{
package/esm2022/eui-tabs/eui-tabs.module.mjs CHANGED
@@ -12,8 +12,8 @@ import { EuiTabLabelComponent, EuiTabSubLabelDirective } from './eui-tab-label/e
12
12
  import { EuiTabContentComponent } from './eui-tab-content/eui-tab-content.component';
13
13
  import * as i0 from "@angular/core";
14
14
  export class EuiTabsModule {
15
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
16
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsModule, declarations: [EuiTabsComponent,
15
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
16
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsModule, declarations: [EuiTabsComponent,
17
17
  EuiTabComponent,
18
18
  EuiTabsRightContentTagDirective,
19
19
  EuiTabLabelComponent,
@@ -24,9 +24,9 @@ export class EuiTabsModule {
24
24
  EuiTabLabelComponent,
25
25
  EuiTabSubLabelDirective,
26
26
  EuiTabContentComponent] }); }
27
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsModule, imports: [CommonModule, PortalModule, EuiIconModule, EuiIconButtonModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule] }); }
27
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsModule, imports: [CommonModule, PortalModule, EuiIconModule, EuiIconButtonModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule] }); }
28
28
  }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTabsModule, decorators: [{
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTabsModule, decorators: [{
30
30
  type: NgModule,
31
31
  args: [{
32
32
  imports: [CommonModule, PortalModule, EuiIconModule, EuiIconButtonModule, EuiButtonModule, EuiTooltipDirectiveModule, ObserversModule],
package/esm2022/eui-textarea/auto-resize.directive.mjs CHANGED
@@ -99,10 +99,10 @@ export class AutoResizeDirective {
99
99
  }
100
100
  }
101
101
  }
102
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AutoResizeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
103
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.0", type: AutoResizeDirective, selector: "textarea[autoResize]", inputs: { autoResize: ["autoResize", "autoResize", booleanAttribute], minRows: "minRows" }, host: { listeners: { "input": "onInput($event.target)" } }, usesOnChanges: true, ngImport: i0 }); }
102
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutoResizeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
103
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: AutoResizeDirective, selector: "textarea[autoResize]", inputs: { autoResize: ["autoResize", "autoResize", booleanAttribute], minRows: "minRows" }, host: { listeners: { "input": "onInput($event.target)" } }, usesOnChanges: true, ngImport: i0 }); }
104
104
  }
105
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AutoResizeDirective, decorators: [{
105
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutoResizeDirective, decorators: [{
106
106
  type: Directive,
107
107
  args: [{
108
108
  // eslint-disable-next-line @angular-eslint/directive-selector
package/esm2022/eui-textarea/eui-textarea.component.mjs CHANGED
@@ -191,10 +191,10 @@ export class EuiTextareaComponent {
191
191
  this.hostWrapperEl.appendChild(this.valueContainerEl);
192
192
  }
193
193
  }
194
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTextareaComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
195
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.0", type: EuiTextareaComponent, selector: "textarea[euiTextArea]", inputs: { disabled: "disabled", readonly: "readonly", id: "id", isInvalid: ["isInvalid", "isInvalid", booleanAttribute], e2eAttr: "e2eAttr" }, host: { listeners: { "input": "onInputChange($event.target.value)", "blur": "onBlur($event.target.value)" }, properties: { "class": "this.class", "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.id": "this.id", "attr.data-e2e": "this.e2eAttr" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiDanger", "euiDanger"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-18 .eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-18 .eui-textarea__wrapper .eui-textarea{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;height:auto;resize:vertical}.eui-18 .eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea:not([hidden]){display:block}.eui-18 .eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-18 .eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:auto}.eui-18 .eui-textarea__wrapper .eui-textarea--invalid,.eui-18 .eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-textarea__wrapper .eui-textarea{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-textarea__wrapper .eui-textarea--disabled,.eui-18 .eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-18 .eui-textarea__wrapper .eui-textarea__value-container,.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper,.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-textarea--readonly{appearance:none;display:none}.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-c-neutral-light);display:inline-flex;min-height:calc(var(--eui-s-3xl) + var(--eui-s-2xs));word-break:break-word}.eui-18 .eui-textarea__wrapper .eui-textarea--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
194
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTextareaComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
195
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiTextareaComponent, selector: "textarea[euiTextArea]", inputs: { disabled: "disabled", readonly: "readonly", id: "id", isInvalid: ["isInvalid", "isInvalid", booleanAttribute], e2eAttr: "e2eAttr" }, host: { listeners: { "input": "onInputChange($event.target.value)", "blur": "onBlur($event.target.value)" }, properties: { "class": "this.class", "attr.disabled": "this.disabled", "attr.readonly": "this.readonly", "attr.id": "this.id", "attr.data-e2e": "this.e2eAttr" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiDisabled", "euiDisabled", "euiDanger", "euiDanger"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-18 .eui-textarea__wrapper{display:flex;position:relative;width:100%}.eui-18 .eui-textarea__wrapper .eui-textarea{font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%;height:auto;resize:vertical}.eui-18 .eui-textarea__wrapper .eui-textarea:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea:not([hidden]){display:block}.eui-18 .eui-textarea__wrapper .eui-textarea::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]+.eui-feedback-message,.eui-18 .eui-textarea__wrapper .eui-textarea[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-18 .eui-textarea__wrapper .eui-textarea[disabled]:not([readonly]),.eui-18 .eui-textarea__wrapper .eui-textarea--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest)!important;color:var(--eui-c-neutral-light);pointer-events:auto}.eui-18 .eui-textarea__wrapper .eui-textarea--invalid,.eui-18 .eui-textarea__wrapper .eui-textarea--danger{border:1px solid var(--eui-c-danger)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable{padding-right:var(--eui-s-2xl)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-18 .eui-textarea__wrapper .eui-textarea--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading{padding-right:var(--eui-s-2xl)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon{align-items:center;display:flex}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:after,.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon--sm:after,.eui-18 .eui-textarea__wrapper .eui-textarea--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-textarea__wrapper .eui-textarea::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-textarea__wrapper .eui-textarea{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-18 .eui-textarea__wrapper .eui-textarea--disabled,.eui-18 .eui-textarea__wrapper .eui-textarea[disabled]{pointer-events:auto}.eui-18 .eui-textarea__wrapper .eui-textarea__value-container,.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-input-maxlength-wrapper,.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-textarea--readonly{appearance:none;display:none}.eui-18 .eui-textarea__wrapper.eui-textarea__wrapper--readonly .eui-textarea__value-container{appearance:initial;color:var(--eui-c-neutral-light);display:inline-flex;min-height:calc(var(--eui-s-3xl) + var(--eui-s-2xs));word-break:break-word}.eui-18 .eui-textarea__wrapper .eui-textarea--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
196
196
  }
197
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTextareaComponent, decorators: [{
197
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTextareaComponent, decorators: [{
198
198
  type: Component,
199
199
  args: [{ selector: 'textarea[euiTextArea]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }], hostDirectives: [
200
200
  {
package/esm2022/eui-textarea/eui-textarea.module.mjs CHANGED
@@ -4,11 +4,11 @@ import { EuiTextareaComponent } from './eui-textarea.component';
4
4
  import { AutoResizeDirective } from './auto-resize.directive';
5
5
  import * as i0 from "@angular/core";
6
6
  export class EuiTextAreaModule {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: EuiTextAreaModule, declarations: [EuiTextareaComponent, AutoResizeDirective], imports: [CommonModule], exports: [EuiTextareaComponent, AutoResizeDirective] }); }
9
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTextAreaModule, imports: [CommonModule] }); }
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: EuiTextAreaModule, declarations: [EuiTextareaComponent, AutoResizeDirective], imports: [CommonModule], exports: [EuiTextareaComponent, AutoResizeDirective] }); }
9
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTextAreaModule, imports: [CommonModule] }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTextAreaModule, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTextAreaModule, decorators: [{
12
12
  type: NgModule,
13
13
  args: [{
14
14
  imports: [CommonModule],
package/esm2022/eui-timebar/eui-timebar.component.mjs CHANGED
@@ -249,10 +249,10 @@ export class EuiTimebarComponent {
249
249
  return 0;
250
250
  }
251
251
  }
252
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
253
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.0", type: EuiTimebarComponent, selector: "eui-timebar", inputs: { e2eAttr: "e2eAttr", markedDate: "markedDate", items: "items", startLabel: "startLabel", endLabel: "endLabel", dateFormat: "dateFormat", isShowLegend: ["isShowLegend", "isShowLegend", booleanAttribute], isShowLegendAsIndex: ["isShowLegendAsIndex", "isShowLegendAsIndex", booleanAttribute], isShowCurrentDateMarker: ["isShowCurrentDateMarker", "isShowCurrentDateMarker", booleanAttribute], isCurrentDateMarkerAlwaysInRange: ["isCurrentDateMarkerAlwaysInRange", "isCurrentDateMarkerAlwaysInRange", booleanAttribute], isGroupOverlappingLabels: ["isGroupOverlappingLabels", "isGroupOverlappingLabels", booleanAttribute] }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eui-u-flex\" #container>\n <div *ngIf=\"startLabel\" class=\"col-2 eui-timebar__start-label\">\n {{ startLabel }}\n </div>\n <div class=\"{{ timebarColumnClass }}\">\n <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-progress\"\n [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n <ng-template [ngIf]=\"!isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n <span\n *ngIf=\"item.groupEndDate\"\n class=\"eui-timebar__grouped__step {{\n item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''\n }}\">\n {{ item.groupEndDate | date: dateFormat }}\n </span>\n <span\n class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n {{ item.item.date | date: dateFormat }}\n </span>\n </div>\n <div *ngIf=\"!isShowLegendGenerated\" [style.left.%]=\"item.perc\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n </ng-container>\n </div>\n <div\n *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\"\n [style.left.%]=\"item.perc\"\n class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <ng-template [ngIf]=\"isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div *ngIf=\"!isShowLegendGenerated\" class=\"eui-timebar__step-label\" title=\"{{ item.item.label }}\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n <div *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"currentPerc\"\n title=\"{{ currentDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowCurrentDateMarker\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div\n *ngIf=\"markedDate\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"markedPerc\"\n title=\"{{ markedDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2 eui-timebar__end-label\">\n {{ endLabel }}\n </div>\n</div>\n<div class=\"row eui-u-flex\">\n <div *ngIf=\"startLabel\" class=\"col-2\"></div>\n <div class=\"{{ timebarColumnClass }}\">\n <div *ngIf=\"isShowLegendGenerated || isSomeStepsAreGrouped\" class=\"eui-timebar__legend\">\n <ng-container *ngIf=\"isShowLegendGenerated\">\n <div class=\"eui-timebar__legend-item\" *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <div *ngIf=\"!isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-icon\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-index-wrapper\">\n {{ i + 1 }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <ng-template [ngIf]=\"isMobile\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </ng-template>\n <ng-template [ngIf]=\"!isMobile\">\n {{ item.item.label }}\n </ng-template>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!isShowLegendGenerated\">\n <ng-container *ngFor=\"let item of itemsUI; trackBy: trackByFn\">\n <div *ngIf=\"item.groupLabel || item.isGrouped\" class=\"eui-timebar__legend-item\">\n <div class=\"eui-timebar__legend-item-index-wrapper\">\n {{ item.groupIndex }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2\"></div>\n</div>\n", styles: [".eui-18 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-18 .eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-18 .eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-18 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-18 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-18 .eui-timebar__current-date-marker{color:var(--eui-c-danger-dark);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-18 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger-dark);position:absolute}.eui-18 .eui-timebar__start-label,.eui-18 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-18 .eui-timebar__start-label{text-align:right}.eui-18 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-18 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-18 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-18 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-18 .eui-timebar__legend-item-label{flex:1}.eui-18 .eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:var(--eui-br-max);color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-18 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--success{border-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--danger{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-18 .eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-18 .eui-timebar__legend-item-icon--success{color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-18 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger-dark)}@media screen and (max-width: 767px){.eui-18 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-18 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
252
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
253
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiTimebarComponent, selector: "eui-timebar", inputs: { e2eAttr: "e2eAttr", markedDate: "markedDate", items: "items", startLabel: "startLabel", endLabel: "endLabel", dateFormat: "dateFormat", isShowLegend: ["isShowLegend", "isShowLegend", booleanAttribute], isShowLegendAsIndex: ["isShowLegendAsIndex", "isShowLegendAsIndex", booleanAttribute], isShowCurrentDateMarker: ["isShowCurrentDateMarker", "isShowCurrentDateMarker", booleanAttribute], isCurrentDateMarkerAlwaysInRange: ["isCurrentDateMarkerAlwaysInRange", "isCurrentDateMarkerAlwaysInRange", booleanAttribute], isGroupOverlappingLabels: ["isGroupOverlappingLabels", "isGroupOverlappingLabels", booleanAttribute] }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eui-u-flex\" #container>\n <div *ngIf=\"startLabel\" class=\"col-2 eui-timebar__start-label\">\n {{ startLabel }}\n </div>\n <div class=\"{{ timebarColumnClass }}\">\n <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-progress\"\n [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n <ng-template [ngIf]=\"!isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n <span\n *ngIf=\"item.groupEndDate\"\n class=\"eui-timebar__grouped__step {{\n item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''\n }}\">\n {{ item.groupEndDate | date: dateFormat }}\n </span>\n <span\n class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n {{ item.item.date | date: dateFormat }}\n </span>\n </div>\n <div *ngIf=\"!isShowLegendGenerated\" [style.left.%]=\"item.perc\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n </ng-container>\n </div>\n <div\n *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\"\n [style.left.%]=\"item.perc\"\n class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <ng-template [ngIf]=\"isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div *ngIf=\"!isShowLegendGenerated\" class=\"eui-timebar__step-label\" title=\"{{ item.item.label }}\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n <div *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"currentPerc\"\n title=\"{{ currentDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowCurrentDateMarker\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div\n *ngIf=\"markedDate\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"markedPerc\"\n title=\"{{ markedDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2 eui-timebar__end-label\">\n {{ endLabel }}\n </div>\n</div>\n<div class=\"row eui-u-flex\">\n <div *ngIf=\"startLabel\" class=\"col-2\"></div>\n <div class=\"{{ timebarColumnClass }}\">\n <div *ngIf=\"isShowLegendGenerated || isSomeStepsAreGrouped\" class=\"eui-timebar__legend\">\n <ng-container *ngIf=\"isShowLegendGenerated\">\n <div class=\"eui-timebar__legend-item\" *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <div *ngIf=\"!isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-icon\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-index-wrapper\">\n {{ i + 1 }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <ng-template [ngIf]=\"isMobile\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </ng-template>\n <ng-template [ngIf]=\"!isMobile\">\n {{ item.item.label }}\n </ng-template>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!isShowLegendGenerated\">\n <ng-container *ngFor=\"let item of itemsUI; trackBy: trackByFn\">\n <div *ngIf=\"item.groupLabel || item.isGrouped\" class=\"eui-timebar__legend-item\">\n <div class=\"eui-timebar__legend-item-index-wrapper\">\n {{ item.groupIndex }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2\"></div>\n</div>\n", styles: [".eui-18 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-18 .eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-18 .eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-18 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-18 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-18 .eui-timebar__current-date-marker{color:var(--eui-c-danger-dark);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-18 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger-dark);position:absolute}.eui-18 .eui-timebar__start-label,.eui-18 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-18 .eui-timebar__start-label{text-align:right}.eui-18 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-18 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-18 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-18 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-18 .eui-timebar__legend-item-label{flex:1}.eui-18 .eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:var(--eui-br-max);color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-18 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--success{border-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--danger{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-18 .eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-18 .eui-timebar__legend-item-icon--success{color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-18 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger-dark)}@media screen and (max-width: 767px){.eui-18 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-18 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
254
254
  }
255
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarComponent, decorators: [{
255
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarComponent, decorators: [{
256
256
  type: Component,
257
257
  args: [{ selector: 'eui-timebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"row eui-u-flex\" #container>\n <div *ngIf=\"startLabel\" class=\"col-2 eui-timebar__start-label\">\n {{ startLabel }}\n </div>\n <div class=\"{{ timebarColumnClass }}\">\n <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-progress\"\n [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n <ng-template [ngIf]=\"!isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n <span\n *ngIf=\"item.groupEndDate\"\n class=\"eui-timebar__grouped__step {{\n item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''\n }}\">\n {{ item.groupEndDate | date: dateFormat }}\n </span>\n <span\n class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n {{ item.item.date | date: dateFormat }}\n </span>\n </div>\n <div *ngIf=\"!isShowLegendGenerated\" [style.left.%]=\"item.perc\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n </ng-container>\n </div>\n <div\n *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\"\n [style.left.%]=\"item.perc\"\n class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <ng-template [ngIf]=\"isMobile\">\n <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <ng-container *ngIf=\"!item.isGrouped\">\n <div\n class=\"eui-timebar__step\"\n [ngClass]=\"item.stepTypeClass\"\n [style.left.%]=\"item.perc\"\n [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n <div *ngIf=\"!isShowLegendGenerated\" class=\"eui-timebar__step-label\" title=\"{{ item.item.label }}\">\n <ng-container *ngIf=\"!item.groupLabel\">\n <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n <div *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\" class=\"eui-timebar__step-label\">\n <ng-container *ngIf=\"!item.groupLabel\">\n {{ i + 1 }}\n </ng-container>\n <ng-container *ngIf=\"item.groupLabel\">\n {{ item.groupLabel }}\n </ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-template>\n\n <div\n *ngIf=\"isShowCurrentDateMarker\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"currentPerc\"\n title=\"{{ currentDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowCurrentDateMarker\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div\n *ngIf=\"markedDate\"\n class=\"eui-timebar__current-date-marker\"\n [style.left.%]=\"markedPerc\"\n title=\"{{ markedDate | date: dateFormat }}\">\n <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <div *ngIf=\"markedDate\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2 eui-timebar__end-label\">\n {{ endLabel }}\n </div>\n</div>\n<div class=\"row eui-u-flex\">\n <div *ngIf=\"startLabel\" class=\"col-2\"></div>\n <div class=\"{{ timebarColumnClass }}\">\n <div *ngIf=\"isShowLegendGenerated || isSomeStepsAreGrouped\" class=\"eui-timebar__legend\">\n <ng-container *ngIf=\"isShowLegendGenerated\">\n <div class=\"eui-timebar__legend-item\" *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n <div *ngIf=\"!isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-icon\">\n <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n </div>\n <div *ngIf=\"isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-index-wrapper\">\n {{ i + 1 }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <ng-template [ngIf]=\"isMobile\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </ng-template>\n <ng-template [ngIf]=\"!isMobile\">\n {{ item.item.label }}\n </ng-template>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!isShowLegendGenerated\">\n <ng-container *ngFor=\"let item of itemsUI; trackBy: trackByFn\">\n <div *ngIf=\"item.groupLabel || item.isGrouped\" class=\"eui-timebar__legend-item\">\n <div class=\"eui-timebar__legend-item-index-wrapper\">\n {{ item.groupIndex }}\n </div>\n <div class=\"eui-timebar__legend-item-label\">\n <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n </div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div *ngIf=\"endLabel\" class=\"col-2\"></div>\n</div>\n", styles: [".eui-18 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-18 .eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-18 .eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-br-max);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-18 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-18 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-18 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-18 .eui-timebar__current-date-marker{color:var(--eui-c-danger-dark);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-18 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger-dark);position:absolute}.eui-18 .eui-timebar__start-label,.eui-18 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-18 .eui-timebar__start-label{text-align:right}.eui-18 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-18 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-18 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-18 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-18 .eui-timebar__legend-item-label{flex:1}.eui-18 .eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:var(--eui-br-max);color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-18 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-18 .eui-timebar__step--success{border-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-18 .eui-timebar__step--danger{border-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger-dark)}.eui-18 .eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-18 .eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-18 .eui-timebar__legend-item-icon--success{color:var(--eui-c-success-dark)}.eui-18 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-18 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger-dark)}@media screen and (max-width: 767px){.eui-18 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-18 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"] }]
258
258
  }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ChangeDetectorRef }], propDecorators: { container: [{
@@ -287,11 +287,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
287
287
  args: [{ transform: booleanAttribute }]
288
288
  }] } });
289
289
  export class EuiTimebarModule {
290
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
291
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarModule, declarations: [EuiTimebarComponent], imports: [CommonModule, EuiIconModule], exports: [EuiTimebarComponent] }); }
292
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarModule, imports: [CommonModule, EuiIconModule] }); }
290
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
291
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarModule, declarations: [EuiTimebarComponent], imports: [CommonModule, EuiIconModule], exports: [EuiTimebarComponent] }); }
292
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarModule, imports: [CommonModule, EuiIconModule] }); }
293
293
  }
294
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimebarModule, decorators: [{
294
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimebarModule, decorators: [{
295
295
  type: NgModule,
296
296
  args: [{
297
297
  imports: [CommonModule, EuiIconModule],
package/esm2022/eui-timeline/eui-timeline-item.component.mjs CHANGED
@@ -18,10 +18,10 @@ export class EuiTimelineItemComponent {
18
18
  .join(' ')
19
19
  .trim();
20
20
  }
21
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimelineItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
22
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.0", type: EuiTimelineItemComponent, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div *ngIf=\"!isLeftAligned\" class=\"eui-timeline-item__left-content\">\n <div *ngIf=\"date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n</div>\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customContent?.childNodes.length === 0\">\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n <div *ngIf=\"isLeftAligned && date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"isLeftAligned && time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n </ng-container>\n</div>\n", styles: [".eui-18 .eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-18 .eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--eui-c-accent);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-darker)}.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-18 .eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
21
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimelineItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
22
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiTimelineItemComponent, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div *ngIf=\"!isLeftAligned\" class=\"eui-timeline-item__left-content\">\n <div *ngIf=\"date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n</div>\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n <ng-container #customContent>\n <ng-content></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customContent?.childNodes.length === 0\">\n <div class=\"eui-timeline-item__title\">{{ label }}</div>\n <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n <div *ngIf=\"isLeftAligned && date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n <div *ngIf=\"isLeftAligned && time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n </ng-container>\n</div>\n", styles: [".eui-18 .eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-18 .eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--eui-c-accent);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-18 .eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-18 .eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-darker)}.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-18 .eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-18 .eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-18 .eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
23
23
  }
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
25
25
  type: Component,
26
26
  args: [{ selector: 'eui-timeline-item', encapsulation: ViewEncapsulation.None, hostDirectives: [
27
27
  {