@eui/components 17.0.0-next.10 → 17.0.0-next.12

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 (705) hide show
  1. package/directives/eui-scroll-handler.directive.d.ts +6 -6
  2. package/directives/eui-scroll-handler.directive.d.ts.map +1 -1
  3. package/directives/eui-smooth-scroll.directive.d.ts +1 -1
  4. package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
  5. package/directives/eui-tooltip/eui-tooltip.directive.d.ts +1 -3
  6. package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
  7. package/ecl/eui-ecl-banner/eui-components-ecl-eui-ecl-banner.d.ts.map +1 -0
  8. package/ecl/eui-ecl-banner/eui-ecl-banner-credit.directive.d.ts +8 -0
  9. package/ecl/eui-ecl-banner/eui-ecl-banner-credit.directive.d.ts.map +1 -0
  10. package/ecl/eui-ecl-banner/eui-ecl-banner-description.directive.d.ts +13 -0
  11. package/ecl/eui-ecl-banner/eui-ecl-banner-description.directive.d.ts.map +1 -0
  12. package/ecl/eui-ecl-banner/eui-ecl-banner-picture.directive.d.ts +13 -0
  13. package/ecl/eui-ecl-banner/eui-ecl-banner-picture.directive.d.ts.map +1 -0
  14. package/ecl/eui-ecl-banner/eui-ecl-banner-title.directive.d.ts +13 -0
  15. package/ecl/eui-ecl-banner/eui-ecl-banner-title.directive.d.ts.map +1 -0
  16. package/ecl/eui-ecl-banner/eui-ecl-banner.component.d.ts +24 -0
  17. package/ecl/eui-ecl-banner/eui-ecl-banner.component.d.ts.map +1 -0
  18. package/ecl/eui-ecl-banner/eui-ecl-banner.module.d.ts +14 -0
  19. package/ecl/eui-ecl-banner/eui-ecl-banner.module.d.ts.map +1 -0
  20. package/ecl/eui-ecl-banner/eui-ecl-file-picture.directive.d.ts +13 -0
  21. package/ecl/eui-ecl-banner/eui-ecl-file-picture.directive.d.ts.map +1 -0
  22. package/ecl/eui-ecl-banner/index.d.ts +8 -0
  23. package/ecl/eui-ecl-banner/index.d.ts.map +1 -0
  24. package/ecl/eui-ecl-button/eui-components-ecl-eui-ecl-button.d.ts.map +1 -0
  25. package/ecl/eui-ecl-button/eui-ecl-button-label.directive.d.ts +8 -0
  26. package/ecl/eui-ecl-button/eui-ecl-button-label.directive.d.ts.map +1 -0
  27. package/ecl/eui-ecl-button/eui-ecl-button.component.d.ts +17 -0
  28. package/ecl/eui-ecl-button/eui-ecl-button.component.d.ts.map +1 -0
  29. package/ecl/eui-ecl-button/eui-ecl-button.module.d.ts +11 -0
  30. package/ecl/eui-ecl-button/eui-ecl-button.module.d.ts.map +1 -0
  31. package/ecl/eui-ecl-button/index.d.ts +4 -0
  32. package/ecl/eui-ecl-button/index.d.ts.map +1 -0
  33. package/ecl/eui-ecl-carousel/eui-components-ecl-eui-ecl-carousel.d.ts.map +1 -0
  34. package/ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.d.ts +24 -0
  35. package/ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.d.ts.map +1 -0
  36. package/ecl/eui-ecl-carousel/eui-ecl-carousel.component.d.ts +75 -0
  37. package/ecl/eui-ecl-carousel/eui-ecl-carousel.component.d.ts.map +1 -0
  38. package/ecl/eui-ecl-carousel/eui-ecl-carousel.module.d.ts +12 -0
  39. package/ecl/eui-ecl-carousel/eui-ecl-carousel.module.d.ts.map +1 -0
  40. package/ecl/eui-ecl-carousel/index.d.ts +4 -0
  41. package/ecl/eui-ecl-carousel/index.d.ts.map +1 -0
  42. package/ecl/eui-ecl-icon/eui-components-ecl-eui-ecl-icon.d.ts.map +1 -0
  43. package/ecl/eui-ecl-icon/eui-ecl-icon.component.d.ts +35 -0
  44. package/ecl/eui-ecl-icon/eui-ecl-icon.component.d.ts.map +1 -0
  45. package/ecl/eui-ecl-icon/eui-ecl-icon.module.d.ts +9 -0
  46. package/ecl/eui-ecl-icon/eui-ecl-icon.module.d.ts.map +1 -0
  47. package/ecl/eui-ecl-icon/index.d.ts +3 -0
  48. package/ecl/eui-ecl-icon/index.d.ts.map +1 -0
  49. package/ecl/eui-ecl-label/eui-components-ecl-eui-ecl-label.d.ts.map +1 -0
  50. package/ecl/eui-ecl-label/eui-ecl-label.directive.d.ts +9 -0
  51. package/ecl/eui-ecl-label/eui-ecl-label.directive.d.ts.map +1 -0
  52. package/ecl/eui-ecl-label/eui-ecl-label.module.d.ts +9 -0
  53. package/ecl/eui-ecl-label/eui-ecl-label.module.d.ts.map +1 -0
  54. package/ecl/eui-ecl-label/index.d.ts +3 -0
  55. package/ecl/eui-ecl-label/index.d.ts.map +1 -0
  56. package/ecl/eui-ecl-link/eui-components-ecl-eui-ecl-link.d.ts.map +1 -0
  57. package/ecl/eui-ecl-link/eui-ecl-link-label.directive.d.ts +8 -0
  58. package/ecl/eui-ecl-link/eui-ecl-link-label.directive.d.ts.map +1 -0
  59. package/ecl/eui-ecl-link/eui-ecl-link.directive.d.ts +22 -0
  60. package/ecl/eui-ecl-link/eui-ecl-link.directive.d.ts.map +1 -0
  61. package/ecl/eui-ecl-link/eui-ecl-link.module.d.ts +10 -0
  62. package/ecl/eui-ecl-link/eui-ecl-link.module.d.ts.map +1 -0
  63. package/ecl/eui-ecl-link/index.d.ts +4 -0
  64. package/ecl/eui-ecl-link/index.d.ts.map +1 -0
  65. package/ecl/eui-ecl-message/eui-components-ecl-eui-ecl-message.d.ts.map +1 -0
  66. package/ecl/eui-ecl-message/eui-ecl-message-title.directive.d.ts +8 -0
  67. package/ecl/eui-ecl-message/eui-ecl-message-title.directive.d.ts.map +1 -0
  68. package/ecl/eui-ecl-message/eui-ecl-message.component.d.ts +21 -0
  69. package/ecl/eui-ecl-message/eui-ecl-message.component.d.ts.map +1 -0
  70. package/ecl/eui-ecl-message/eui-ecl-message.module.d.ts +13 -0
  71. package/ecl/eui-ecl-message/eui-ecl-message.module.d.ts.map +1 -0
  72. package/ecl/eui-ecl-message/index.d.ts +4 -0
  73. package/ecl/eui-ecl-message/index.d.ts.map +1 -0
  74. package/ecl/shared/eui-components-ecl-shared.d.ts.map +1 -0
  75. package/ecl/shared/eui-ecl-base.directive.d.ts +13 -0
  76. package/ecl/shared/eui-ecl-base.directive.d.ts.map +1 -0
  77. package/ecl/shared/index.d.ts +5 -0
  78. package/ecl/shared/index.d.ts.map +1 -0
  79. package/ecl/shared/models/eui-ecl-base.event.d.ts +6 -0
  80. package/ecl/shared/models/eui-ecl-base.event.d.ts.map +1 -0
  81. package/ecl/shared/models/eui-ecl-breadcrumb.model.d.ts +7 -0
  82. package/ecl/shared/models/eui-ecl-breadcrumb.model.d.ts.map +1 -0
  83. package/ecl/shared/models/eui-ecl-dom.event.d.ts +7 -0
  84. package/ecl/shared/models/eui-ecl-dom.event.d.ts.map +1 -0
  85. package/ecl/shared/models/eui-ecl-file-upload.model.d.ts +6 -0
  86. package/ecl/shared/models/eui-ecl-file-upload.model.d.ts.map +1 -0
  87. package/ecl/shared/models/eui-ecl-gallery-item.model.d.ts +7 -0
  88. package/ecl/shared/models/eui-ecl-gallery-item.model.d.ts.map +1 -0
  89. package/ecl/shared/models/eui-ecl-language.model.d.ts +6 -0
  90. package/ecl/shared/models/eui-ecl-language.model.d.ts.map +1 -0
  91. package/ecl/shared/models/eui-ecl-menu-item.model.d.ts +15 -0
  92. package/ecl/shared/models/eui-ecl-menu-item.model.d.ts.map +1 -0
  93. package/ecl/shared/models/index.d.ts +8 -0
  94. package/ecl/shared/models/index.d.ts.map +1 -0
  95. package/ecl/shared/services/eui-ecl-default-language.service.d.ts +33 -0
  96. package/ecl/shared/services/eui-ecl-default-language.service.d.ts.map +1 -0
  97. package/ecl/shared/services/eui-ecl-language.service.d.ts +19 -0
  98. package/ecl/shared/services/eui-ecl-language.service.d.ts.map +1 -0
  99. package/ecl/shared/services/eui-ecl-theme.service.d.ts +23 -0
  100. package/ecl/shared/services/eui-ecl-theme.service.d.ts.map +1 -0
  101. package/ecl/shared/services/index.d.ts +4 -0
  102. package/ecl/shared/services/index.d.ts.map +1 -0
  103. package/ecl/shared/utils/constants/constants.d.ts +10 -0
  104. package/ecl/shared/utils/constants/constants.d.ts.map +1 -0
  105. package/ecl/shared/utils/constants/index.d.ts +2 -0
  106. package/ecl/shared/utils/constants/index.d.ts.map +1 -0
  107. package/ecl/shared/utils/directives/eui-ecl-click-outside/eui-ecl-click-outside.directive.d.ts +12 -0
  108. package/ecl/shared/utils/directives/eui-ecl-click-outside/eui-ecl-click-outside.directive.d.ts.map +1 -0
  109. package/ecl/shared/utils/directives/eui-ecl-click-outside/index.d.ts +2 -0
  110. package/ecl/shared/utils/directives/eui-ecl-click-outside/index.d.ts.map +1 -0
  111. package/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.directive.d.ts +8 -0
  112. package/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.directive.d.ts.map +1 -0
  113. package/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.module.d.ts +9 -0
  114. package/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.module.d.ts.map +1 -0
  115. package/ecl/shared/utils/directives/eui-ecl-hidden/index.d.ts +3 -0
  116. package/ecl/shared/utils/directives/eui-ecl-hidden/index.d.ts.map +1 -0
  117. package/ecl/shared/utils/directives/index.d.ts +3 -0
  118. package/ecl/shared/utils/directives/index.d.ts.map +1 -0
  119. package/ecl/shared/utils/dom/dom-helpers.d.ts +3 -0
  120. package/ecl/shared/utils/dom/dom-helpers.d.ts.map +1 -0
  121. package/ecl/shared/utils/dom/index.d.ts +2 -0
  122. package/ecl/shared/utils/dom/index.d.ts.map +1 -0
  123. package/ecl/shared/utils/index.d.ts +4 -0
  124. package/ecl/shared/utils/index.d.ts.map +1 -0
  125. package/ecl/webcomponents/ecl-message-wc/ecl-message-wc.component.d.ts +10 -0
  126. package/ecl/webcomponents/ecl-message-wc/ecl-message-wc.component.d.ts.map +1 -0
  127. package/ecl/webcomponents/ecl-message-wc/eui-components-ecl-webcomponents-ecl-message-wc.d.ts.map +1 -0
  128. package/ecl/webcomponents/ecl-message-wc/index.d.ts +3 -0
  129. package/ecl/webcomponents/ecl-message-wc/index.d.ts.map +1 -0
  130. package/ecl/webcomponents/ecl-message-wc/module.d.ts +10 -0
  131. package/ecl/webcomponents/ecl-message-wc/module.d.ts.map +1 -0
  132. package/ecl/webcomponents/ecl-webcomponents-all/eui-components-ecl-webcomponents-ecl-webcomponents-all.d.ts.map +1 -0
  133. package/ecl/webcomponents/ecl-webcomponents-all/index.d.ts +2 -0
  134. package/ecl/webcomponents/ecl-webcomponents-all/index.d.ts.map +1 -0
  135. package/ecl/webcomponents/ecl-webcomponents-all/module.d.ts +9 -0
  136. package/ecl/webcomponents/ecl-webcomponents-all/module.d.ts.map +1 -0
  137. package/esm2022/directives/eui-clearable.directive.mjs +4 -4
  138. package/esm2022/directives/eui-has-permission.directive.mjs +8 -8
  139. package/esm2022/directives/eui-loading.directive.mjs +4 -4
  140. package/esm2022/directives/eui-maxlength.directive.mjs +8 -8
  141. package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +4 -4
  142. package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +4 -4
  143. package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +5 -5
  144. package/esm2022/directives/eui-scroll-handler.directive.mjs +20 -20
  145. package/esm2022/directives/eui-smooth-scroll.directive.mjs +12 -12
  146. package/esm2022/directives/eui-template.directive.mjs +8 -8
  147. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +4 -4
  148. package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +4 -9
  149. package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +5 -5
  150. package/esm2022/ecl/eui-ecl-banner/eui-components-ecl-eui-ecl-banner.mjs +5 -0
  151. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-credit.directive.mjs +21 -0
  152. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-description.directive.mjs +38 -0
  153. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-picture.directive.mjs +37 -0
  154. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-title.directive.mjs +38 -0
  155. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner.component.mjs +73 -0
  156. package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner.module.mjs +47 -0
  157. package/esm2022/ecl/eui-ecl-banner/eui-ecl-file-picture.directive.mjs +37 -0
  158. package/esm2022/ecl/eui-ecl-banner/index.mjs +8 -0
  159. package/esm2022/ecl/eui-ecl-button/eui-components-ecl-eui-ecl-button.mjs +5 -0
  160. package/esm2022/ecl/eui-ecl-button/eui-ecl-button-label.directive.mjs +20 -0
  161. package/esm2022/ecl/eui-ecl-button/eui-ecl-button.component.mjs +51 -0
  162. package/esm2022/ecl/eui-ecl-button/eui-ecl-button.module.mjs +20 -0
  163. package/esm2022/ecl/eui-ecl-button/index.mjs +4 -0
  164. package/esm2022/ecl/eui-ecl-carousel/eui-components-ecl-eui-ecl-carousel.mjs +5 -0
  165. package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.mjs +57 -0
  166. package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel.component.mjs +329 -0
  167. package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel.module.mjs +22 -0
  168. package/esm2022/ecl/eui-ecl-carousel/index.mjs +4 -0
  169. package/esm2022/ecl/eui-ecl-icon/eui-components-ecl-eui-ecl-icon.mjs +5 -0
  170. package/esm2022/ecl/eui-ecl-icon/eui-ecl-icon.component.mjs +123 -0
  171. package/esm2022/ecl/eui-ecl-icon/eui-ecl-icon.module.mjs +18 -0
  172. package/esm2022/ecl/eui-ecl-icon/index.mjs +3 -0
  173. package/esm2022/ecl/eui-ecl-label/eui-components-ecl-eui-ecl-label.mjs +5 -0
  174. package/esm2022/ecl/eui-ecl-label/eui-ecl-label.directive.mjs +26 -0
  175. package/esm2022/ecl/eui-ecl-label/eui-ecl-label.module.mjs +18 -0
  176. package/esm2022/ecl/eui-ecl-label/index.mjs +3 -0
  177. package/esm2022/ecl/eui-ecl-link/eui-components-ecl-eui-ecl-link.mjs +5 -0
  178. package/esm2022/ecl/eui-ecl-link/eui-ecl-link-label.directive.mjs +20 -0
  179. package/esm2022/ecl/eui-ecl-link/eui-ecl-link.directive.mjs +102 -0
  180. package/esm2022/ecl/eui-ecl-link/eui-ecl-link.module.mjs +19 -0
  181. package/esm2022/ecl/eui-ecl-link/index.mjs +4 -0
  182. package/esm2022/ecl/eui-ecl-message/eui-components-ecl-eui-ecl-message.mjs +5 -0
  183. package/esm2022/ecl/eui-ecl-message/eui-ecl-message-title.directive.mjs +20 -0
  184. package/esm2022/ecl/eui-ecl-message/eui-ecl-message.component.mjs +84 -0
  185. package/esm2022/ecl/eui-ecl-message/eui-ecl-message.module.mjs +22 -0
  186. package/esm2022/ecl/eui-ecl-message/index.mjs +4 -0
  187. package/esm2022/ecl/shared/eui-components-ecl-shared.mjs +5 -0
  188. package/esm2022/ecl/shared/eui-ecl-base.directive.mjs +36 -0
  189. package/esm2022/ecl/shared/index.mjs +5 -0
  190. package/esm2022/ecl/shared/models/eui-ecl-base.event.mjs +9 -0
  191. package/esm2022/ecl/shared/models/eui-ecl-breadcrumb.model.mjs +2 -0
  192. package/esm2022/ecl/shared/models/eui-ecl-dom.event.mjs +14 -0
  193. package/esm2022/ecl/shared/models/eui-ecl-file-upload.model.mjs +2 -0
  194. package/esm2022/ecl/shared/models/eui-ecl-gallery-item.model.mjs +2 -0
  195. package/esm2022/ecl/shared/models/eui-ecl-language.model.mjs +2 -0
  196. package/esm2022/ecl/shared/models/eui-ecl-menu-item.model.mjs +2 -0
  197. package/esm2022/ecl/shared/models/index.mjs +8 -0
  198. package/esm2022/ecl/shared/services/eui-ecl-default-language.service.mjs +295 -0
  199. package/esm2022/ecl/shared/services/eui-ecl-language.service.mjs +3 -0
  200. package/esm2022/ecl/shared/services/eui-ecl-theme.service.mjs +46 -0
  201. package/esm2022/ecl/shared/services/index.mjs +4 -0
  202. package/esm2022/ecl/shared/utils/constants/constants.mjs +11 -0
  203. package/esm2022/ecl/shared/utils/constants/index.mjs +2 -0
  204. package/esm2022/ecl/shared/utils/directives/eui-ecl-click-outside/eui-ecl-click-outside.directive.mjs +31 -0
  205. package/esm2022/ecl/shared/utils/directives/eui-ecl-click-outside/index.mjs +2 -0
  206. package/esm2022/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.directive.mjs +24 -0
  207. package/esm2022/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.module.mjs +18 -0
  208. package/esm2022/ecl/shared/utils/directives/eui-ecl-hidden/index.mjs +3 -0
  209. package/esm2022/ecl/shared/utils/directives/index.mjs +3 -0
  210. package/esm2022/ecl/shared/utils/dom/dom-helpers.mjs +29 -0
  211. package/esm2022/ecl/shared/utils/dom/index.mjs +2 -0
  212. package/esm2022/ecl/shared/utils/index.mjs +4 -0
  213. package/esm2022/ecl/webcomponents/ecl-message-wc/ecl-message-wc.component.mjs +33 -0
  214. package/esm2022/ecl/webcomponents/ecl-message-wc/eui-components-ecl-webcomponents-ecl-message-wc.mjs +5 -0
  215. package/esm2022/ecl/webcomponents/ecl-message-wc/index.mjs +3 -0
  216. package/esm2022/ecl/webcomponents/ecl-message-wc/module.mjs +27 -0
  217. package/esm2022/ecl/webcomponents/ecl-webcomponents-all/eui-components-ecl-webcomponents-ecl-webcomponents-all.mjs +5 -0
  218. package/esm2022/ecl/webcomponents/ecl-webcomponents-all/index.mjs +2 -0
  219. package/esm2022/ecl/webcomponents/ecl-webcomponents-all/module.mjs +20 -0
  220. package/esm2022/eui-alert/eui-alert.component.mjs +13 -14
  221. package/esm2022/eui-all/eui-all.module.mjs +5 -10
  222. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +14 -82
  223. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +5 -5
  224. package/esm2022/eui-badge/eui-badge.component.mjs +8 -8
  225. package/esm2022/eui-block-content/eui-block-content.component.mjs +5 -5
  226. package/esm2022/eui-block-content/eui-block-content.module.mjs +5 -5
  227. package/esm2022/eui-block-document/eui-block-document.component.mjs +5 -5
  228. package/esm2022/eui-block-document/eui-block-document.module.mjs +5 -5
  229. package/esm2022/eui-button/eui-button.component.mjs +14 -14
  230. package/esm2022/eui-button-group/eui-button-group.component.mjs +9 -9
  231. package/esm2022/eui-buttons/eui-buttons.component.mjs +17 -17
  232. package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +4 -4
  233. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +4 -4
  234. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +4 -4
  235. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +4 -4
  236. package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +4 -4
  237. package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +4 -4
  238. package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +4 -4
  239. package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +4 -4
  240. package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +4 -4
  241. package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +5 -15
  242. package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +4 -4
  243. package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +4 -4
  244. package/esm2022/eui-card/eui-card.component.mjs +12 -18
  245. package/esm2022/eui-card/eui-card.module.mjs +5 -5
  246. package/esm2022/eui-card/services/ui-state.service.mjs +4 -4
  247. package/esm2022/eui-chip/eui-chip.component.mjs +7 -7
  248. package/esm2022/eui-chip/eui-chip.module.mjs +5 -5
  249. package/esm2022/eui-chip-list/eui-chip-list.component.mjs +17 -17
  250. package/esm2022/eui-chip-list/eui-chip-list.module.mjs +5 -5
  251. package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +4 -4
  252. package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +14 -14
  253. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +12 -13
  254. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +4 -5
  255. package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +5 -5
  256. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +16 -37
  257. package/esm2022/eui-datepicker/eui-datepicker.module.mjs +5 -5
  258. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +4 -4
  259. package/esm2022/eui-dialog/eui-dialog.component.mjs +16 -18
  260. package/esm2022/eui-dialog/eui-dialog.module.mjs +5 -5
  261. package/esm2022/eui-dialog/services/eui-dialog.service.mjs +4 -4
  262. package/esm2022/eui-dimmer/dimmer.component.mjs +5 -5
  263. package/esm2022/eui-dimmer/dimmer.module.mjs +5 -5
  264. package/esm2022/eui-disable-content/eui-disable-content.component.mjs +8 -8
  265. package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +8 -6
  266. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +5 -5
  267. package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +8 -6
  268. package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +4 -4
  269. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +7 -7
  270. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +5 -5
  271. package/esm2022/eui-dropdown/eui-dropdown.module.mjs +9 -9
  272. package/esm2022/eui-dropdown/eui-dropdown.service.mjs +4 -4
  273. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +4 -4
  274. package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +5 -5
  275. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +16 -16
  276. package/esm2022/eui-fieldset/eui-fieldset.module.mjs +5 -5
  277. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +9 -10
  278. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +5 -5
  279. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +28 -29
  280. package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +4 -4
  281. package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +4 -4
  282. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +4 -4
  283. package/esm2022/eui-growl/eui-growl.component.mjs +7 -7
  284. package/esm2022/eui-growl/eui-growl.module.mjs +5 -5
  285. package/esm2022/eui-icon/eui-icon-color.component.mjs +4 -4
  286. package/esm2022/eui-icon/eui-icon-svg.component.mjs +4 -4
  287. package/esm2022/eui-icon/eui-icon.component.mjs +4 -4
  288. package/esm2022/eui-icon/eui-icon.module.mjs +5 -5
  289. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +8 -11
  290. package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +5 -5
  291. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +6 -7
  292. package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +5 -5
  293. package/esm2022/eui-input-group/eui-input-group.component.mjs +5 -5
  294. package/esm2022/eui-input-group/eui-input-group.module.mjs +5 -5
  295. package/esm2022/eui-input-number/eui-input-number.component.mjs +5 -5
  296. package/esm2022/eui-input-number/eui-input-number.module.mjs +5 -5
  297. package/esm2022/eui-input-number/eui-number-control.directive.mjs +4 -4
  298. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +5 -5
  299. package/esm2022/eui-input-radio/eui-input-radio.module.mjs +5 -5
  300. package/esm2022/eui-input-text/eui-input-text.component.mjs +7 -7
  301. package/esm2022/eui-input-text/eui-input-text.module.mjs +5 -5
  302. package/esm2022/eui-label/eui-label.component.mjs +4 -4
  303. package/esm2022/eui-label/eui-label.module.mjs +5 -5
  304. package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +6 -6
  305. package/esm2022/eui-list/eui-list.component.mjs +5 -5
  306. package/esm2022/eui-list/eui-list.module.mjs +5 -5
  307. package/esm2022/eui-list/services/eui-list.service.mjs +4 -4
  308. package/esm2022/eui-menu/eui-menu-item.component.mjs +13 -13
  309. package/esm2022/eui-menu/eui-menu.component.mjs +5 -9
  310. package/esm2022/eui-menu/eui-menu.module.mjs +5 -5
  311. package/esm2022/eui-message-box/eui-message-box.component.mjs +13 -15
  312. package/esm2022/eui-message-box/eui-message-box.module.mjs +5 -5
  313. package/esm2022/eui-message-box/services/eui-message-box.service.mjs +4 -4
  314. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +5 -5
  315. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +5 -5
  316. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +7 -7
  317. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +7 -7
  318. package/esm2022/eui-overlay/eui-overlay.component.mjs +8 -8
  319. package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +4 -4
  320. package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +31 -43
  321. package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +6 -6
  322. package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +4 -4
  323. package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +4 -4
  324. package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +11 -11
  325. package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +7 -7
  326. package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +4 -4
  327. package/esm2022/eui-page/eui-page.component.mjs +5 -5
  328. package/esm2022/eui-page/eui-page.module.mjs +5 -5
  329. package/esm2022/eui-paginator/eui-paginator.component.mjs +6 -6
  330. package/esm2022/eui-paginator/eui-paginator.module.mjs +5 -5
  331. package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +4 -4
  332. package/esm2022/eui-popover/eui-popover.component.mjs +10 -13
  333. package/esm2022/eui-popover/eui-popover.module.mjs +5 -5
  334. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +4 -4
  335. package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +5 -5
  336. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +9 -9
  337. package/esm2022/eui-select/eui-select-control.directive.mjs +4 -4
  338. package/esm2022/eui-select/eui-select-multiple.directive.mjs +4 -4
  339. package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +4 -4
  340. package/esm2022/eui-select/eui-select-option.directive.mjs +4 -4
  341. package/esm2022/eui-select/eui-select.component.mjs +5 -5
  342. package/esm2022/eui-select/eui-select.module.mjs +5 -5
  343. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +11 -19
  344. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +5 -5
  345. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +8 -14
  346. package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +5 -5
  347. package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +4 -4
  348. package/esm2022/eui-table/eui-table.component.mjs +4 -6
  349. package/esm2022/eui-table/eui-table.module.mjs +5 -5
  350. package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +4 -4
  351. package/esm2022/eui-table/filter/eui-table-filter.component.mjs +4 -4
  352. package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +4 -4
  353. package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +4 -4
  354. package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +4 -4
  355. package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +4 -4
  356. package/esm2022/eui-table/services/eui-table-sort.service.mjs +4 -4
  357. package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +4 -4
  358. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +5 -5
  359. package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +4 -4
  360. package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +7 -7
  361. package/esm2022/eui-tabs/eui-tabs.component.mjs +8 -19
  362. package/esm2022/eui-tabs/eui-tabs.module.mjs +5 -5
  363. package/esm2022/eui-textarea/auto-resize.directive.mjs +4 -4
  364. package/esm2022/eui-textarea/eui-textarea.component.mjs +5 -5
  365. package/esm2022/eui-textarea/eui-textarea.module.mjs +5 -5
  366. package/esm2022/eui-timebar/eui-timebar.component.mjs +8 -8
  367. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +4 -4
  368. package/esm2022/eui-timeline/eui-timeline.component.mjs +4 -4
  369. package/esm2022/eui-timeline/eui-timeline.module.mjs +5 -5
  370. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +4 -4
  371. package/esm2022/eui-timepicker/eui-timepicker.module.mjs +5 -5
  372. package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +8 -8
  373. package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +8 -8
  374. package/esm2022/eui-tree/eui-tree.component.mjs +8 -8
  375. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +4 -4
  376. package/esm2022/eui-wizard/eui-wizard.component.mjs +4 -4
  377. package/esm2022/eui-wizard/eui-wizard.module.mjs +5 -5
  378. package/esm2022/eui-wizard/services/eui-wizard.service.mjs +4 -4
  379. package/esm2022/externals/charts/chart/chart.component.mjs +4 -4
  380. package/esm2022/externals/charts/eui-charts.module.mjs +5 -5
  381. package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +4 -4
  382. package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +4 -4
  383. package/esm2022/externals/eui-editor/eui-editor.component.mjs +9 -170
  384. package/esm2022/externals/eui-editor/eui-editor.module.mjs +5 -5
  385. package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +4 -4
  386. package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +4 -4
  387. package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +4 -4
  388. package/esm2022/externals/quill/quill-editor.component.mjs +4 -4
  389. package/esm2022/externals/quill/quill.module.mjs +5 -5
  390. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +4 -4
  391. package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +5 -5
  392. package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +5 -5
  393. package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +5 -5
  394. package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +5 -5
  395. package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +5 -5
  396. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +4 -4
  397. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +7 -7
  398. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +6 -6
  399. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +6 -6
  400. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +5 -5
  401. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +9 -10
  402. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +5 -5
  403. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +5 -5
  404. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +5 -5
  405. package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +5 -5
  406. package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +8 -9
  407. package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +5 -5
  408. package/esm2022/layout/eui-app/eui-app.component.mjs +8 -8
  409. package/esm2022/layout/eui-app/eui-app.module.mjs +5 -5
  410. package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +4 -4
  411. package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +5 -5
  412. package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +4 -4
  413. package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +7 -7
  414. package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +4 -4
  415. package/esm2022/layout/eui-footer/footer.component.mjs +5 -5
  416. package/esm2022/layout/eui-footer/footer.module.mjs +5 -5
  417. package/esm2022/layout/eui-header/header-app/header-app.component.mjs +13 -13
  418. package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +4 -4
  419. package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +4 -4
  420. package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +4 -4
  421. package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +4 -4
  422. package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +4 -4
  423. package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +4 -4
  424. package/esm2022/layout/eui-header/header.component.mjs +6 -6
  425. package/esm2022/layout/eui-header/header.module.mjs +5 -5
  426. package/esm2022/layout/eui-language-selector/language-selector.component.mjs +7 -7
  427. package/esm2022/layout/eui-language-selector/language-selector.module.mjs +5 -5
  428. package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +5 -5
  429. package/esm2022/layout/eui-layout.module.mjs +5 -5
  430. package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +4 -4
  431. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +4 -4
  432. package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +5 -5
  433. package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +4 -4
  434. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +4 -4
  435. package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +5 -5
  436. package/esm2022/layout/eui-search/search.component.mjs +4 -4
  437. package/esm2022/layout/eui-search/search.module.mjs +5 -5
  438. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +4 -4
  439. package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +5 -5
  440. package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +6 -6
  441. package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +4 -4
  442. package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +6 -6
  443. package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +4 -4
  444. package/esm2022/layout/eui-toolbar/toolbar-item-notifications/toolbar-item-notifications.component.mjs +4 -4
  445. package/esm2022/layout/eui-toolbar/toolbar-item-search/toolbar-item-search.component.mjs +4 -4
  446. package/esm2022/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +4 -4
  447. package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +4 -4
  448. package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +4 -4
  449. package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +12 -12
  450. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +6 -6
  451. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +5 -5
  452. package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +4 -4
  453. package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +4 -4
  454. package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +4 -4
  455. package/esm2022/layout/eui-user-profile/user-profile.component.mjs +6 -6
  456. package/esm2022/layout/eui-user-profile/user-profile.module.mjs +5 -5
  457. package/esm2022/pipes/eui-is-empty.pipe.mjs +8 -8
  458. package/esm2022/pipes/eui-truncate.pipe.mjs +8 -8
  459. package/esm2022/shared/base/base-states.directive.mjs +4 -4
  460. package/esm2022/shared/base/base.directive.mjs +4 -4
  461. package/esm2022/shared/eui-common-header/common-header.component.mjs +9 -9
  462. package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +9 -9
  463. package/esm2022/shared/input.directive.mjs +4 -4
  464. package/eui-alert/eui-alert.component.d.ts +2 -2
  465. package/eui-alert/eui-alert.component.d.ts.map +1 -1
  466. package/eui-all/eui-all.module.d.ts +23 -24
  467. package/eui-all/eui-all.module.d.ts.map +1 -1
  468. package/eui-autocomplete/eui-autocomplete.component.d.ts +4 -26
  469. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  470. package/eui-badge/eui-badge.component.d.ts +1 -1
  471. package/eui-badge/eui-badge.component.d.ts.map +1 -1
  472. package/eui-buttons/eui-buttons.component.d.ts +5 -2
  473. package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
  474. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +1 -5
  475. package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
  476. package/eui-card/eui-card.component.d.ts +1 -3
  477. package/eui-card/eui-card.component.d.ts.map +1 -1
  478. package/eui-chip-list/eui-chip-list.component.d.ts +5 -20
  479. package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
  480. package/eui-dashboard-card/eui-dashboard-card.component.d.ts +3 -3
  481. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  482. package/eui-date-range-selector/eui-date-range-selector.component.d.ts +0 -1
  483. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  484. package/eui-datepicker/eui-datepicker.component.d.ts +1 -10
  485. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  486. package/eui-dialog/eui-dialog.component.d.ts +3 -3
  487. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  488. package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
  489. package/eui-discussion-thread/eui-discussion-thread.module.d.ts +3 -1
  490. package/eui-discussion-thread/eui-discussion-thread.module.d.ts.map +1 -1
  491. package/eui-fieldset/eui-fieldset.component.d.ts +2 -2
  492. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  493. package/eui-file-upload/eui-file-upload.component.d.ts +4 -4
  494. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  495. package/eui-file-upload/file-preview/file-preview.component.d.ts +1 -0
  496. package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
  497. package/eui-file-upload/pipes/filesize.pipe.d.ts.map +1 -1
  498. package/eui-growl/eui-growl.component.d.ts +4 -11
  499. package/eui-growl/eui-growl.component.d.ts.map +1 -1
  500. package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
  501. package/eui-input-checkbox/eui-input-checkbox.component.d.ts +1 -1
  502. package/eui-input-checkbox/eui-input-checkbox.component.d.ts.map +1 -1
  503. package/eui-menu/eui-menu-item.component.d.ts +3 -3
  504. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  505. package/eui-menu/eui-menu.component.d.ts +1 -6
  506. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  507. package/eui-message-box/eui-message-box.component.d.ts +3 -3
  508. package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
  509. package/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.d.ts.map +1 -1
  510. package/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.d.ts.map +1 -1
  511. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts +3 -7
  512. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  513. package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
  514. package/eui-page/components/eui-page-footer/eui-page-footer.component.d.ts.map +1 -1
  515. package/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.d.ts.map +1 -1
  516. package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
  517. package/eui-popover/eui-popover.component.d.ts +3 -4
  518. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  519. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -6
  520. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  521. package/eui-slide-toggle/eui-slide-toggle.component.d.ts +2 -4
  522. package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
  523. package/eui-table/eui-table.component.d.ts +1 -5
  524. package/eui-table/eui-table.component.d.ts.map +1 -1
  525. package/eui-tabs/eui-tabs.component.d.ts +1 -11
  526. package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
  527. package/externals/eui-editor/eui-editor.component.d.ts +1 -73
  528. package/externals/eui-editor/eui-editor.component.d.ts.map +1 -1
  529. package/fesm2022/eui-components-directives.mjs +77 -82
  530. package/fesm2022/eui-components-directives.mjs.map +1 -1
  531. package/fesm2022/eui-components-ecl-eui-ecl-banner.mjs +274 -0
  532. package/fesm2022/eui-components-ecl-eui-ecl-banner.mjs.map +1 -0
  533. package/fesm2022/eui-components-ecl-eui-ecl-button.mjs +89 -0
  534. package/fesm2022/eui-components-ecl-eui-ecl-button.mjs.map +1 -0
  535. package/fesm2022/eui-components-ecl-eui-ecl-carousel.mjs +402 -0
  536. package/fesm2022/eui-components-ecl-eui-ecl-carousel.mjs.map +1 -0
  537. package/fesm2022/eui-components-ecl-eui-ecl-icon.mjs +145 -0
  538. package/fesm2022/eui-components-ecl-eui-ecl-icon.mjs.map +1 -0
  539. package/fesm2022/eui-components-ecl-eui-ecl-label.mjs +48 -0
  540. package/fesm2022/eui-components-ecl-eui-ecl-label.mjs.map +1 -0
  541. package/fesm2022/eui-components-ecl-eui-ecl-link.mjs +140 -0
  542. package/fesm2022/eui-components-ecl-eui-ecl-link.mjs.map +1 -0
  543. package/fesm2022/eui-components-ecl-eui-ecl-message.mjs +125 -0
  544. package/fesm2022/eui-components-ecl-eui-ecl-message.mjs.map +1 -0
  545. package/fesm2022/eui-components-ecl-shared.mjs +507 -0
  546. package/fesm2022/eui-components-ecl-shared.mjs.map +1 -0
  547. package/fesm2022/eui-components-ecl-webcomponents-ecl-message-wc.mjs +63 -0
  548. package/fesm2022/eui-components-ecl-webcomponents-ecl-message-wc.mjs.map +1 -0
  549. package/fesm2022/eui-components-ecl-webcomponents-ecl-webcomponents-all.mjs +27 -0
  550. package/fesm2022/eui-components-ecl-webcomponents-ecl-webcomponents-all.mjs.map +1 -0
  551. package/fesm2022/eui-components-eui-alert.mjs +12 -13
  552. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  553. package/fesm2022/eui-components-eui-all.mjs +4 -9
  554. package/fesm2022/eui-components-eui-all.mjs.map +1 -1
  555. package/fesm2022/eui-components-eui-autocomplete.mjs +17 -85
  556. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  557. package/fesm2022/eui-components-eui-badge.mjs +7 -7
  558. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  559. package/fesm2022/eui-components-eui-block-content.mjs +8 -8
  560. package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
  561. package/fesm2022/eui-components-eui-block-document.mjs +8 -8
  562. package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
  563. package/fesm2022/eui-components-eui-button-group.mjs +8 -8
  564. package/fesm2022/eui-components-eui-button-group.mjs.map +1 -1
  565. package/fesm2022/eui-components-eui-button.mjs +13 -13
  566. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  567. package/fesm2022/eui-components-eui-buttons.mjs +16 -16
  568. package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
  569. package/fesm2022/eui-components-eui-card.mjs +55 -71
  570. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  571. package/fesm2022/eui-components-eui-chip-list.mjs +23 -23
  572. package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
  573. package/fesm2022/eui-components-eui-chip.mjs +10 -10
  574. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  575. package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
  576. package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
  577. package/fesm2022/eui-components-eui-dashboard-card.mjs +11 -12
  578. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
  579. package/fesm2022/eui-components-eui-date-range-selector.mjs +7 -8
  580. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  581. package/fesm2022/eui-components-eui-datepicker.mjs +19 -40
  582. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  583. package/fesm2022/eui-components-eui-dialog.mjs +25 -27
  584. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  585. package/fesm2022/eui-components-eui-dimmer.mjs +8 -8
  586. package/fesm2022/eui-components-eui-dimmer.mjs.map +1 -1
  587. package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
  588. package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
  589. package/fesm2022/eui-components-eui-discussion-thread.mjs +18 -14
  590. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  591. package/fesm2022/eui-components-eui-dropdown.mjs +24 -24
  592. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  593. package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
  594. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  595. package/fesm2022/eui-components-eui-fieldset.mjs +19 -19
  596. package/fesm2022/eui-components-eui-fieldset.mjs.map +1 -1
  597. package/fesm2022/eui-components-eui-file-upload.mjs +48 -50
  598. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  599. package/fesm2022/eui-components-eui-growl.mjs +10 -10
  600. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  601. package/fesm2022/eui-components-eui-icon-toggle.mjs +11 -14
  602. package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
  603. package/fesm2022/eui-components-eui-icon.mjs +13 -13
  604. package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
  605. package/fesm2022/eui-components-eui-input-checkbox.mjs +9 -10
  606. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  607. package/fesm2022/eui-components-eui-input-group.mjs +8 -8
  608. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  609. package/fesm2022/eui-components-eui-input-number.mjs +11 -11
  610. package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
  611. package/fesm2022/eui-components-eui-input-radio.mjs +8 -8
  612. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  613. package/fesm2022/eui-components-eui-input-text.mjs +10 -10
  614. package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
  615. package/fesm2022/eui-components-eui-label.mjs +7 -7
  616. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  617. package/fesm2022/eui-components-eui-list.mjs +16 -16
  618. package/fesm2022/eui-components-eui-list.mjs.map +1 -1
  619. package/fesm2022/eui-components-eui-menu.mjs +20 -24
  620. package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
  621. package/fesm2022/eui-components-eui-message-box.mjs +19 -21
  622. package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
  623. package/fesm2022/eui-components-eui-overlay.mjs +26 -26
  624. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  625. package/fesm2022/eui-components-eui-page.mjs +69 -81
  626. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  627. package/fesm2022/eui-components-eui-paginator.mjs +9 -9
  628. package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
  629. package/fesm2022/eui-components-eui-popover.mjs +16 -19
  630. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  631. package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
  632. package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
  633. package/fesm2022/eui-components-eui-progress-circle.mjs +8 -8
  634. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  635. package/fesm2022/eui-components-eui-select.mjs +20 -20
  636. package/fesm2022/eui-components-eui-select.mjs.map +1 -1
  637. package/fesm2022/eui-components-eui-sidebar-menu.mjs +14 -22
  638. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
  639. package/fesm2022/eui-components-eui-slide-toggle.mjs +11 -17
  640. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  641. package/fesm2022/eui-components-eui-table.mjs +34 -36
  642. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  643. package/fesm2022/eui-components-eui-tabs.mjs +24 -35
  644. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  645. package/fesm2022/eui-components-eui-textarea.mjs +11 -11
  646. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  647. package/fesm2022/eui-components-eui-timebar.mjs +7 -7
  648. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  649. package/fesm2022/eui-components-eui-timeline.mjs +10 -10
  650. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  651. package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
  652. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  653. package/fesm2022/eui-components-eui-tree.mjs +21 -21
  654. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  655. package/fesm2022/eui-components-eui-wizard.mjs +13 -13
  656. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  657. package/fesm2022/eui-components-externals-charts.mjs +7 -7
  658. package/fesm2022/eui-components-externals-charts.mjs.map +1 -1
  659. package/fesm2022/eui-components-externals-eui-editor.mjs +27 -188
  660. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  661. package/fesm2022/eui-components-externals-quill.mjs +7 -7
  662. package/fesm2022/eui-components-externals-quill.mjs.map +1 -1
  663. package/fesm2022/eui-components-layout.mjs +269 -271
  664. package/fesm2022/eui-components-layout.mjs.map +1 -1
  665. package/fesm2022/eui-components-pipes.mjs +14 -14
  666. package/fesm2022/eui-components-pipes.mjs.map +1 -1
  667. package/fesm2022/eui-components-shared-base.mjs +6 -6
  668. package/fesm2022/eui-components-shared-base.mjs.map +1 -1
  669. package/fesm2022/eui-components-shared.mjs +19 -19
  670. package/fesm2022/eui-components-shared.mjs.map +1 -1
  671. package/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.d.ts.map +1 -1
  672. package/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.d.ts.map +1 -1
  673. package/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.d.ts.map +1 -1
  674. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +2 -2
  675. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  676. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts +2 -2
  677. package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
  678. package/layout/eui-header/header.component.d.ts.map +1 -1
  679. package/layout/eui-language-selector/language-selector.component.d.ts.map +1 -1
  680. package/layout/eui-toolbar/toolbar-app/toolbar-app.component.d.ts.map +1 -1
  681. package/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.d.ts.map +1 -1
  682. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts +2 -2
  683. package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
  684. package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
  685. package/package.json +78 -24
  686. package/pipes/eui-truncate.pipe.d.ts.map +1 -1
  687. package/esm2022/eui-picker/eui-components-eui-picker.mjs +0 -5
  688. package/esm2022/eui-picker/eui-picker.component.mjs +0 -164
  689. package/esm2022/eui-picker/eui-picker.module.mjs +0 -41
  690. package/esm2022/eui-picker/index.mjs +0 -4
  691. package/esm2022/eui-picker/modal-picker/eui-modal-picker.component.mjs +0 -72
  692. package/esm2022/eui-picker/models/eui-picker-item.model.mjs +0 -7
  693. package/eui-picker/eui-components-eui-picker.d.ts.map +0 -1
  694. package/eui-picker/eui-picker.component.d.ts +0 -55
  695. package/eui-picker/eui-picker.component.d.ts.map +0 -1
  696. package/eui-picker/eui-picker.module.d.ts +0 -16
  697. package/eui-picker/eui-picker.module.d.ts.map +0 -1
  698. package/eui-picker/index.d.ts +0 -4
  699. package/eui-picker/index.d.ts.map +0 -1
  700. package/eui-picker/modal-picker/eui-modal-picker.component.d.ts +0 -22
  701. package/eui-picker/modal-picker/eui-modal-picker.component.d.ts.map +0 -1
  702. package/eui-picker/models/eui-picker-item.model.d.ts +0 -7
  703. package/eui-picker/models/eui-picker-item.model.d.ts.map +0 -1
  704. package/fesm2022/eui-components-eui-picker.mjs +0 -277
  705. package/fesm2022/eui-components-eui-picker.mjs.map +0 -1
package/fesm2022/eui-components-eui-menu.mjs CHANGED
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
3
3
  import * as i1$1 from '@angular/router';
4
4
  import { RouterModule } from '@angular/router';
5
5
  import * as i0 from '@angular/core';
6
- import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, HostBinding, HostListener, NgModule } from '@angular/core';
6
+ import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
7
7
  import * as i3 from '@eui/components/eui-icon';
8
8
  import { EuiIconModule } from '@eui/components/eui-icon';
9
9
  import * as i4 from '@eui/components/eui-chip';
@@ -39,8 +39,8 @@ class EuiMenuItemComponent extends BaseDirective {
39
39
  }
40
40
  constructor() {
41
41
  super();
42
- this.expandToggled = new EventEmitter();
43
- this.clicked = new EventEmitter();
42
+ this.expandToggle = new EventEmitter();
43
+ this.itemClick = new EventEmitter();
44
44
  this.expandMenuLabel = 'Expand';
45
45
  this.collapseMenuLabel = 'Collapse';
46
46
  this.isUrlItem = false;
@@ -59,7 +59,7 @@ class EuiMenuItemComponent extends BaseDirective {
59
59
  return [super.getCssClasses('eui-menu-item')].join(' ').trim();
60
60
  }
61
61
  stopPropagation(event) {
62
- this.clicked.emit(this.item);
62
+ this.itemClick.emit(this.item);
63
63
  event.stopPropagation();
64
64
  }
65
65
  get menuItemTooltip() {
@@ -76,11 +76,11 @@ class EuiMenuItemComponent extends BaseDirective {
76
76
  }
77
77
  }
78
78
  onClick(event) {
79
- this.clicked.emit(this.item);
79
+ this.itemClick.emit(this.item);
80
80
  consumeEvent(event);
81
81
  }
82
82
  onExpandToggle(event) {
83
- this.expandToggled.emit(this.item);
83
+ this.expandToggle.emit(this.item);
84
84
  consumeEvent(event);
85
85
  }
86
86
  onActionIconClick($event) {
@@ -99,17 +99,17 @@ class EuiMenuItemComponent extends BaseDirective {
99
99
  }
100
100
  return null;
101
101
  }
102
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
103
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [attr.data-e2e]=\"item.e2eAttr\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.actionIcon\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n type=\"button\"\n class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n [euiDisabled]=\"item.disabled\"\n [attr.aria-label]=\"item.actionIcon?.label\"\n (click)=\"onActionIconClick($event)\">\n <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n </button>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\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: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.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: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "content", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
102
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
103
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [attr.data-e2e]=\"item.e2eAttr\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.actionIcon\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n type=\"button\"\n class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n [euiDisabled]=\"item.disabled\"\n [attr.aria-label]=\"item.actionIcon?.label\"\n (click)=\"onActionIconClick($event)\">\n <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n </button>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\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: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.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: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
104
104
  }
105
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
105
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
106
106
  type: Component,
107
- args: [{ selector: 'eui-menu-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [attr.data-e2e]=\"item.e2eAttr\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.actionIcon\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n type=\"button\"\n class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n [euiDisabled]=\"item.disabled\"\n [attr.aria-label]=\"item.actionIcon?.label\"\n (click)=\"onActionIconClick($event)\">\n <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n </button>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
107
+ args: [{ selector: 'eui-menu-item', encapsulation: ViewEncapsulation.None, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [attr.data-e2e]=\"item.e2eAttr\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"none\"\n [attr.data-e2e]=\"item.e2eAttr\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\">\n <a\n (click)=\"onClick($event)\"\n [tabindex]=\"item.disabled ? '-1' : '0'\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n [attr.aria-expanded]=\"item.children && item.expanded ? true : false\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.actionIcon\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n type=\"button\"\n class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n [euiDisabled]=\"item.disabled\"\n [attr.aria-label]=\"item.actionIcon?.label\"\n (click)=\"onActionIconClick($event)\">\n <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n </button>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
108
108
  }], ctorParameters: () => [], propDecorators: { item: [{
109
109
  type: Input
110
- }], expandToggled: [{
110
+ }], expandToggle: [{
111
111
  type: Output
112
- }], clicked: [{
112
+ }], itemClick: [{
113
113
  type: Output
114
114
  }], hasIcon: [{
115
115
  type: Input
@@ -377,20 +377,16 @@ class EuiMenuComponent extends BaseDirective {
377
377
  this.expandToGivenItem(item.parent);
378
378
  }
379
379
  }
380
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
381
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.7", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", expandMenuLabel: "expandMenuLabel", collapseMenuLabel: "collapseMenuLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: "isCollapsed", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n <div class=\"eui-menu-filter__input-wrapper\">\n <input\n euiInputText\n [euiClearable]=\"true\"\n (input)=\"onFilter($event)\"\n class=\"eui-menu-filter__input\"\n [placeholder]=\"searchFilterLabel\"\n [attr.aria-label]=\"searchFilterLabel\" />\n <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf=\"item.filtered\"\n [item]=\"item\"\n [hasIcon]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n (expandToggled)=\"onExpandToggle($event)\"\n (clicked)=\"onClick($event)\">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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: i4$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggled", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
380
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
381
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: "isCollapsed", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n <div class=\"eui-menu-filter__input-wrapper\">\n <input\n euiInputText\n [euiClearable]=\"true\"\n (input)=\"onFilter($event)\"\n class=\"eui-menu-filter__input\"\n [placeholder]=\"searchFilterLabel\"\n [attr.aria-label]=\"searchFilterLabel\" />\n <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf=\"item.filtered\"\n [item]=\"item\"\n [hasIcon]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n (expandToggle)=\"onExpandToggle($event)\"\n (itemClick)=\"onClick($event)\">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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: i4$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggle", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
382
382
  }
383
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuComponent, decorators: [{
383
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuComponent, decorators: [{
384
384
  type: Component,
385
- args: [{ selector: 'eui-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n <div class=\"eui-menu-filter__input-wrapper\">\n <input\n euiInputText\n [euiClearable]=\"true\"\n (input)=\"onFilter($event)\"\n class=\"eui-menu-filter__input\"\n [placeholder]=\"searchFilterLabel\"\n [attr.aria-label]=\"searchFilterLabel\" />\n <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf=\"item.filtered\"\n [item]=\"item\"\n [hasIcon]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n (expandToggled)=\"onExpandToggle($event)\"\n (clicked)=\"onClick($event)\">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
385
+ args: [{ selector: 'eui-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n <div class=\"eui-menu-filter__input-wrapper\">\n <input\n euiInputText\n [euiClearable]=\"true\"\n (input)=\"onFilter($event)\"\n class=\"eui-menu-filter__input\"\n [placeholder]=\"searchFilterLabel\"\n [attr.aria-label]=\"searchFilterLabel\" />\n <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf=\"item.filtered\"\n [item]=\"item\"\n [hasIcon]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [isCollapsed]=\"isCollapsed\"\n (expandToggle)=\"onExpandToggle($event)\"\n (itemClick)=\"onClick($event)\">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-15);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
386
386
  }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }], propDecorators: { items: [{
387
387
  type: Input
388
388
  }], searchFilterLabel: [{
389
389
  type: Input
390
- }], expandMenuLabel: [{
391
- type: Input
392
- }], collapseMenuLabel: [{
393
- type: Input
394
390
  }], externalLinkLabel: [{
395
391
  type: Input
396
392
  }], fragmentId: [{
@@ -418,11 +414,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
418
414
  }] } });
419
415
 
420
416
  class EuiMenuModule {
421
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
422
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuModule, declarations: [EuiMenuComponent, EuiMenuItemComponent], imports: [CommonModule, RouterModule, EuiIconModule, EuiChipModule, EuiButtonModule, EuiInputTextModule, EuiTooltipDirectiveModule], exports: [EuiMenuComponent] }); }
423
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuModule, imports: [CommonModule, RouterModule, EuiIconModule, EuiChipModule, EuiButtonModule, EuiInputTextModule, EuiTooltipDirectiveModule] }); }
417
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
418
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuModule, declarations: [EuiMenuComponent, EuiMenuItemComponent], imports: [CommonModule, RouterModule, EuiIconModule, EuiChipModule, EuiButtonModule, EuiInputTextModule, EuiTooltipDirectiveModule], exports: [EuiMenuComponent] }); }
419
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuModule, imports: [CommonModule, RouterModule, EuiIconModule, EuiChipModule, EuiButtonModule, EuiInputTextModule, EuiTooltipDirectiveModule] }); }
424
420
  }
425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiMenuModule, decorators: [{
421
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiMenuModule, decorators: [{
426
422
  type: NgModule,
427
423
  args: [{
428
424
  imports: [CommonModule, RouterModule, EuiIconModule, EuiChipModule, EuiButtonModule, EuiInputTextModule, EuiTooltipDirectiveModule],