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

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 (371) hide show
  1. package/docs/components/EuiToolbarMenuComponent.html +59 -44
  2. package/docs/dependencies.html +20 -20
  3. package/docs/js/menu-wc_es5.js +5 -6
  4. package/docs/js/search/search_index.js +2 -2
  5. package/esm2022/directives/eui-clearable.directive.mjs +3 -3
  6. package/esm2022/directives/eui-has-permission.directive.mjs +7 -7
  7. package/esm2022/directives/eui-loading.directive.mjs +3 -3
  8. package/esm2022/directives/eui-maxlength.directive.mjs +7 -7
  9. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
  10. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +3 -3
  11. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
  12. package/esm2022/directives/eui-scroll-handler.directive.mjs +10 -10
  13. package/esm2022/directives/eui-smooth-scroll.directive.mjs +10 -10
  14. package/esm2022/directives/eui-template.directive.mjs +7 -7
  15. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  16. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +3 -3
  17. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
  18. package/esm2022/eui-alert/eui-alert.component.mjs +6 -6
  19. package/esm2022/eui-alert/eui-alert.module.mjs +4 -4
  20. package/esm2022/eui-all/eui-all.module.mjs +4 -4
  21. package/esm2022/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.mjs +3 -3
  22. package/esm2022/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.mjs +3 -3
  23. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  24. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
  25. package/esm2022/eui-avatar/avatar-badge/avatar-badge.component.mjs +3 -3
  26. package/esm2022/eui-avatar/avatar-icon/avatar-icon.component.mjs +3 -3
  27. package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
  28. package/esm2022/eui-avatar/avatar-text/avatar-text.component.mjs +3 -3
  29. package/esm2022/eui-avatar/eui-avatar-list.component.mjs +3 -3
  30. package/esm2022/eui-avatar/eui-avatar.component.mjs +3 -3
  31. package/esm2022/eui-avatar/eui-avatar.module.mjs +4 -4
  32. package/esm2022/eui-badge/eui-badge.component.mjs +3 -3
  33. package/esm2022/eui-badge/eui-badge.module.mjs +4 -4
  34. package/esm2022/eui-block-content/eui-block-content.component.mjs +3 -3
  35. package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
  36. package/esm2022/eui-block-document/eui-block-document.component.mjs +3 -3
  37. package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
  38. package/esm2022/eui-button/eui-button.component.mjs +7 -7
  39. package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
  40. package/esm2022/eui-buttons/eui-buttons.component.mjs +13 -13
  41. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
  42. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
  43. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
  44. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
  45. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +3 -3
  46. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
  47. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
  48. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
  49. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
  50. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
  51. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
  52. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
  53. package/esm2022/eui-card/eui-card.component.mjs +3 -3
  54. package/esm2022/eui-card/eui-card.module.mjs +4 -4
  55. package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
  56. package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
  57. package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
  58. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +6 -6
  59. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
  60. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
  61. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +13 -13
  62. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +7 -7
  63. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +3 -3
  64. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
  65. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +15 -15
  66. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
  67. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
  68. package/esm2022/eui-dialog/eui-dialog.component.mjs +9 -9
  69. package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
  70. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +3 -3
  71. package/esm2022/eui-dimmer/dimmer.component.mjs +3 -3
  72. package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
  73. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +7 -7
  74. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
  75. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
  76. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
  77. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
  78. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +3 -3
  79. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  80. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
  81. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
  82. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +3 -3
  83. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
  84. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +9 -9
  85. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
  86. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +3 -3
  87. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +4 -4
  88. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +3 -3
  89. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
  90. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
  91. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +3 -3
  92. package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
  93. package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
  94. package/esm2022/eui-icon/eui-icon-color.component.mjs +3 -3
  95. package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs +3 -3
  96. package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
  97. package/esm2022/eui-icon/eui-icon.component.mjs +3 -3
  98. package/esm2022/eui-icon/eui-icon.module.mjs +4 -4
  99. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
  100. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
  101. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +3 -3
  102. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
  103. package/esm2022/eui-input-group/eui-input-group.component.mjs +3 -3
  104. package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
  105. package/esm2022/eui-input-number/eui-input-number.component.mjs +3 -3
  106. package/esm2022/eui-input-number/eui-input-number.module.mjs +4 -4
  107. package/esm2022/eui-input-number/eui-number-control.directive.mjs +3 -3
  108. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +3 -3
  109. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
  110. package/esm2022/eui-input-text/eui-input-text.component.mjs +3 -3
  111. package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
  112. package/esm2022/eui-label/eui-label.component.mjs +3 -3
  113. package/esm2022/eui-label/eui-label.module.mjs +4 -4
  114. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +3 -3
  115. package/esm2022/eui-list/eui-list.component.mjs +3 -3
  116. package/esm2022/eui-list/eui-list.module.mjs +4 -4
  117. package/esm2022/eui-list/services/eui-list.service.mjs +3 -3
  118. package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
  119. package/esm2022/eui-menu/eui-menu.component.mjs +3 -3
  120. package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
  121. package/esm2022/eui-message-box/eui-message-box.component.mjs +6 -6
  122. package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
  123. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +3 -3
  124. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +3 -3
  125. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +3 -3
  126. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
  127. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +3 -3
  128. package/esm2022/eui-overlay/eui-overlay.component.mjs +7 -7
  129. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
  130. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +21 -21
  131. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
  132. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
  133. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +3 -3
  134. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +9 -9
  135. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
  136. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +3 -3
  137. package/esm2022/eui-page/eui-page.component.mjs +3 -3
  138. package/esm2022/eui-page/eui-page.module.mjs +4 -4
  139. package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
  140. package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
  141. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +3 -3
  142. package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
  143. package/esm2022/eui-popover/eui-popover.module.mjs +4 -4
  144. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +3 -3
  145. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
  146. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +7 -7
  147. package/esm2022/eui-select/eui-select-control.directive.mjs +3 -3
  148. package/esm2022/eui-select/eui-select-multiple.directive.mjs +3 -3
  149. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +3 -3
  150. package/esm2022/eui-select/eui-select-option.directive.mjs +3 -3
  151. package/esm2022/eui-select/eui-select.component.mjs +3 -3
  152. package/esm2022/eui-select/eui-select.module.mjs +4 -4
  153. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
  154. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
  155. package/esm2022/eui-skeleton/eui-skeleton.component.mjs +3 -3
  156. package/esm2022/eui-skeleton/eui-skeleton.module.mjs +4 -4
  157. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  158. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
  159. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
  160. package/esm2022/eui-table/eui-table.component.mjs +3 -3
  161. package/esm2022/eui-table/eui-table.module.mjs +4 -4
  162. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
  163. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +3 -3
  164. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
  165. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +3 -3
  166. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +3 -3
  167. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
  168. package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
  169. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +3 -3
  170. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -3
  171. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +3 -3
  172. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +6 -6
  173. package/esm2022/eui-tabs/eui-tabs.component.mjs +6 -6
  174. package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
  175. package/esm2022/eui-textarea/auto-resize.directive.mjs +3 -3
  176. package/esm2022/eui-textarea/eui-textarea.component.mjs +3 -3
  177. package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
  178. package/esm2022/eui-timebar/eui-timebar.component.mjs +7 -7
  179. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -3
  180. package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
  181. package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
  182. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +3 -3
  183. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +4 -4
  184. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +7 -7
  185. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +7 -7
  186. package/esm2022/eui-tree/eui-tree.component.mjs +7 -7
  187. package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +12 -12
  188. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +3 -3
  189. package/esm2022/eui-tree-list/eui-tree-list.module.mjs +4 -4
  190. package/esm2022/eui-tree-list/item-content/item-content.component.mjs +3 -3
  191. package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +6 -6
  192. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
  193. package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
  194. package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
  195. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +3 -3
  196. package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
  197. package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
  198. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
  199. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +3 -3
  200. package/esm2022/externals/eui-editor/eui-editor.component.mjs +6 -6
  201. package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
  202. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +3 -3
  203. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +3 -3
  204. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +3 -3
  205. package/esm2022/externals/quill/loader.service.mjs +3 -3
  206. package/esm2022/externals/quill/quill-editor.component.mjs +3 -3
  207. package/esm2022/externals/quill/quill.module.mjs +4 -4
  208. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +3 -3
  209. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
  210. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
  211. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
  212. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
  213. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
  214. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
  215. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
  216. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
  217. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
  218. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +3 -3
  219. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +3 -3
  220. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +3 -3
  221. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
  222. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
  223. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
  224. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
  225. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
  226. package/esm2022/layout/eui-app/eui-app.component.mjs +6 -6
  227. package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
  228. package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +3 -3
  229. package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +4 -4
  230. package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +3 -3
  231. package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +6 -6
  232. package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +3 -3
  233. package/esm2022/layout/eui-footer/footer.component.mjs +3 -3
  234. package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
  235. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +12 -12
  236. package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +3 -3
  237. package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +3 -3
  238. package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +3 -3
  239. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +3 -3
  240. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +3 -3
  241. package/esm2022/layout/eui-header/header-right-content/header-right-content.component.mjs +3 -3
  242. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +3 -3
  243. package/esm2022/layout/eui-header/header.component.mjs +3 -3
  244. package/esm2022/layout/eui-header/header.module.mjs +4 -4
  245. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +3 -3
  246. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +4 -4
  247. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +3 -3
  248. package/esm2022/layout/eui-layout.module.mjs +4 -4
  249. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
  250. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
  251. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
  252. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
  253. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
  254. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +4 -4
  255. package/esm2022/layout/eui-search/search.component.mjs +3 -3
  256. package/esm2022/layout/eui-search/search.module.mjs +4 -4
  257. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
  258. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
  259. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
  260. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
  261. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
  262. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
  263. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +3 -3
  264. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +3 -3
  265. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +17 -8
  266. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +4 -4
  267. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
  268. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +3 -3
  269. package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +3 -3
  270. package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +3 -3
  271. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +3 -3
  272. package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
  273. package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
  274. package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
  275. package/esm2022/shared/base/base-states.directive.mjs +3 -3
  276. package/esm2022/shared/base/base.directive.mjs +3 -3
  277. package/esm2022/shared/eui-common-header/common-header.component.mjs +7 -7
  278. package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +7 -7
  279. package/esm2022/shared/input.directive.mjs +3 -3
  280. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  281. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  282. package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
  283. package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
  284. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  285. package/eui-button/eui-button.component.d.ts.map +1 -1
  286. package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
  287. package/eui-card/eui-card.component.d.ts.map +1 -1
  288. package/eui-chip/eui-chip.component.d.ts.map +1 -1
  289. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  290. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  291. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  292. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  293. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  294. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  295. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  296. package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
  297. package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
  298. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  299. package/fesm2022/eui-components-directives.mjs +67 -67
  300. package/fesm2022/eui-components-eui-alert.mjs +10 -10
  301. package/fesm2022/eui-components-eui-all.mjs +4 -4
  302. package/fesm2022/eui-components-eui-autocomplete.mjs +13 -13
  303. package/fesm2022/eui-components-eui-avatar.mjs +22 -22
  304. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  305. package/fesm2022/eui-components-eui-block-content.mjs +7 -7
  306. package/fesm2022/eui-components-eui-block-document.mjs +7 -7
  307. package/fesm2022/eui-components-eui-button-group.mjs +7 -7
  308. package/fesm2022/eui-components-eui-button.mjs +7 -7
  309. package/fesm2022/eui-components-eui-buttons.mjs +13 -13
  310. package/fesm2022/eui-components-eui-card.mjs +46 -46
  311. package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
  312. package/fesm2022/eui-components-eui-chip.mjs +7 -7
  313. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  314. package/fesm2022/eui-components-eui-dashboard-card.mjs +7 -7
  315. package/fesm2022/eui-components-eui-date-range-selector.mjs +7 -7
  316. package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
  317. package/fesm2022/eui-components-eui-dialog.mjs +19 -19
  318. package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
  319. package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
  320. package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
  321. package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
  322. package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
  323. package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
  324. package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
  325. package/fesm2022/eui-components-eui-growl.mjs +7 -7
  326. package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
  327. package/fesm2022/eui-components-eui-icon.mjs +16 -16
  328. package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
  329. package/fesm2022/eui-components-eui-input-group.mjs +7 -7
  330. package/fesm2022/eui-components-eui-input-number.mjs +10 -10
  331. package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
  332. package/fesm2022/eui-components-eui-input-text.mjs +7 -7
  333. package/fesm2022/eui-components-eui-label.mjs +7 -7
  334. package/fesm2022/eui-components-eui-list.mjs +13 -13
  335. package/fesm2022/eui-components-eui-menu.mjs +10 -10
  336. package/fesm2022/eui-components-eui-message-box.mjs +13 -13
  337. package/fesm2022/eui-components-eui-overlay.mjs +19 -19
  338. package/fesm2022/eui-components-eui-page.mjs +55 -55
  339. package/fesm2022/eui-components-eui-paginator.mjs +7 -7
  340. package/fesm2022/eui-components-eui-popover.mjs +10 -10
  341. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  342. package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
  343. package/fesm2022/eui-components-eui-select.mjs +19 -19
  344. package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
  345. package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
  346. package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
  347. package/fesm2022/eui-components-eui-table.mjs +34 -34
  348. package/fesm2022/eui-components-eui-tabs.mjs +22 -22
  349. package/fesm2022/eui-components-eui-textarea.mjs +10 -10
  350. package/fesm2022/eui-components-eui-timebar.mjs +7 -7
  351. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  352. package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
  353. package/fesm2022/eui-components-eui-tree-list.mjs +28 -28
  354. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  355. package/fesm2022/eui-components-eui-wizard.mjs +13 -13
  356. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  357. package/fesm2022/eui-components-externals-eui-editor.mjs +25 -25
  358. package/fesm2022/eui-components-externals-quill.mjs +10 -10
  359. package/fesm2022/eui-components-layout.mjs +241 -232
  360. package/fesm2022/eui-components-layout.mjs.map +1 -1
  361. package/fesm2022/eui-components-pipes.mjs +14 -14
  362. package/fesm2022/eui-components-shared-base.mjs +6 -6
  363. package/fesm2022/eui-components-shared.mjs +17 -17
  364. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  365. package/layout/eui-app/eui-app.component.d.ts.map +1 -1
  366. package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
  367. package/layout/eui-search/search.component.d.ts.map +1 -1
  368. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +4 -2
  369. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  370. package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
  371. package/package.json +1 -1
package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs CHANGED
@@ -5,10 +5,10 @@ export class EuiFileUploadProgressComponent {
5
5
  constructor() {
6
6
  this.progress = 0;
7
7
  }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiFileUploadProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: { progress: "progress" }, ngImport: i0, template: "<div *ngIf=\"progress > 0\">\n <div class=\"eui-file-upload__progress-bar-container\">\n <div class=\"progress-bar\" [style.width]=\"progress + '%'\"></div>\n </div>\n <div>{{ progress }}%</div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiFileUploadProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: { progress: "progress" }, ngImport: i0, template: "<div *ngIf=\"progress > 0\">\n <div class=\"eui-file-upload__progress-bar-container\">\n <div class=\"progress-bar\" [style.width]=\"progress + '%'\"></div>\n </div>\n <div>{{ progress }}%</div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiFileUploadProgressComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiFileUploadProgressComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'eui-file-upload-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"progress > 0\">\n <div class=\"eui-file-upload__progress-bar-container\">\n <div class=\"progress-bar\" [style.width]=\"progress + '%'\"></div>\n </div>\n <div>{{ progress }}%</div>\n</div>\n" }]
14
14
  }], propDecorators: { progress: [{
package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs CHANGED
@@ -125,10 +125,10 @@ export class EuiFileUploadUtilsService {
125
125
  }
126
126
  return formData;
127
127
  }
128
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiFileUploadUtilsService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
129
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiFileUploadUtilsService }); }
128
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiFileUploadUtilsService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
129
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiFileUploadUtilsService }); }
130
130
  }
131
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiFileUploadUtilsService, decorators: [{
131
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiFileUploadUtilsService, decorators: [{
132
132
  type: Injectable
133
133
  }], ctorParameters: () => [{ type: i1.HttpClient }] });
134
134
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWZpbGUtdXBsb2FkLnV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZXVpLWZpbGUtdXBsb2FkL3V0aWxzL2V1aS1maWxlLXVwbG9hZC51dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBeUIsYUFBYSxFQUFnQixNQUFNLHNCQUFzQixDQUFDO0FBQzFGLE9BQU8sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQXVELE1BQU0sTUFBTSxDQUFDOzs7QUFHakYsTUFBTSxPQUFPLHlCQUF5QjtJQUNsQyxZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztPQXNCRztJQUNILG1IQUFtSDtJQUNuSCw4REFBOEQ7SUFDdkQsUUFBUSxDQUFDLElBQVMsRUFBRSxXQUFtQjtRQUMxQyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzVELGNBQWMsRUFBRSxJQUFJO1lBQ3BCLE9BQU8sRUFBRSxRQUFRO1NBQ3BCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O09BcUJHO0lBQ0ksY0FBYyxDQUFJLEVBQThCO1FBQ25ELE9BQU8sR0FBRyxDQUFDLENBQUMsS0FBbUIsRUFBRSxFQUFFO1lBQy9CLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxhQUFhLENBQUMsY0FBYyxFQUFFO2dCQUM3QyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7YUFDdEQ7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztPQW1CRztJQUNJLGNBQWM7UUFDakIsT0FBTyxJQUFJLENBQ1AsTUFBTSxDQUFDLENBQUMsS0FBbUIsRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxhQUFhLENBQUMsUUFBUSxDQUFDLEVBQ3RFLEdBQUcsQ0FBQyxDQUFDLEdBQW9CLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FDMUMsQ0FBQztJQUNOLENBQUM7SUFFRCxtSEFBbUg7SUFDbkgsOERBQThEO0lBQ3RELFVBQVUsQ0FBQyxTQUFjO1FBQzdCLE1BQU0sUUFBUSxHQUFHLElBQUksUUFBUSxFQUFFLENBQUM7UUFFaEMsS0FBSyxNQUFNLEdBQUcsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQ3RDLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtnQkFDL0IsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO2dCQUNsQixtSEFBbUg7Z0JBQ25ILDhEQUE4RDtnQkFDOUQsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFO29CQUNsQyxJQUFJLEtBQUssWUFBWSxJQUFJLEVBQUU7d0JBQ3ZCLFFBQVEsQ0FBQyxNQUFNLENBQUMsR0FBRyxHQUFHLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQzt3QkFDeEMsU0FBUyxFQUFFLENBQUM7cUJBQ2Y7Z0JBQ0wsQ0FBQyxDQUFDLENBQUM7Z0JBRUgsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDO2dCQUNiLG1IQUFtSDtnQkFDbkgsOERBQThEO2dCQUM5RCxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBVSxFQUFRLEVBQUU7b0JBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2xCLENBQUMsQ0FBQyxDQUFDO2dCQUVILFFBQVEsQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQztpQkFBTTtnQkFDSCxJQUFJLE9BQU8sU0FBUyxDQUFDLEdBQUcsQ0FBQyxLQUFLLFFBQVEsRUFBRTtvQkFDcEMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7aUJBQ3JDO3FCQUFNO29CQUNILFFBQVEsQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDckQ7YUFDSjtTQUNKO1FBRUQsT0FBTyxRQUFRLENBQUM7SUFDcEIsQ0FBQztpSUEvSFEseUJBQXlCO3FJQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBRHJDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIdHRwQ2xpZW50LCBIdHRwRXZlbnQsIEh0dHBFdmVudFR5cGUsIEh0dHBSZXNwb25zZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IGZpbHRlciwgbWFwLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBwaXBlLCBPYnNlcnZhYmxlLCBVbmFyeUZ1bmN0aW9uLCBNb25vVHlwZU9wZXJhdG9yRnVuY3Rpb24gfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEV1aUZpbGVVcGxvYWRVdGlsc1NlcnZpY2Uge1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaHR0cENsaWVudDogSHR0cENsaWVudCkge31cblxuICAgIC8qKlxuICAgICAqIEBwYXJhbSBkYXRhIERhdGEgdG8gc2VuZCB0byBiYWNrZW5kXG4gICAgICogQHBhcmFtIEFQSUVuZFBvaW50IEVuZHBvaW50IFVSTFxuICAgICAqXG4gICAgICogQGRlc2NyaXB0aW9uXG4gICAgICogTWV0aG9kIHRoYXQgd2lsbCBmb3JtYXQgZGF0YSBpbiBgRm9ybURhdGFgIGFuZCBzZW5kIHRoZW0gdG8gYmFja2VuZC5cbiAgICAgKlxuICAgICAqIEB1c2FnZU5vdGVzXG4gICAgICogQ2FsbCB0aGUgbWV0aG9kIGFuZCBsb2cgdGhlIHJlc3BvbnNlIGluIHRoZSBjb25zb2xlLlxuICAgICAqXG4gICAgICogYGBgdHlwZXNjcmlwdFxuICAgICAqIHRoaXMuZXVpRmlsZVVwbG9hZFV0aWxzU2VydmljZS5zZW5kRGF0YSh0aGlzLmZvcm0udmFsdWUsICdodHRwOi8vbG9jYWxob3N0OjMwMDAvYXBpL2Zha2UtYXBpJykucGlwZShcbiAgICAgKiAgICAgdGhpcy5ldWlGaWxlVXBsb2FkVXRpbHNTZXJ2aWNlLnVwbG9hZFByb2dyZXNzKChwcm9ncmVzcykgPT4ge1xuICAgICAqICAgICAgICAgY29uc29sZS5sb2cocHJvZ3Jlc3MpO1xuICAgICAqICAgICB9KSxcbiAgICAgKiAgICAgdGhpcy5ldWlGaWxlVXBsb2FkVXRpbHNTZXJ2aWNlLnRvUmVzcG9uc2VCb2R5KCksXG4gICAgICogKS5zdWJzY3JpYmUoKHJlc3BvbnNlKSA9PiB7XG4gICAgICogICAgICBjb25zb2xlLmxvZyhyZXNwb25zZSk7XG4gICAgICogfSk7XG4gICAgICogYGBgXG4gICAgICpcbiAgICAgKiBAcmV0dXJucyBUaGUgYmFja2VuZCByZXNwb25zZS5cbiAgICAgKi9cbiAgICAvLyBUT0RPOiBmaW5kIHRoZSBjb3JyZWN0IHR5cGUgb3IgdHVybiBpbnRvIGEgZ2VuZXJpYywgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svMi9nZW5lcmljcy5odG1sXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBwdWJsaWMgc2VuZERhdGEoZGF0YTogYW55LCBBUElFbmRQb2ludDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaHR0cENsaWVudC5wb3N0KEFQSUVuZFBvaW50LCB0aGlzLnRvRm9ybURhdGEoZGF0YSksIHtcbiAgICAgICAgICAgIHJlcG9ydFByb2dyZXNzOiB0cnVlLFxuICAgICAgICAgICAgb2JzZXJ2ZTogJ2V2ZW50cycsXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBwYXJhbSBjYiBBIG1ldGhvZCB0byBleGVjdXRlIG9uIGVhY2ggcHJvZ3Jlc3Mgc3RlcC5cbiAgICAgKlxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIE1ldGhvZCB0aGF0IHdpbGwgcmV0dXJuIHRoZSB1cGxvYWQgcHJvZ3Jlc3MuXG4gICAgICpcbiAgICAgKiBAdXNhZ2VOb3Rlc1xuICAgICAqIENhbGwgdGhlIG1ldGhvZCBhbmQgbG9nIHRoZSBwcm9ncmVzcyBpbiB0aGUgY29uc29sZS5cbiAgICAgKlxuICAgICAqIGBgYHR5cGVzY3JpcHRcbiAgICAgKiB0aGlzLmV1aUZpbGVVcGxvYWRVdGlsc1NlcnZpY2Uuc2VuZERhdGEodGhpcy5mb3JtLnZhbHVlLCAnaHR0cDovL2xvY2FsaG9zdDozMDAwL2FwaS9mYWtlLWFwaScpLnBpcGUoXG4gICAgICogICAgIHRoaXMuZXVpRmlsZVVwbG9hZFV0aWxzU2VydmljZS51cGxvYWRQcm9ncmVzcygocHJvZ3Jlc3MpID0+IHtcbiAgICAgKiAgICAgICAgIGNvbnNvbGUubG9nKHByb2dyZXNzKTtcbiAgICAgKiAgICAgfSksXG4gICAgICogICAgIHRoaXMuZXVpRmlsZVVwbG9hZFV0aWxzU2VydmljZS50b1Jlc3BvbnNlQm9keSgpLFxuICAgICAqICkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xuICAgICAqICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UpO1xuICAgICAqIH0pO1xuICAgICAqIGBgYFxuICAgICAqXG4gICAgICogQHJldHVybnMgQSBudW1iZXIgYmV0d2VlbiAwIGFuZCAxMDAuXG4gICAgICovXG4gICAgcHVibGljIHVwbG9hZFByb2dyZXNzPFQ+KGNiOiAocHJvZ3Jlc3M6IG51bWJlcikgPT4gdm9pZCk6IE1vbm9UeXBlT3BlcmF0b3JGdW5jdGlvbjxIdHRwRXZlbnQ8VD4+IHtcbiAgICAgICAgcmV0dXJuIHRhcCgoZXZlbnQ6IEh0dHBFdmVudDxUPikgPT4ge1xuICAgICAgICAgICAgaWYgKGV2ZW50LnR5cGUgPT09IEh0dHBFdmVudFR5cGUuVXBsb2FkUHJvZ3Jlc3MpIHtcbiAgICAgICAgICAgICAgICBjYihNYXRoLnJvdW5kKCgxMDAgKiBldmVudC5sb2FkZWQpIC8gZXZlbnQudG90YWwpKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRlc2NyaXB0aW9uXG4gICAgICogTWV0aG9kIHRoYXQgd2lsbCByZXR1cm4gb25seSB0aGUgYm9keSBvZiB0aGUgYmFja2VuZCByZXNwb25zZS5cbiAgICAgKlxuICAgICAqIEB1c2FnZU5vdGVzXG4gICAgICogQ2FsbCB0aGUgbWV0aG9kIGFuZCBsb2cgdGhlIHJlc3BvbnNlIGluIHRoZSBjb25zb2xlLlxuICAgICAqXG4gICAgICogYGBgdHlwZXNjcmlwdFxuICAgICAqIHRoaXMuZXVpRmlsZVVwbG9hZFV0aWxzU2VydmljZS5zZW5kRGF0YSh0aGlzLmZvcm0udmFsdWUsICdodHRwOi8vbG9jYWxob3N0OjMwMDAvYXBpL2Zha2UtYXBpJykucGlwZShcbiAgICAgKiAgICAgdGhpcy5ldWlGaWxlVXBsb2FkVXRpbHNTZXJ2aWNlLnVwbG9hZFByb2dyZXNzKChwcm9ncmVzcykgPT4ge1xuICAgICAqICAgICAgICAgY29uc29sZS5sb2cocHJvZ3Jlc3MpO1xuICAgICAqICAgICB9KSxcbiAgICAgKiAgICAgdGhpcy5ldWlGaWxlVXBsb2FkVXRpbHNTZXJ2aWNlLnRvUmVzcG9uc2VCb2R5KCksXG4gICAgICogKS5zdWJzY3JpYmUoKHJlc3BvbnNlKSA9PiB7XG4gICAgICogICAgICBjb25zb2xlLmxvZyhyZXNwb25zZSk7XG4gICAgICogfSk7XG4gICAgICogYGBgXG4gICAgICpcbiAgICAgKiBAcmV0dXJucyBUaGUgYmFja2VuZCByZXNwb25zZS5cbiAgICAgKi9cbiAgICBwdWJsaWMgdG9SZXNwb25zZUJvZHk8VD4oKTogVW5hcnlGdW5jdGlvbjxPYnNlcnZhYmxlPEh0dHBFdmVudDxUPj4sIE9ic2VydmFibGU8VD4+IHtcbiAgICAgICAgcmV0dXJuIHBpcGUoXG4gICAgICAgICAgICBmaWx0ZXIoKGV2ZW50OiBIdHRwRXZlbnQ8VD4pID0+IGV2ZW50LnR5cGUgPT09IEh0dHBFdmVudFR5cGUuUmVzcG9uc2UpLFxuICAgICAgICAgICAgbWFwKChyZXM6IEh0dHBSZXNwb25zZTxUPikgPT4gcmVzLmJvZHkpLFxuICAgICAgICApO1xuICAgIH1cblxuICAgIC8vIFRPRE86IGZpbmQgdGhlIGNvcnJlY3QgdHlwZSBvciB0dXJuIGludG8gYSBnZW5lcmljLCBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay8yL2dlbmVyaWNzLmh0bWxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIHByaXZhdGUgdG9Gb3JtRGF0YShmb3JtVmFsdWU6IGFueSk6IEZvcm1EYXRhIHtcbiAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoKTtcblxuICAgICAgICBmb3IgKGNvbnN0IGtleSBvZiBPYmplY3Qua2V5cyhmb3JtVmFsdWUpKSB7XG4gICAgICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShmb3JtVmFsdWVba2V5XSkpIHtcbiAgICAgICAgICAgICAgICBsZXQgZmlsZUluZGV4ID0gMDtcbiAgICAgICAgICAgICAgICAvLyBUT0RPOiBmaW5kIHRoZSBjb3JyZWN0IHR5cGUgb3IgdHVybiBpbnRvIGEgZ2VuZXJpYywgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svMi9nZW5lcmljcy5odG1sXG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICAgICAgICAgICAgICBmb3JtVmFsdWVba2V5XS5mb3JFYWNoKCh2YWx1ZTogYW55KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIEZpbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGZvcm1EYXRhLmFwcGVuZChrZXkgKyBmaWxlSW5kZXgsIHZhbHVlKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGZpbGVJbmRleCsrO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBhID0gW107XG4gICAgICAgICAgICAgICAgLy8gVE9ETzogZmluZCB0aGUgY29ycmVjdCB0eXBlIG9yIHR1cm4gaW50byBhIGdlbmVyaWMsIGh0dHBzOi8vd3d3LnR5cGVzY3JpcHRsYW5nLm9yZy9kb2NzL2hhbmRib29rLzIvZ2VuZXJpY3MuaHRtbFxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgICAgICAgICAgICAgZm9ybVZhbHVlW2tleV0uZm9yRWFjaCgodmFsdWU6IGFueSk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgICAgICAgICBhLnB1c2godmFsdWUpO1xuICAgICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgICAgZm9ybURhdGEuYXBwZW5kKGtleSwgSlNPTi5zdHJpbmdpZnkoYSkpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBpZiAodHlwZW9mIGZvcm1WYWx1ZVtrZXldID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgICAgICAgICBmb3JtRGF0YS5zZXQoa2V5LCBmb3JtVmFsdWVba2V5XSk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgZm9ybURhdGEuc2V0KGtleSwgSlNPTi5zdHJpbmdpZnkoZm9ybVZhbHVlW2tleV0pKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZm9ybURhdGE7XG4gICAgfVxufVxuIl19
package/esm2022/eui-growl/eui-growl.component.mjs CHANGED
@@ -86,10 +86,10 @@ export class EuiGrowlComponent {
86
86
  findMessageIndex(msg) {
87
87
  return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
88
88
  }
89
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
90
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
89
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
90
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
91
91
  }
92
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlComponent, decorators: [{
92
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlComponent, decorators: [{
93
93
  type: Component,
94
94
  args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\n *ngFor=\"let msg of value\"\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n [ngClass]=\"{\n 'eui-growl-item-container--info': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\n 'eui-growl--sticky': sticky\n }\"\n [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n <div class=\"eui-growl-item\">\n <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\n </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"] }]
95
95
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { sticky: [{
package/esm2022/eui-growl/eui-growl.module.mjs CHANGED
@@ -5,11 +5,11 @@ import { EuiIconModule } from '@eui/components/eui-icon';
5
5
  import { TranslateModule } from '@ngx-translate/core';
6
6
  import * as i0 from "@angular/core";
7
7
  export class EuiGrowlModule {
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, TranslateModule], exports: [EuiGrowlComponent] }); }
10
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlModule, imports: [CommonModule, EuiIconModule, TranslateModule] }); }
8
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, TranslateModule], exports: [EuiGrowlComponent] }); }
10
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlModule, imports: [CommonModule, EuiIconModule, TranslateModule] }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiGrowlModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiGrowlModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  imports: [CommonModule, EuiIconModule, TranslateModule],
package/esm2022/eui-icon/eui-icon-color.component.mjs CHANGED
@@ -11,14 +11,14 @@ export class EuiIconColorComponent {
11
11
  getCssClasses() {
12
12
  return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();
13
13
  }
14
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiIconColorComponent, selector: "eui-icon-colored, span[euiIconColored], [euiIconColored]", inputs: { iconClass: "iconClass" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: `
14
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiIconColorComponent, selector: "eui-icon-colored, span[euiIconColored], [euiIconColored]", inputs: { iconClass: "iconClass" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: `
16
16
  <span [class]="iconClass">
17
17
  <span *ngFor="let pathNumber of paths" class="path{{ pathNumber }}"></span>
18
18
  </span>
19
19
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
20
20
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconColorComponent, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconColorComponent, decorators: [{
22
22
  type: Component,
23
23
  args: [{
24
24
  selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',
package/esm2022/eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.mjs CHANGED
@@ -23,8 +23,8 @@ export class EuiIconSvgButtonComponent {
23
23
  onClick(event) {
24
24
  this.buttonClick.emit(event);
25
25
  }
26
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: "hasFocusBorder", hasNoPadding: "hasNoPadding" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-svg-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
26
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: "hasFocusBorder", hasNoPadding: "hasNoPadding" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-svg-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
28
28
  }
29
29
  __decorate([
30
30
  coerceBoolean
@@ -32,7 +32,7 @@ __decorate([
32
32
  __decorate([
33
33
  coerceBoolean
34
34
  ], EuiIconSvgButtonComponent.prototype, "hasNoPadding", void 0);
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconSvgButtonComponent, decorators: [{
35
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconSvgButtonComponent, decorators: [{
36
36
  type: Component,
37
37
  args: [{ selector: 'eui-icon-svg-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-svg-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"] }]
38
38
  }], propDecorators: { cssClasses: [{
package/esm2022/eui-icon/eui-icon-svg.component.mjs CHANGED
@@ -102,10 +102,10 @@ export class EuiIconSvgComponent extends BaseDirective {
102
102
  }
103
103
  }
104
104
  }
105
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
106
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n <svg\n [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
105
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
106
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n <svg\n [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
107
107
  }
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
109
109
  type: Component,
110
110
  args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n <svg\n [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
111
111
  }], ctorParameters: () => [{ type: undefined, decorators: [{
package/esm2022/eui-icon/eui-icon.component.mjs CHANGED
@@ -39,10 +39,10 @@ export class EuiIconComponent extends BaseDirective {
39
39
  .join(' ')
40
40
  .trim();
41
41
  }
42
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
43
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
42
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
43
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
44
44
  }
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconComponent, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconComponent, decorators: [{
46
46
  type: Component,
47
47
  args: [{ selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin>svg,.eui-icon.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack,.eui-icon.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
48
48
  }], ctorParameters: () => [], propDecorators: { cssClasses: [{
package/esm2022/eui-icon/eui-icon.module.mjs CHANGED
@@ -6,11 +6,11 @@ import { EuiIconColorComponent } from './eui-icon-color.component';
6
6
  import { EuiIconSvgButtonComponent } from './eui-icon-svg-button/eui-icon-svg-button.component';
7
7
  import * as i0 from "@angular/core";
8
8
  export class EuiIconModule {
9
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
10
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent] }); }
11
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconModule, imports: [CommonModule] }); }
9
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
10
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent] }); }
11
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconModule, imports: [CommonModule] }); }
12
12
  }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconModule, decorators: [{
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconModule, decorators: [{
14
14
  type: NgModule,
15
15
  args: [{
16
16
  imports: [CommonModule],
package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs CHANGED
@@ -66,10 +66,10 @@ export class EuiIconToggleComponent {
66
66
  this.iconSvgFillColor = this.iconSvgFillColorOff;
67
67
  }
68
68
  }
69
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
70
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiIconToggleComponent, selector: "eui-icon-toggle", inputs: { id: "id", styleClass: "styleClass", styleClassOn: "styleClassOn", styleClassOff: "styleClassOff", iconClassOff: "iconClassOff", iconClassOn: "iconClassOn", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", tabindex: "tabindex", ariaLabel: "ariaLabel", keyboardAccessKey: "keyboardAccessKey", e2eAttr: "e2eAttr", isChecked: "isChecked", isReadOnly: "isReadOnly" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "focusElement", first: true, predicate: ["focusElement"], descendants: true }], ngImport: i0, template: "<div\n #focusElement\n [id]=\"id\"\n class=\"eui-icon-toggle {{ styleClass }}\"\n [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n role=\"switch\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-checked]=\"isChecked\"\n [attr.accesskey]=\"keyboardAccessKey\"\n (click)=\"onToggle()\"\n (keydown)=\"onKeyDown($event)\">\n <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n <!-- V15 OK-->\n <span\n class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n [class.eui-icon-toggle--checked]=\"isChecked\"\n [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle--default-on{color:var(--eui-base-color-accent-100)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
69
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
70
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiIconToggleComponent, selector: "eui-icon-toggle", inputs: { id: "id", styleClass: "styleClass", styleClassOn: "styleClassOn", styleClassOff: "styleClassOff", iconClassOff: "iconClassOff", iconClassOn: "iconClassOn", iconSvgNameOn: "iconSvgNameOn", iconSvgNameOff: "iconSvgNameOff", iconSvgFillColorOn: "iconSvgFillColorOn", iconSvgFillColorOff: "iconSvgFillColorOff", tabindex: "tabindex", ariaLabel: "ariaLabel", keyboardAccessKey: "keyboardAccessKey", e2eAttr: "e2eAttr", isChecked: "isChecked", isReadOnly: "isReadOnly" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, viewQueries: [{ propertyName: "focusElement", first: true, predicate: ["focusElement"], descendants: true }], ngImport: i0, template: "<div\n #focusElement\n [id]=\"id\"\n class=\"eui-icon-toggle {{ styleClass }}\"\n [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n role=\"switch\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-checked]=\"isChecked\"\n [attr.accesskey]=\"keyboardAccessKey\"\n (click)=\"onToggle()\"\n (keydown)=\"onKeyDown($event)\">\n <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n <!-- V15 OK-->\n <span\n class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n [class.eui-icon-toggle--checked]=\"isChecked\"\n [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle--default-on{color:var(--eui-base-color-accent-100)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
71
71
  }
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleComponent, decorators: [{
72
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleComponent, decorators: [{
73
73
  type: Component,
74
74
  args: [{ selector: 'eui-icon-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n #focusElement\n [id]=\"id\"\n class=\"eui-icon-toggle {{ styleClass }}\"\n [ngClass]=\"isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off'\"\n tabindex=\"{{ !isReadOnly ? tabindex : '-1' }}\"\n role=\"switch\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-checked]=\"isChecked\"\n [attr.accesskey]=\"keyboardAccessKey\"\n (click)=\"onToggle()\"\n (keydown)=\"onKeyDown($event)\">\n <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n <!-- V15 OK-->\n <span\n class=\"eui-icon-toggle__icon eui-icon {{ iconClass }}\"\n [class.eui-icon-toggle--checked]=\"isChecked\"\n [class.eui-icon-toggle--readonly]=\"isReadOnly\">\n </span>\n </ng-container>\n\n <ng-container *ngIf=\"iconSvgNameOn && iconSvgNameOff\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\"></eui-icon-svg>\n </ng-container>\n</div>\n", styles: [".eui-icon-toggle{display:inline-block;position:relative;cursor:pointer}.eui-icon-toggle:active:active:not([readonly]),.eui-icon-toggle:active:focus:not([readonly]),.eui-icon-toggle:focus:active:not([readonly]),.eui-icon-toggle:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:active [tabindex=\"0\"]:focus:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-icon-toggle:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-toggle--default-on{color:var(--eui-base-color-accent-100)}.eui-icon-toggle--default-off{color:var(--eui-base-color-grey-100)}.eui-icon-toggle__icon{font-size:var(--eui-base-font-size-2xl);position:relative}.eui-icon-toggle--checked{color:var(--eui-base-color-accent-110)}.eui-icon-toggle--readonly{cursor:auto}\n"] }]
75
75
  }], propDecorators: { id: [{
package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs CHANGED
@@ -4,11 +4,11 @@ import { NgModule } from '@angular/core';
4
4
  import { EuiIconModule } from '@eui/components/eui-icon';
5
5
  import * as i0 from "@angular/core";
6
6
  export class EuiIconToggleModule {
7
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleModule, declarations: [EuiIconToggleComponent], imports: [CommonModule, EuiIconModule], exports: [EuiIconToggleComponent] }); }
9
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleModule, imports: [CommonModule, EuiIconModule] }); }
7
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleModule, declarations: [EuiIconToggleComponent], imports: [CommonModule, EuiIconModule], exports: [EuiIconToggleComponent] }); }
9
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleModule, imports: [CommonModule, EuiIconModule] }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiIconToggleModule, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiIconToggleModule, decorators: [{
12
12
  type: NgModule,
13
13
  args: [{
14
14
  imports: [CommonModule, EuiIconModule],
package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs CHANGED
@@ -152,10 +152,10 @@ export class EuiInputCheckboxComponent extends InputDirective {
152
152
  this._elementRef.nativeElement.indeterminate = value;
153
153
  }
154
154
  }
155
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
156
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", styleClass: "styleClass", checked: "checked", id: "id" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ERemove%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M400 256H112'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-base-color-danger-100);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
155
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
156
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiInputCheckboxComponent, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", styleClass: "styleClass", checked: "checked", id: "id" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked", "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ERemove%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M400 256H112'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-base-color-danger-100);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
157
157
  }
158
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
158
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
159
159
  type: Component,
160
160
  args: [{ selector: 'input[euiInputCheckBox]', template: '', encapsulation: ViewEncapsulation.None, styles: [".eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:middle;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-75)}.eui-input-checkbox:not(.cdk-visually-hidden)+.eui-label,.eui-input-checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{position:absolute;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ERemove%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M400 256H112'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-25);border:2px solid var(--eui-base-color-grey-75);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-25);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-base-color-primary-100);border:2px solid var(--eui-base-color-primary-100)}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-base-color-danger-100);appearance:inherit;background-color:var(--eui-base-color-white);border:2px solid var(--eui-base-color-danger-100)}.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{background:var(--eui-base-color-danger-100);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:1.1rem;width:1.1rem}.eui-input-checkbox:not(.cdk-visually-hidden):active:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):active [tabindex=\"0\"]:focus:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:active:not([readonly]),.eui-input-checkbox:not(.cdk-visually-hidden):focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}\n"] }]
161
161
  }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs CHANGED
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
3
3
  import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export class EuiInputCheckboxModule {
6
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxModule, declarations: [EuiInputCheckboxComponent], imports: [CommonModule], exports: [EuiInputCheckboxComponent] }); }
8
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule] }); }
6
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxModule, declarations: [EuiInputCheckboxComponent], imports: [CommonModule], exports: [EuiInputCheckboxComponent] }); }
8
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule] }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputCheckboxModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputCheckboxModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  imports: [CommonModule],
package/esm2022/eui-input-group/eui-input-group.component.mjs CHANGED
@@ -8,10 +8,10 @@ export class EuiInputGroupComponent {
8
8
  get cssClasses() {
9
9
  return ['eui-input-group', this.styleClass ? this.styleClass : ''].join(' ').trim();
10
10
  }
11
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
11
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
13
13
  }
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'div[euiInputGroup]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-base-spacing-m);position:relative;width:100%}.eui-input-group>.eui-label{align-items:center;display:inline-flex}.eui-input-group>.eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-xs);min-height:var(--eui-base-spacing-l)}.eui-input-group:not(.row) .eui-input-radio+label,.eui-input-group:not(.row) .eui-input-checkbox+label{left:calc(var(--eui-base-spacing-xl) - 2px);margin-bottom:calc(-1 * var(--eui-base-spacing-2xs));position:relative;top:calc(-1 * (var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs)));vertical-align:middle;white-space:inherit}.eui-input-group:not(.row) div{align-items:center!important}.eui-input-group:not(.row) div .eui-input-checkbox+label{margin-bottom:0;padding-right:0;top:0;left:0}.eui-input-group:not(.row) div .eui-input-radio+label{padding-right:0;top:0;left:0}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:normal}.eui-input-group.row .eui-label:first-child{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-input-group.row .eui-label .eui-icon{margin-left:var(--eui-base-spacing-2xs)}@media screen and (max-width: 767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row label,.eui-input-group.row .eui-label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-base-color-grey-10);border:1px solid var(--eui-base-color-grey-50);border-radius:0;box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));padding:var(--eui-base-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-base-border-radius);border-top-left-radius:var(--eui-base-border-radius);border-bottom-right-radius:0;border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-base-border-radius) var(--eui-base-border-radius) 0}.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-input-group-addon .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon .eui-select,.eui-input-group-addon .eui-button,.eui-input-group-addon eui-dropdown{margin-left:-2px}.eui-input-group-addon .eui-input-text+.eui-input-group-addon-item,.eui-input-group-addon .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-input-group-addon .eui-button,.eui-input-group-addon .eui-textarea{margin-left:-1px}\n"] }]
17
17
  }], propDecorators: { e2eAttr: [{
package/esm2022/eui-input-group/eui-input-group.module.mjs CHANGED
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
3
3
  import { EuiInputGroupComponent } from './eui-input-group.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export class EuiInputGroupModule {
6
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupModule, declarations: [EuiInputGroupComponent], imports: [CommonModule], exports: [EuiInputGroupComponent] }); }
8
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule] }); }
6
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupModule, declarations: [EuiInputGroupComponent], imports: [CommonModule], exports: [EuiInputGroupComponent] }); }
8
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule] }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EuiInputGroupModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EuiInputGroupModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  imports: [CommonModule],