@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

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 (737) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-6817cfbb.js → helpers-02b23286.js} +65 -155
  4. package/dist/cjs/helpers-02b23286.js.map +1 -0
  5. package/dist/cjs/{helpers-33b42cd6.js → helpers-ce248d54.js} +80 -29
  6. package/dist/cjs/helpers-ce248d54.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +49 -4
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-horizontal.cjs.entry.js +33 -35
  24. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  26. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  28. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  30. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  32. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  37. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-data-table.cjs.entry.js +377 -110
  39. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-date-input.cjs.entry.js +29 -18
  41. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-date-picker.cjs.entry.js +16 -5
  43. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-dialog.cjs.entry.js +32 -9
  45. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  47. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-empty-state_2.cjs.entry.js +118 -50
  49. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  51. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-footer-link.cjs.entry.js +8 -7
  53. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  55. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  57. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  59. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1016 -0
  61. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -0
  62. package/dist/cjs/ic-input-label_2.cjs.entry.js +82 -0
  63. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -0
  64. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  65. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  67. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  69. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  71. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  73. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  75. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  77. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  79. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-pagination_4.cjs.entry.js +267 -112
  81. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  83. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-radio-group.cjs.entry.js +60 -29
  85. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  87. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  89. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  91. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  93. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  95. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  97. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  99. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  101. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  103. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  105. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  109. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  111. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  113. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  115. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  117. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  119. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-tree-item.cjs.entry.js +27 -16
  121. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-tree-view.cjs.entry.js +44 -24
  123. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  125. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  126. package/dist/cjs/index-4cf27b16.js +4 -12
  127. package/dist/cjs/loader.cjs.js +1 -1
  128. package/dist/collection/collection-manifest.json +0 -2
  129. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +26 -26
  130. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +63 -38
  131. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  132. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
  133. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
  134. package/dist/collection/components/ic-data-table/ic-data-table.css +194 -26
  135. package/dist/collection/components/ic-data-table/ic-data-table.js +479 -129
  136. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  137. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  138. package/dist/collection/components/ic-data-table/story-data.js +460 -7
  139. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +123 -29
  141. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  142. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +15 -10
  143. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
  144. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  145. package/dist/collection/components/ic-date-input/ic-date-input.css +74 -9
  146. package/dist/collection/components/ic-date-input/ic-date-input.js +73 -18
  147. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  148. package/dist/collection/components/ic-date-picker/ic-date-picker.css +18 -16
  149. package/dist/collection/components/ic-date-picker/ic-date-picker.js +59 -4
  150. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  151. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +4 -7
  152. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +230 -53
  153. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  154. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  155. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  156. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +20 -2
  157. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  158. package/dist/collection/components/ic-tree-item/ic-tree-item.css +51 -26
  159. package/dist/collection/components/ic-tree-item/ic-tree-item.js +89 -44
  160. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  161. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
  162. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
  163. package/dist/collection/components/ic-tree-view/ic-tree-view.css +31 -8
  164. package/dist/collection/components/ic-tree-view/ic-tree-view.js +116 -38
  165. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  166. package/dist/collection/utils/helpers.js +53 -34
  167. package/dist/collection/utils/helpers.js.map +1 -1
  168. package/dist/collection/utils/types.js +6 -6
  169. package/dist/collection/utils/types.js.map +1 -1
  170. package/dist/components/helpers.js +73 -26
  171. package/dist/components/helpers.js.map +1 -1
  172. package/dist/components/helpers2.js +60 -145
  173. package/dist/components/helpers2.js.map +1 -1
  174. package/dist/components/ic-accordion-group.js +11 -11
  175. package/dist/components/ic-accordion-group.js.map +1 -1
  176. package/dist/components/ic-accordion.js +14 -6
  177. package/dist/components/ic-accordion.js.map +1 -1
  178. package/dist/components/ic-alert.js +12 -16
  179. package/dist/components/ic-alert.js.map +1 -1
  180. package/dist/components/ic-back-to-top.js +9 -5
  181. package/dist/components/ic-back-to-top.js.map +1 -1
  182. package/dist/components/ic-badge.js +28 -5
  183. package/dist/components/ic-badge.js.map +1 -1
  184. package/dist/components/ic-breadcrumb-group.js +44 -20
  185. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  186. package/dist/components/ic-breadcrumb2.js +51 -4
  187. package/dist/components/ic-breadcrumb2.js.map +1 -1
  188. package/dist/components/ic-button2.js +21 -20
  189. package/dist/components/ic-button2.js.map +1 -1
  190. package/dist/components/ic-card-horizontal.js +38 -37
  191. package/dist/components/ic-card-horizontal.js.map +1 -1
  192. package/dist/components/ic-card-vertical.js +54 -50
  193. package/dist/components/ic-card-vertical.js.map +1 -1
  194. package/dist/components/ic-checkbox-group.js +25 -7
  195. package/dist/components/ic-checkbox-group.js.map +1 -1
  196. package/dist/components/ic-checkbox.js +12 -4
  197. package/dist/components/ic-checkbox.js.map +1 -1
  198. package/dist/components/ic-chip.js +32 -16
  199. package/dist/components/ic-chip.js.map +1 -1
  200. package/dist/components/ic-classification-banner.js +1 -1
  201. package/dist/components/ic-classification-banner.js.map +1 -1
  202. package/dist/components/ic-data-row.js +1 -1
  203. package/dist/components/ic-data-table-title-bar.js +6 -6
  204. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  205. package/dist/components/ic-data-table.js +382 -110
  206. package/dist/components/ic-data-table.js.map +1 -1
  207. package/dist/components/ic-date-input2.js +32 -18
  208. package/dist/components/ic-date-input2.js.map +1 -1
  209. package/dist/components/ic-date-picker.js +19 -5
  210. package/dist/components/ic-date-picker.js.map +1 -1
  211. package/dist/components/ic-dialog.js +33 -9
  212. package/dist/components/ic-dialog.js.map +1 -1
  213. package/dist/components/ic-divider2.js +89 -12
  214. package/dist/components/ic-divider2.js.map +1 -1
  215. package/dist/components/ic-empty-state2.js +10 -17
  216. package/dist/components/ic-empty-state2.js.map +1 -1
  217. package/dist/components/ic-footer-link-group.js +7 -8
  218. package/dist/components/ic-footer-link-group.js.map +1 -1
  219. package/dist/components/ic-footer-link.js +9 -8
  220. package/dist/components/ic-footer-link.js.map +1 -1
  221. package/dist/components/ic-footer.js +25 -15
  222. package/dist/components/ic-footer.js.map +1 -1
  223. package/dist/components/ic-hero.js +9 -17
  224. package/dist/components/ic-hero.js.map +1 -1
  225. package/dist/components/ic-horizontal-scroll2.js +19 -9
  226. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  227. package/dist/components/ic-input-component-container2.js +23 -32
  228. package/dist/components/ic-input-component-container2.js.map +1 -1
  229. package/dist/components/ic-input-label2.js +19 -20
  230. package/dist/components/ic-input-label2.js.map +1 -1
  231. package/dist/components/ic-input-validation2.js +9 -9
  232. package/dist/components/ic-input-validation2.js.map +1 -1
  233. package/dist/components/ic-link2.js +13 -15
  234. package/dist/components/ic-link2.js.map +1 -1
  235. package/dist/components/ic-loading-indicator2.js +11 -9
  236. package/dist/components/ic-loading-indicator2.js.map +1 -1
  237. package/dist/components/ic-menu-group.js +2 -2
  238. package/dist/components/ic-menu-group.js.map +1 -1
  239. package/dist/components/ic-menu-item2.js +30 -21
  240. package/dist/components/ic-menu-item2.js.map +1 -1
  241. package/dist/components/ic-menu2.js +472 -175
  242. package/dist/components/ic-menu2.js.map +1 -1
  243. package/dist/components/ic-navigation-button.js +13 -9
  244. package/dist/components/ic-navigation-button.js.map +1 -1
  245. package/dist/components/ic-navigation-group.js +12 -9
  246. package/dist/components/ic-navigation-group.js.map +1 -1
  247. package/dist/components/ic-navigation-item.js +64 -10
  248. package/dist/components/ic-navigation-item.js.map +1 -1
  249. package/dist/components/ic-navigation-menu2.js +6 -4
  250. package/dist/components/ic-navigation-menu2.js.map +1 -1
  251. package/dist/components/ic-page-header.js +9 -6
  252. package/dist/components/ic-page-header.js.map +1 -1
  253. package/dist/components/ic-pagination-bar2.js +123 -39
  254. package/dist/components/ic-pagination-bar2.js.map +1 -1
  255. package/dist/components/ic-pagination-item2.js +15 -12
  256. package/dist/components/ic-pagination-item2.js.map +1 -1
  257. package/dist/components/ic-pagination2.js +25 -15
  258. package/dist/components/ic-pagination2.js.map +1 -1
  259. package/dist/components/ic-popover-menu.js +50 -26
  260. package/dist/components/ic-popover-menu.js.map +1 -1
  261. package/dist/components/ic-radio-group.js +63 -30
  262. package/dist/components/ic-radio-group.js.map +1 -1
  263. package/dist/components/ic-radio-option.js +45 -23
  264. package/dist/components/ic-radio-option.js.map +1 -1
  265. package/dist/components/ic-search-bar.js +70 -81
  266. package/dist/components/ic-search-bar.js.map +1 -1
  267. package/dist/components/ic-select2.js +196 -67
  268. package/dist/components/ic-select2.js.map +1 -1
  269. package/dist/components/ic-side-navigation.js +17 -12
  270. package/dist/components/ic-side-navigation.js.map +1 -1
  271. package/dist/components/ic-skeleton.js +5 -5
  272. package/dist/components/ic-skeleton.js.map +1 -1
  273. package/dist/components/ic-status-tag.js +5 -3
  274. package/dist/components/ic-status-tag.js.map +1 -1
  275. package/dist/components/ic-step.js +4 -4
  276. package/dist/components/ic-step.js.map +1 -1
  277. package/dist/components/ic-stepper.js +14 -3
  278. package/dist/components/ic-stepper.js.map +1 -1
  279. package/dist/components/ic-switch.js +24 -18
  280. package/dist/components/ic-switch.js.map +1 -1
  281. package/dist/components/ic-tab-context.js +60 -123
  282. package/dist/components/ic-tab-context.js.map +1 -1
  283. package/dist/components/ic-tab-group.js +2 -18
  284. package/dist/components/ic-tab-group.js.map +1 -1
  285. package/dist/components/ic-tab-panel.js +1 -1
  286. package/dist/components/ic-tab-panel.js.map +1 -1
  287. package/dist/components/ic-tab.js +10 -8
  288. package/dist/components/ic-tab.js.map +1 -1
  289. package/dist/components/ic-text-field2.js +46 -24
  290. package/dist/components/ic-text-field2.js.map +1 -1
  291. package/dist/components/ic-theme.js +22 -22
  292. package/dist/components/ic-theme.js.map +1 -1
  293. package/dist/components/ic-toast.js +4 -4
  294. package/dist/components/ic-toast.js.map +1 -1
  295. package/dist/components/ic-toggle-button-group.js +75 -14
  296. package/dist/components/ic-toggle-button-group.js.map +1 -1
  297. package/dist/components/ic-toggle-button.js +76 -17
  298. package/dist/components/ic-toggle-button.js.map +1 -1
  299. package/dist/components/ic-tooltip2.js +1 -1
  300. package/dist/components/ic-tooltip2.js.map +1 -1
  301. package/dist/components/ic-top-navigation.js +15 -8
  302. package/dist/components/ic-top-navigation.js.map +1 -1
  303. package/dist/components/ic-tree-item.js +32 -18
  304. package/dist/components/ic-tree-item.js.map +1 -1
  305. package/dist/components/ic-tree-view.js +53 -28
  306. package/dist/components/ic-tree-view.js.map +1 -1
  307. package/dist/components/ic-typography2.js +4 -2
  308. package/dist/components/ic-typography2.js.map +1 -1
  309. package/dist/core/core.css +1607 -77
  310. package/dist/core/core.esm.js +1 -1
  311. package/dist/core/core.esm.js.map +1 -1
  312. package/dist/core/p-007293a4.entry.js +2 -0
  313. package/dist/core/p-007293a4.entry.js.map +1 -0
  314. package/dist/core/{p-5f5403e2.entry.js → p-01ab3a15.entry.js} +2 -2
  315. package/dist/core/{p-5f5403e2.entry.js.map → p-01ab3a15.entry.js.map} +1 -1
  316. package/dist/core/p-01e4affd.entry.js +2 -0
  317. package/dist/core/p-01e4affd.entry.js.map +1 -0
  318. package/dist/core/p-052a9f31.entry.js +2 -0
  319. package/dist/core/p-052a9f31.entry.js.map +1 -0
  320. package/dist/core/p-059c08a0.entry.js +2 -0
  321. package/dist/core/p-059c08a0.entry.js.map +1 -0
  322. package/dist/core/p-07784e04.entry.js +2 -0
  323. package/dist/core/p-07784e04.entry.js.map +1 -0
  324. package/dist/core/p-0c225c1a.entry.js +2 -0
  325. package/dist/core/p-0c225c1a.entry.js.map +1 -0
  326. package/dist/core/p-14a6e578.entry.js +2 -0
  327. package/dist/core/p-14a6e578.entry.js.map +1 -0
  328. package/dist/core/p-1684a003.entry.js +2 -0
  329. package/dist/core/p-1684a003.entry.js.map +1 -0
  330. package/dist/core/p-1af4b9c1.entry.js +2 -0
  331. package/dist/core/p-1af4b9c1.entry.js.map +1 -0
  332. package/dist/core/p-1bf881bb.entry.js +2 -0
  333. package/dist/core/p-1bf881bb.entry.js.map +1 -0
  334. package/dist/core/p-1eb21184.entry.js +2 -0
  335. package/dist/core/p-1eb21184.entry.js.map +1 -0
  336. package/dist/core/p-2039e996.entry.js +2 -0
  337. package/dist/core/p-2039e996.entry.js.map +1 -0
  338. package/dist/core/p-20c780cb.entry.js +2 -0
  339. package/dist/core/p-20c780cb.entry.js.map +1 -0
  340. package/dist/core/p-21c90000.entry.js +2 -0
  341. package/dist/core/p-21c90000.entry.js.map +1 -0
  342. package/dist/core/p-2376e171.entry.js +2 -0
  343. package/dist/core/p-2376e171.entry.js.map +1 -0
  344. package/dist/core/p-23f62fca.entry.js +2 -0
  345. package/dist/core/p-23f62fca.entry.js.map +1 -0
  346. package/dist/core/p-28c8d6e3.entry.js +2 -0
  347. package/dist/core/p-28c8d6e3.entry.js.map +1 -0
  348. package/dist/core/p-2c59f79e.entry.js +2 -0
  349. package/dist/core/p-2c59f79e.entry.js.map +1 -0
  350. package/dist/core/{p-bf670360.entry.js → p-2e261288.entry.js} +2 -2
  351. package/dist/core/p-2e261288.entry.js.map +1 -0
  352. package/dist/core/p-36242f26.entry.js +2 -0
  353. package/dist/core/p-36242f26.entry.js.map +1 -0
  354. package/dist/core/p-37cced7a.entry.js +2 -0
  355. package/dist/core/p-37cced7a.entry.js.map +1 -0
  356. package/dist/core/p-3c17ca15.entry.js +2 -0
  357. package/dist/core/p-3c17ca15.entry.js.map +1 -0
  358. package/dist/core/p-435d9ce2.entry.js +2 -0
  359. package/dist/core/p-435d9ce2.entry.js.map +1 -0
  360. package/dist/core/p-47e0072d.entry.js +2 -0
  361. package/dist/core/p-47e0072d.entry.js.map +1 -0
  362. package/dist/core/p-49fbe074.entry.js +2 -0
  363. package/dist/core/p-49fbe074.entry.js.map +1 -0
  364. package/dist/core/p-4ba91306.entry.js +2 -0
  365. package/dist/core/p-4ba91306.entry.js.map +1 -0
  366. package/dist/core/p-50e24896.entry.js +2 -0
  367. package/dist/core/p-50e24896.entry.js.map +1 -0
  368. package/dist/core/p-5193184c.entry.js +2 -0
  369. package/dist/core/p-5193184c.entry.js.map +1 -0
  370. package/dist/core/p-51c6561f.entry.js +2 -0
  371. package/dist/core/p-51c6561f.entry.js.map +1 -0
  372. package/dist/core/p-534f7f0d.entry.js +2 -0
  373. package/dist/core/p-534f7f0d.entry.js.map +1 -0
  374. package/dist/core/p-542ffaf4.entry.js +2 -0
  375. package/dist/core/p-542ffaf4.entry.js.map +1 -0
  376. package/dist/core/p-555dd292.entry.js +2 -0
  377. package/dist/core/p-555dd292.entry.js.map +1 -0
  378. package/dist/core/p-5d03b04e.entry.js +2 -0
  379. package/dist/core/p-5d03b04e.entry.js.map +1 -0
  380. package/dist/core/p-5e616d85.entry.js +2 -0
  381. package/dist/core/p-5e616d85.entry.js.map +1 -0
  382. package/dist/core/p-64101c64.entry.js +2 -0
  383. package/dist/core/p-64101c64.entry.js.map +1 -0
  384. package/dist/core/p-70616efa.js +2 -0
  385. package/dist/core/p-70616efa.js.map +1 -0
  386. package/dist/core/p-76c94cee.entry.js +2 -0
  387. package/dist/core/p-76c94cee.entry.js.map +1 -0
  388. package/dist/core/p-7d1f7976.entry.js +2 -0
  389. package/dist/core/p-7d1f7976.entry.js.map +1 -0
  390. package/dist/core/p-9158c34f.entry.js +2 -0
  391. package/dist/core/p-9158c34f.entry.js.map +1 -0
  392. package/dist/core/{p-266341f5.entry.js → p-91c720bc.entry.js} +2 -2
  393. package/dist/core/{p-266341f5.entry.js.map → p-91c720bc.entry.js.map} +1 -1
  394. package/dist/core/p-94efa0d2.entry.js +2 -0
  395. package/dist/core/p-94efa0d2.entry.js.map +1 -0
  396. package/dist/core/p-9bf9da9b.entry.js +2 -0
  397. package/dist/core/p-9bf9da9b.entry.js.map +1 -0
  398. package/dist/core/p-a04712b9.js +2 -0
  399. package/dist/core/p-a04712b9.js.map +1 -0
  400. package/dist/core/p-a33bf749.entry.js +2 -0
  401. package/dist/core/p-a33bf749.entry.js.map +1 -0
  402. package/dist/core/p-a707b036.entry.js +2 -0
  403. package/dist/core/p-a707b036.entry.js.map +1 -0
  404. package/dist/core/p-a74be80c.entry.js +2 -0
  405. package/dist/core/p-a74be80c.entry.js.map +1 -0
  406. package/dist/core/p-af547c0a.entry.js +2 -0
  407. package/dist/core/p-af547c0a.entry.js.map +1 -0
  408. package/dist/core/p-b0170269.entry.js +2 -0
  409. package/dist/core/p-b0170269.entry.js.map +1 -0
  410. package/dist/core/p-b6e385ba.entry.js +2 -0
  411. package/dist/core/p-b6e385ba.entry.js.map +1 -0
  412. package/dist/core/p-bb418e1b.entry.js +2 -0
  413. package/dist/core/p-bb418e1b.entry.js.map +1 -0
  414. package/dist/core/{p-306def43.entry.js → p-d2dbb1dc.entry.js} +2 -2
  415. package/dist/core/p-d2dbb1dc.entry.js.map +1 -0
  416. package/dist/core/p-e3303bbe.entry.js +2 -0
  417. package/dist/core/p-e3303bbe.entry.js.map +1 -0
  418. package/dist/core/p-e3e0cf46.entry.js +2 -0
  419. package/dist/core/p-e3e0cf46.entry.js.map +1 -0
  420. package/dist/core/p-e62e5ca3.entry.js +2 -0
  421. package/dist/core/p-e62e5ca3.entry.js.map +1 -0
  422. package/dist/core/{p-c21d0db8.entry.js → p-ebd84a67.entry.js} +2 -2
  423. package/dist/core/p-ebd84a67.entry.js.map +1 -0
  424. package/dist/core/{p-d03374fc.entry.js → p-f154d6e6.entry.js} +2 -2
  425. package/dist/core/p-f1d5bdbd.entry.js +2 -0
  426. package/dist/core/p-f1d5bdbd.entry.js.map +1 -0
  427. package/dist/core/{p-73b40c79.entry.js → p-f482ccb8.entry.js} +2 -2
  428. package/dist/core/p-f482ccb8.entry.js.map +1 -0
  429. package/dist/core/p-f60c8a1b.entry.js +2 -0
  430. package/dist/core/p-f60c8a1b.entry.js.map +1 -0
  431. package/dist/core/{p-f1072c28.entry.js → p-f64abdff.entry.js} +2 -2
  432. package/dist/core/p-f64abdff.entry.js.map +1 -0
  433. package/dist/core/{p-d8563643.entry.js → p-fc71c920.entry.js} +2 -2
  434. package/dist/core/p-fc71c920.entry.js.map +1 -0
  435. package/dist/esm/core.js +1 -1
  436. package/dist/esm/{helpers-5bd2012a.js → helpers-0f42cb46.js} +61 -146
  437. package/dist/esm/helpers-0f42cb46.js.map +1 -0
  438. package/dist/esm/{helpers-dab8ddfe.js → helpers-b4561326.js} +74 -27
  439. package/dist/esm/helpers-b4561326.js.map +1 -0
  440. package/dist/esm/ic-accordion-group.entry.js +10 -10
  441. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  442. package/dist/esm/ic-accordion.entry.js +12 -5
  443. package/dist/esm/ic-accordion.entry.js.map +1 -1
  444. package/dist/esm/ic-alert.entry.js +10 -15
  445. package/dist/esm/ic-alert.entry.js.map +1 -1
  446. package/dist/esm/ic-back-to-top.entry.js +9 -6
  447. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  448. package/dist/esm/ic-badge.entry.js +26 -3
  449. package/dist/esm/ic-badge.entry.js.map +1 -1
  450. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  451. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  452. package/dist/esm/ic-breadcrumb.entry.js +49 -4
  453. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  454. package/dist/esm/ic-button_3.entry.js +28 -26
  455. package/dist/esm/ic-button_3.entry.js.map +1 -1
  456. package/dist/esm/ic-card-horizontal.entry.js +34 -36
  457. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  458. package/dist/esm/ic-card-vertical.entry.js +49 -48
  459. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  460. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  461. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  462. package/dist/esm/ic-checkbox.entry.js +10 -4
  463. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  464. package/dist/esm/ic-chip.entry.js +28 -16
  465. package/dist/esm/ic-chip.entry.js.map +1 -1
  466. package/dist/esm/ic-classification-banner.entry.js +1 -1
  467. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  468. package/dist/esm/ic-data-row.entry.js +1 -1
  469. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  470. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  471. package/dist/esm/ic-data-table.entry.js +377 -110
  472. package/dist/esm/ic-data-table.entry.js.map +1 -1
  473. package/dist/esm/ic-date-input.entry.js +29 -18
  474. package/dist/esm/ic-date-input.entry.js.map +1 -1
  475. package/dist/esm/ic-date-picker.entry.js +16 -5
  476. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  477. package/dist/esm/ic-dialog.entry.js +32 -9
  478. package/dist/esm/ic-dialog.entry.js.map +1 -1
  479. package/dist/esm/ic-divider.entry.js +74 -10
  480. package/dist/esm/ic-divider.entry.js.map +1 -1
  481. package/dist/esm/ic-empty-state_2.entry.js +119 -51
  482. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  483. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  484. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  485. package/dist/esm/ic-footer-link.entry.js +8 -7
  486. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  487. package/dist/esm/ic-footer.entry.js +24 -14
  488. package/dist/esm/ic-footer.entry.js.map +1 -1
  489. package/dist/esm/ic-hero.entry.js +8 -16
  490. package/dist/esm/ic-hero.entry.js.map +1 -1
  491. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  492. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  493. package/dist/{collection/components/ic-menu-with-multi/ic-menu.js → esm/ic-input-component-container_3.entry.js} +173 -739
  494. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -0
  495. package/dist/esm/ic-input-label_2.entry.js +77 -0
  496. package/dist/esm/ic-input-label_2.entry.js.map +1 -0
  497. package/dist/esm/ic-link.entry.js +10 -12
  498. package/dist/esm/ic-link.entry.js.map +1 -1
  499. package/dist/esm/ic-menu-group.entry.js +3 -3
  500. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  501. package/dist/esm/ic-menu-item.entry.js +25 -18
  502. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  503. package/dist/esm/ic-navigation-button.entry.js +11 -8
  504. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  505. package/dist/esm/ic-navigation-group.entry.js +10 -8
  506. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  507. package/dist/esm/ic-navigation-item.entry.js +61 -9
  508. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  509. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  510. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  511. package/dist/esm/ic-page-header.entry.js +8 -6
  512. package/dist/esm/ic-page-header.entry.js.map +1 -1
  513. package/dist/esm/ic-pagination_4.entry.js +267 -112
  514. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  515. package/dist/esm/ic-popover-menu.entry.js +47 -25
  516. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  517. package/dist/esm/ic-radio-group.entry.js +60 -29
  518. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  519. package/dist/esm/ic-radio-option.entry.js +42 -22
  520. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  521. package/dist/esm/ic-search-bar.entry.js +54 -56
  522. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  523. package/dist/esm/ic-side-navigation.entry.js +16 -11
  524. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  525. package/dist/esm/ic-skeleton.entry.js +4 -4
  526. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  527. package/dist/esm/ic-status-tag.entry.js +5 -4
  528. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  529. package/dist/esm/ic-step.entry.js +4 -5
  530. package/dist/esm/ic-step.entry.js.map +1 -1
  531. package/dist/esm/ic-stepper.entry.js +12 -2
  532. package/dist/esm/ic-stepper.entry.js.map +1 -1
  533. package/dist/esm/ic-switch.entry.js +21 -16
  534. package/dist/esm/ic-switch.entry.js.map +1 -1
  535. package/dist/esm/ic-tab-context.entry.js +60 -123
  536. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  537. package/dist/esm/ic-tab-group.entry.js +3 -19
  538. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  539. package/dist/esm/ic-tab-panel.entry.js +2 -2
  540. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  541. package/dist/esm/ic-tab.entry.js +10 -8
  542. package/dist/esm/ic-tab.entry.js.map +1 -1
  543. package/dist/esm/ic-theme.entry.js +20 -20
  544. package/dist/esm/ic-theme.entry.js.map +1 -1
  545. package/dist/esm/ic-toast.entry.js +4 -4
  546. package/dist/esm/ic-toast.entry.js.map +1 -1
  547. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  548. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  549. package/dist/esm/ic-toggle-button.entry.js +64 -9
  550. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  551. package/dist/esm/ic-top-navigation.entry.js +13 -7
  552. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  553. package/dist/esm/ic-tree-item.entry.js +28 -17
  554. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  555. package/dist/esm/ic-tree-view.entry.js +45 -25
  556. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  557. package/dist/esm/ic-typography.entry.js +5 -3
  558. package/dist/esm/ic-typography.entry.js.map +1 -1
  559. package/dist/esm/index-93509377.js +4 -12
  560. package/dist/esm/loader.js +1 -1
  561. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +8 -4
  562. package/dist/types/components/ic-data-table/ic-data-table.d.ts +51 -7
  563. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
  564. package/dist/types/components/ic-data-table/story-data.d.ts +225 -0
  565. package/dist/types/components/ic-date-input/ic-date-input.d.ts +10 -1
  566. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +10 -1
  567. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +34 -8
  568. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  569. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +17 -7
  570. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +21 -5
  571. package/dist/types/components.d.ts +189 -490
  572. package/dist/types/utils/helpers.d.ts +14 -11
  573. package/dist/types/utils/types.d.ts +17 -12
  574. package/hydrate/index.js +5150 -7474
  575. package/package.json +12 -10
  576. package/dist/cjs/helpers-33b42cd6.js.map +0 -1
  577. package/dist/cjs/helpers-6817cfbb.js.map +0 -1
  578. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +0 -156
  579. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +0 -1
  580. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +0 -2738
  581. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +0 -1
  582. package/dist/cjs/ic-menu.cjs.entry.js +0 -658
  583. package/dist/cjs/ic-menu.cjs.entry.js.map +0 -1
  584. package/dist/cjs/ic-select-with-multi.cjs.entry.js +0 -788
  585. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +0 -1
  586. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +0 -712
  587. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +0 -1
  588. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +0 -1057
  589. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +0 -1
  590. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +0 -3
  591. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +0 -3
  592. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +0 -3
  593. package/dist/collection/components/ic-select-with-multi/ic-select.css +0 -695
  594. package/dist/collection/components/ic-select-with-multi/ic-select.js +0 -1520
  595. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +0 -1
  596. package/dist/collection/components/ic-select-with-multi/story-data.js +0 -216
  597. package/dist/collection/components/ic-select-with-multi/story-data.js.map +0 -1
  598. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +0 -1518
  599. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +0 -1
  600. package/dist/components/ic-menu-with-multi.d.ts +0 -11
  601. package/dist/components/ic-menu-with-multi.js +0 -8
  602. package/dist/components/ic-menu-with-multi.js.map +0 -1
  603. package/dist/components/ic-menu3.js +0 -2803
  604. package/dist/components/ic-menu3.js.map +0 -1
  605. package/dist/components/ic-select-with-multi.d.ts +0 -11
  606. package/dist/components/ic-select-with-multi.js +0 -906
  607. package/dist/components/ic-select-with-multi.js.map +0 -1
  608. package/dist/core/p-06eeb7f2.entry.js +0 -2
  609. package/dist/core/p-06eeb7f2.entry.js.map +0 -1
  610. package/dist/core/p-0922c552.entry.js +0 -2
  611. package/dist/core/p-0922c552.entry.js.map +0 -1
  612. package/dist/core/p-0bc0e852.entry.js +0 -2
  613. package/dist/core/p-0bc0e852.entry.js.map +0 -1
  614. package/dist/core/p-108a9029.entry.js +0 -2
  615. package/dist/core/p-108a9029.entry.js.map +0 -1
  616. package/dist/core/p-13100d3c.entry.js +0 -2
  617. package/dist/core/p-13100d3c.entry.js.map +0 -1
  618. package/dist/core/p-1769df1d.entry.js +0 -2
  619. package/dist/core/p-1769df1d.entry.js.map +0 -1
  620. package/dist/core/p-202bc922.entry.js +0 -2
  621. package/dist/core/p-202bc922.entry.js.map +0 -1
  622. package/dist/core/p-297e99cf.js +0 -2
  623. package/dist/core/p-297e99cf.js.map +0 -1
  624. package/dist/core/p-306def43.entry.js.map +0 -1
  625. package/dist/core/p-30b046b2.entry.js +0 -2
  626. package/dist/core/p-30b046b2.entry.js.map +0 -1
  627. package/dist/core/p-3778cc5e.entry.js +0 -2
  628. package/dist/core/p-3778cc5e.entry.js.map +0 -1
  629. package/dist/core/p-383a5a76.entry.js +0 -2
  630. package/dist/core/p-383a5a76.entry.js.map +0 -1
  631. package/dist/core/p-3a0510e2.entry.js +0 -2
  632. package/dist/core/p-3a0510e2.entry.js.map +0 -1
  633. package/dist/core/p-3ace51f5.entry.js +0 -2
  634. package/dist/core/p-3ace51f5.entry.js.map +0 -1
  635. package/dist/core/p-3f0391c1.entry.js +0 -2
  636. package/dist/core/p-3f0391c1.entry.js.map +0 -1
  637. package/dist/core/p-41fecc61.entry.js +0 -2
  638. package/dist/core/p-41fecc61.entry.js.map +0 -1
  639. package/dist/core/p-46cb94a2.entry.js +0 -2
  640. package/dist/core/p-46cb94a2.entry.js.map +0 -1
  641. package/dist/core/p-4e67f127.entry.js +0 -2
  642. package/dist/core/p-4e67f127.entry.js.map +0 -1
  643. package/dist/core/p-505250cf.entry.js +0 -2
  644. package/dist/core/p-505250cf.entry.js.map +0 -1
  645. package/dist/core/p-50e48f4d.entry.js +0 -2
  646. package/dist/core/p-50e48f4d.entry.js.map +0 -1
  647. package/dist/core/p-56e7459a.entry.js +0 -2
  648. package/dist/core/p-56e7459a.entry.js.map +0 -1
  649. package/dist/core/p-59028160.entry.js +0 -2
  650. package/dist/core/p-59028160.entry.js.map +0 -1
  651. package/dist/core/p-5cfb5821.entry.js +0 -2
  652. package/dist/core/p-5cfb5821.entry.js.map +0 -1
  653. package/dist/core/p-5e6fd734.entry.js +0 -2
  654. package/dist/core/p-5e6fd734.entry.js.map +0 -1
  655. package/dist/core/p-5f313e1a.entry.js +0 -2
  656. package/dist/core/p-5f313e1a.entry.js.map +0 -1
  657. package/dist/core/p-710c6a42.entry.js +0 -2
  658. package/dist/core/p-710c6a42.entry.js.map +0 -1
  659. package/dist/core/p-73b40c79.entry.js.map +0 -1
  660. package/dist/core/p-77a32de5.entry.js +0 -2
  661. package/dist/core/p-77a32de5.entry.js.map +0 -1
  662. package/dist/core/p-7a9de008.entry.js +0 -2
  663. package/dist/core/p-7a9de008.entry.js.map +0 -1
  664. package/dist/core/p-801414e2.entry.js +0 -2
  665. package/dist/core/p-801414e2.entry.js.map +0 -1
  666. package/dist/core/p-82ba744d.entry.js +0 -2
  667. package/dist/core/p-82ba744d.entry.js.map +0 -1
  668. package/dist/core/p-897b8d16.entry.js +0 -2
  669. package/dist/core/p-897b8d16.entry.js.map +0 -1
  670. package/dist/core/p-9397b15b.js +0 -2
  671. package/dist/core/p-9397b15b.js.map +0 -1
  672. package/dist/core/p-9af6adb1.entry.js +0 -2
  673. package/dist/core/p-9af6adb1.entry.js.map +0 -1
  674. package/dist/core/p-9b54feca.entry.js +0 -2
  675. package/dist/core/p-9b54feca.entry.js.map +0 -1
  676. package/dist/core/p-a57cd616.entry.js +0 -2
  677. package/dist/core/p-a57cd616.entry.js.map +0 -1
  678. package/dist/core/p-a5eaed1a.entry.js +0 -2
  679. package/dist/core/p-a5eaed1a.entry.js.map +0 -1
  680. package/dist/core/p-a78cf2cb.entry.js +0 -2
  681. package/dist/core/p-a78cf2cb.entry.js.map +0 -1
  682. package/dist/core/p-a91340b4.entry.js +0 -2
  683. package/dist/core/p-a91340b4.entry.js.map +0 -1
  684. package/dist/core/p-aee8d45b.entry.js +0 -2
  685. package/dist/core/p-aee8d45b.entry.js.map +0 -1
  686. package/dist/core/p-badd4c8d.entry.js +0 -2
  687. package/dist/core/p-badd4c8d.entry.js.map +0 -1
  688. package/dist/core/p-bf670360.entry.js.map +0 -1
  689. package/dist/core/p-c033e7d6.entry.js +0 -2
  690. package/dist/core/p-c033e7d6.entry.js.map +0 -1
  691. package/dist/core/p-c07af2d8.entry.js +0 -2
  692. package/dist/core/p-c07af2d8.entry.js.map +0 -1
  693. package/dist/core/p-c21d0db8.entry.js.map +0 -1
  694. package/dist/core/p-c678f73d.entry.js +0 -2
  695. package/dist/core/p-c678f73d.entry.js.map +0 -1
  696. package/dist/core/p-c6ae9bad.entry.js +0 -2
  697. package/dist/core/p-c6ae9bad.entry.js.map +0 -1
  698. package/dist/core/p-c6c1e08e.entry.js +0 -2
  699. package/dist/core/p-c6c1e08e.entry.js.map +0 -1
  700. package/dist/core/p-cb6cebdd.entry.js +0 -2
  701. package/dist/core/p-cb6cebdd.entry.js.map +0 -1
  702. package/dist/core/p-d16f364a.entry.js +0 -2
  703. package/dist/core/p-d16f364a.entry.js.map +0 -1
  704. package/dist/core/p-d239c33b.entry.js +0 -2
  705. package/dist/core/p-d239c33b.entry.js.map +0 -1
  706. package/dist/core/p-d8563643.entry.js.map +0 -1
  707. package/dist/core/p-da40757f.entry.js +0 -2
  708. package/dist/core/p-da40757f.entry.js.map +0 -1
  709. package/dist/core/p-de052137.entry.js +0 -2
  710. package/dist/core/p-de052137.entry.js.map +0 -1
  711. package/dist/core/p-e5d99316.entry.js +0 -2
  712. package/dist/core/p-e5d99316.entry.js.map +0 -1
  713. package/dist/core/p-e89bb650.entry.js +0 -2
  714. package/dist/core/p-e89bb650.entry.js.map +0 -1
  715. package/dist/core/p-f1072c28.entry.js.map +0 -1
  716. package/dist/core/p-f37df214.entry.js +0 -2
  717. package/dist/core/p-f37df214.entry.js.map +0 -1
  718. package/dist/core/p-f743b0eb.entry.js +0 -2
  719. package/dist/core/p-f743b0eb.entry.js.map +0 -1
  720. package/dist/core/p-f98b1afc.entry.js +0 -2
  721. package/dist/core/p-f98b1afc.entry.js.map +0 -1
  722. package/dist/core/p-fe13f1ba.entry.js +0 -2
  723. package/dist/core/p-fe13f1ba.entry.js.map +0 -1
  724. package/dist/esm/helpers-5bd2012a.js.map +0 -1
  725. package/dist/esm/helpers-dab8ddfe.js.map +0 -1
  726. package/dist/esm/ic-input-component-container_4.entry.js +0 -149
  727. package/dist/esm/ic-input-component-container_4.entry.js.map +0 -1
  728. package/dist/esm/ic-menu-with-multi.entry.js +0 -2734
  729. package/dist/esm/ic-menu-with-multi.entry.js.map +0 -1
  730. package/dist/esm/ic-menu.entry.js +0 -654
  731. package/dist/esm/ic-menu.entry.js.map +0 -1
  732. package/dist/esm/ic-select-with-multi.entry.js +0 -784
  733. package/dist/esm/ic-select-with-multi.entry.js.map +0 -1
  734. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +0 -214
  735. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +0 -259
  736. package/dist/types/components/ic-select-with-multi/story-data.d.ts +0 -32
  737. /package/dist/core/{p-d03374fc.entry.js.map → p-f154d6e6.entry.js.map} +0 -0
@@ -1,33 +1,42 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
2
2
  import { c as checkIcon } from './check-icon.js';
3
- import { o as onComponentRequiredPropUndefined } from './helpers.js';
3
+ import { E as isMacDevice, o as onComponentRequiredPropUndefined, F as getOptionsWithoutGroupTitlesCount } from './helpers.js';
4
4
  import { d as defineCustomElement$4 } from './ic-button2.js';
5
5
  import { d as defineCustomElement$3 } from './ic-loading-indicator2.js';
6
6
  import { c as createPopper, d as defineCustomElement$2 } from './ic-tooltip2.js';
7
7
  import { d as defineCustomElement$1 } from './ic-typography2.js';
8
8
 
9
- const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);--ic-typography-color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:block}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(--ic-color-secondary-text)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text);--ic-typography-color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-color-tertiary-text)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
9
+ const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n --menu-item-text-color,\n var(--ic-menu-list-option-text-color)\n );background-color:var(\n --menu-bg-color,\n var(--ic-menu-list-option-background-color)\n );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n --menu-bg-color,\n var(--ic-menu-list-option-background-color)\n );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n --menu-item-desc-text-color,\n var(--ic-menu-list-option-description-text-color)\n )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n --ic-atoms-list-option-text-focused-light\n ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText;--ic-typography-color:GrayText}}";
10
10
 
11
11
  const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
12
12
  constructor() {
13
13
  super();
14
14
  this.__registerHost();
15
+ this.icClear = createEvent(this, "icClear", 7);
15
16
  this.menuKeyPress = createEvent(this, "menuKeyPress", 7);
16
17
  this.menuOptionId = createEvent(this, "menuOptionId", 7);
17
18
  this.menuOptionSelect = createEvent(this, "menuOptionSelect", 7);
19
+ this.menuOptionSelectAll = createEvent(this, "menuOptionSelectAll", 7);
18
20
  this.menuStateChange = createEvent(this, "menuStateChange", 7);
19
- this.menuValueChange = createEvent(this, "menuValueChange", 7);
20
21
  this.retryButtonClicked = createEvent(this, "retryButtonClicked", 7);
21
22
  this.timeoutBlur = createEvent(this, "timeoutBlur", 7);
22
23
  this.ungroupedOptionsSet = createEvent(this, "ungroupedOptionsSet", 7);
24
+ this.ACTIVE_DESCENDANT = "aria-activedescendant";
25
+ this.CLEAR_BUTTON_ID = "clear-button";
26
+ this.SEARCH_BAR_TAG = "IC-SEARCH-BAR";
23
27
  this.disabledOptionSelected = false;
24
28
  this.hasPreviouslyBlurred = false;
25
29
  this.hasTimedOut = false;
26
30
  this.isLoading = false;
31
+ this.isMultiSelect = false;
27
32
  this.isSearchBar = false;
28
33
  this.isSearchableSelect = false;
29
- // Prevents menu re-opening immediately after it is closed on blur when clicking input.
30
- this.preventClickOpen = false;
34
+ this.lastOptionSelected = null; // Index of last option selected
35
+ this.lastOptionFocused = null; // Index of last option focused
36
+ this.multiOptionClicked = null;
37
+ this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.
38
+ this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.
39
+ this.shiftPressed = false;
31
40
  this.ungroupedOptions = [];
32
41
  this.handleClearListener = () => {
33
42
  this.optionHighlighted = "";
@@ -38,9 +47,16 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
38
47
  };
39
48
  this.handleMenuChange = (open, focusInput) => {
40
49
  this.menuStateChange.emit({ open, focusInput });
41
- if (!open && focusInput !== false) {
42
- this.inputEl.focus();
43
- this.preventClickOpen = false;
50
+ if (!open) {
51
+ if (focusInput !== false) {
52
+ this.inputEl.focus();
53
+ this.preventClickOpen = false;
54
+ }
55
+ // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
56
+ if (this.isMultiSelect) {
57
+ this.optionHighlighted = undefined;
58
+ this.multiOptionClicked = null;
59
+ }
44
60
  }
45
61
  };
46
62
  this.setNextOptionValue = (selectedOptionIndex) => {
@@ -72,27 +88,37 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
72
88
  }
73
89
  };
74
90
  this.getParentEl = (parent) => {
75
- if (parent.tagName === "IC-SEARCH-BAR") {
91
+ if (parent.tagName === this.SEARCH_BAR_TAG) {
76
92
  this.isSearchBar = true;
77
93
  }
78
- else if (parent.tagName === "IC-SELECT" &&
79
- parent.getAttribute("searchable") !== null &&
80
- parent.getAttribute("searchable") !== undefined) {
81
- this.isSearchableSelect = true;
94
+ else if (parent.tagName === "IC-SELECT") {
95
+ if (parent.getAttribute("searchable") !== null &&
96
+ parent.getAttribute("searchable") !== undefined) {
97
+ this.isSearchableSelect = true;
98
+ }
99
+ else if (parent.getAttribute("multiple") !== null &&
100
+ parent.getAttribute("multiple") !== undefined) {
101
+ this.isMultiSelect = true;
102
+ }
82
103
  }
83
104
  };
105
+ // Open menu when up or down arrow keys are pressed
84
106
  this.arrowBehaviour = (event) => {
85
107
  event.preventDefault();
86
108
  this.handleMenuChange(true);
87
109
  };
88
- this.setMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
110
+ this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
111
+ // Set option that is focused and so should show focus state
89
112
  this.setHighlightedOption = (highlightedIndex) => {
90
- const menuOptions = this.setMenuOptions();
113
+ const menuOptions = this.getMenuOptions();
91
114
  menuOptions[highlightedIndex] &&
92
115
  !menuOptions[highlightedIndex].timedOut &&
93
116
  (this.optionHighlighted =
94
117
  menuOptions[highlightedIndex][this.valueField] || undefined);
95
118
  };
119
+ // Determines keyboard behaviour when selection is automatic
120
+ // (i.e. you don't have to press Enter select an option - just focus on it)
121
+ // and menu is closed
96
122
  this.autoSetInputValueKeyboardOpen = (event) => {
97
123
  const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
98
124
  this.keyboardNav = false;
@@ -109,147 +135,278 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
109
135
  break;
110
136
  case " ":
111
137
  case "Enter":
112
- if (event.target.id !== "clear-button") {
138
+ if (event.target.id !== this.CLEAR_BUTTON_ID) {
113
139
  this.handleMenuChange(true);
114
140
  }
115
141
  break;
116
142
  }
117
143
  };
118
- this.manSetInputValueKeyboardOpen = (event) => {
119
- const menuOptions = this.setMenuOptions();
120
- const highlightedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
121
- const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
144
+ this.selectHighlightedOption = (options, highlightedOptionIndex) => {
145
+ if (!this.isLoading && !this.hasTimedOut) {
146
+ this.keyboardNav = true;
147
+ }
122
148
  const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;
123
- switch (event.key) {
124
- case "ArrowDown":
125
- this.keyboardNav = true;
126
- this.arrowBehaviour(event);
127
- if (highlightedOptionIndex < menuOptions.length - 1) {
128
- this.setHighlightedOption(highlightedOptionIndex + 1);
129
- this.menuOptionId.emit({
130
- optionId: getOptionId(highlightedOptionIndex + 1),
131
- });
132
- }
133
- else {
134
- this.setHighlightedOption(0);
135
- this.menuOptionId.emit({
136
- optionId: getOptionId(0),
137
- });
149
+ if (isOpen) {
150
+ if (highlightedOptionIndex >= 0) {
151
+ if (options[highlightedOptionIndex] !== undefined) {
152
+ if (this.isSearchBar &&
153
+ options[highlightedOptionIndex].disabled === true) {
154
+ this.disabledOptionSelected = true;
155
+ }
156
+ else {
157
+ this.setInputValue(highlightedOptionIndex);
158
+ }
138
159
  }
139
- this.preventIncorrectTabOrder = false;
140
- this.focusFromSearchKeypress = false;
141
- break;
142
- case "ArrowUp":
143
- this.keyboardNav = true;
144
- this.arrowBehaviour(event);
145
- if (highlightedOptionIndex <= 0 ||
146
- highlightedOptionIndex > menuOptions.length + 1) {
147
- this.setHighlightedOption(menuOptions.length - 1);
160
+ }
161
+ else {
162
+ this.setInputValue(highlightedOptionIndex);
163
+ }
164
+ }
165
+ else {
166
+ this.handleMenuChange(true);
167
+ }
168
+ };
169
+ // Check if option is selected based on the index of the option
170
+ this.isOptionSelected = (index) => {
171
+ const menuOptions = this.getMenuOptions();
172
+ return this.value
173
+ ? this.value.includes(menuOptions[index][this.valueField])
174
+ : false;
175
+ };
176
+ // Deselect currently selected options when shift pressed, but keep certain options selected
177
+ this.deselectSelectedOptions = (optionsToKeepSelected) => {
178
+ const menuOptions = this.getMenuOptions();
179
+ if (this.value) {
180
+ const selectedOptionIndexes = this.value.map((value) => {
181
+ return menuOptions.findIndex((option) => option[this.valueField] === value);
182
+ });
183
+ // Call setInputValue (which toggles the selected state) on options that need to be deselected
184
+ selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));
185
+ }
186
+ };
187
+ // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)
188
+ this.manualSetInputValueKeyboardOpen = (event) => {
189
+ const menuOptions = this.getMenuOptions();
190
+ // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed
191
+ // (i.e. when user is likely in the middle of executing a keyboard combination to select options)
192
+ const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;
193
+ const highlightedOptionIndex = this.getOptionHighlightedIndex();
194
+ const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);
195
+ const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
196
+ // Space press should be equivalent to Enter when multi-select
197
+ if (event.key === " " && this.isMultiSelect) {
198
+ this.handleOptionSelect(event, highlightedOptionIndex);
199
+ }
200
+ else {
201
+ switch (event.key) {
202
+ case "ArrowDown":
203
+ this.keyboardNav = true;
204
+ this.arrowBehaviour(event);
205
+ if (this.multiOptionClicked) {
206
+ // Set focus to option last clicked
207
+ // Prevents it resetting to the top of the menu when user switches to using keyboard
208
+ this.setHighlightedOption(clickedMultiOptionIndex);
209
+ this.multiOptionClicked = null;
210
+ }
211
+ else {
212
+ this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
213
+ if (highlightedOptionIndex < menuOptions.length - 1) {
214
+ this.setHighlightedOption(highlightedOptionIndex + 1);
215
+ this.menuOptionId.emit({
216
+ optionId: getOptionId(highlightedOptionIndex + 1),
217
+ });
218
+ this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);
219
+ }
220
+ else {
221
+ this.setHighlightedOption(0);
222
+ this.menuOptionId.emit({
223
+ optionId: getOptionId(0),
224
+ });
225
+ this.handleSingleShiftSelect(event, 0, menuOptions);
226
+ }
227
+ // Deselect currently selected options if arrow was pressed for first time after shift is held
228
+ if (this.isMultiSelect && this.shiftPressed) {
229
+ this.deselectSelectedOptions([
230
+ highlightedOptionIndex,
231
+ this.getOptionHighlightedIndex(),
232
+ ]);
233
+ this.shiftPressed = false;
234
+ }
235
+ }
236
+ this.lastOptionFocused = this.getOptionHighlightedIndex();
237
+ this.preventIncorrectTabOrder = false;
238
+ this.focusFromSearchKeypress = false;
239
+ break;
240
+ case "ArrowUp":
241
+ this.keyboardNav = true;
242
+ this.arrowBehaviour(event);
243
+ if (this.multiOptionClicked) {
244
+ // Set focus to option last clicked
245
+ // Prevents it resetting to the bottom of the menu when user switches to using keyboard
246
+ this.setHighlightedOption(clickedMultiOptionIndex);
247
+ this.multiOptionClicked = null;
248
+ }
249
+ else {
250
+ this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
251
+ if (highlightedOptionIndex <= 0 ||
252
+ highlightedOptionIndex > menuOptions.length + 1) {
253
+ this.setHighlightedOption(menuOptions.length - 1);
254
+ this.menuOptionId.emit({
255
+ optionId: getOptionId(menuOptions.length - 1),
256
+ });
257
+ this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);
258
+ }
259
+ else {
260
+ this.setHighlightedOption(highlightedOptionIndex - 1);
261
+ this.menuOptionId.emit({
262
+ optionId: getOptionId(highlightedOptionIndex - 1),
263
+ });
264
+ this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);
265
+ }
266
+ // Deselect currently selected options if arrow was pressed for first time after shift is held
267
+ if (this.isMultiSelect && this.shiftPressed) {
268
+ this.deselectSelectedOptions([
269
+ highlightedOptionIndex,
270
+ this.getOptionHighlightedIndex(),
271
+ ]);
272
+ this.shiftPressed = false;
273
+ }
274
+ }
275
+ this.lastOptionFocused = this.getOptionHighlightedIndex();
276
+ this.preventIncorrectTabOrder = false;
277
+ this.focusFromSearchKeypress = false;
278
+ break;
279
+ case "Home": {
280
+ const startOptionIndex = 0;
281
+ this.keyboardNav = true;
282
+ event.preventDefault();
283
+ this.arrowBehaviour(event);
284
+ this.setHighlightedOption(startOptionIndex);
148
285
  this.menuOptionId.emit({
149
- optionId: getOptionId(menuOptions.length - 1),
286
+ optionId: getOptionId(startOptionIndex),
150
287
  });
288
+ if (event.shiftKey && event.ctrlKey) {
289
+ this.handleMultipleShiftSelect(startOptionIndex);
290
+ }
291
+ this.lastOptionFocused = startOptionIndex;
292
+ this.lastOptionSelected = startOptionIndex;
293
+ break;
151
294
  }
152
- else {
153
- this.setHighlightedOption(highlightedOptionIndex - 1);
295
+ case "End": {
296
+ const endOptionIndex = menuOptions.length - 1;
297
+ this.keyboardNav = true;
298
+ event.preventDefault();
299
+ this.arrowBehaviour(event);
300
+ this.setHighlightedOption(endOptionIndex);
154
301
  this.menuOptionId.emit({
155
- optionId: getOptionId(highlightedOptionIndex - 1),
302
+ optionId: getOptionId(endOptionIndex),
156
303
  });
157
- }
158
- this.preventIncorrectTabOrder = false;
159
- this.focusFromSearchKeypress = false;
160
- break;
161
- case "Home":
162
- this.keyboardNav = true;
163
- event.preventDefault();
164
- this.arrowBehaviour(event);
165
- this.setHighlightedOption(0);
166
- this.menuOptionId.emit({
167
- optionId: getOptionId(0),
168
- });
169
- break;
170
- case "End":
171
- this.keyboardNav = true;
172
- event.preventDefault();
173
- this.arrowBehaviour(event);
174
- this.setHighlightedOption(menuOptions.length - 1);
175
- this.menuOptionId.emit({
176
- optionId: getOptionId(menuOptions.length - 1),
177
- });
178
- break;
179
- case " ":
180
- this.keyboardNav = false;
181
- if (this.isSearchBar || this.isSearchableSelect) {
304
+ if (event.shiftKey && event.ctrlKey) {
305
+ this.handleMultipleShiftSelect(endOptionIndex);
306
+ }
307
+ this.lastOptionFocused = endOptionIndex;
308
+ this.lastOptionSelected = endOptionIndex;
182
309
  break;
183
310
  }
184
- else {
185
- if (event.target.id !== "clear-button") {
186
- this.handleMenuChange(true);
311
+ case " ":
312
+ if (!isKeyboardCombination) {
313
+ this.keyboardNav = false;
187
314
  }
188
- }
189
- break;
190
- case "Enter":
191
- event.preventDefault();
192
- this.keyboardNav = false;
193
- if (isOpen) {
194
- if (highlightedOptionIndex >= 0) {
195
- if (menuOptions[highlightedOptionIndex] !== undefined) {
196
- if (this.isSearchBar &&
197
- menuOptions[highlightedOptionIndex].disabled === true) {
198
- this.disabledOptionSelected = true;
199
- }
200
- else {
201
- this.setInputValue(highlightedOptionIndex);
202
- this.value =
203
- menuOptions[highlightedOptionIndex][this.valueField];
204
- }
315
+ if (this.isSearchBar || this.isSearchableSelect) {
316
+ break;
317
+ }
318
+ else {
319
+ if (event.target.id !== this.CLEAR_BUTTON_ID) {
320
+ this.handleMenuChange(true);
321
+ }
322
+ }
323
+ break;
324
+ case "Enter":
325
+ event.preventDefault();
326
+ if (!isKeyboardCombination) {
327
+ this.keyboardNav = false;
328
+ }
329
+ this.handleOptionSelect(event, highlightedOptionIndex);
330
+ break;
331
+ case "Escape":
332
+ if (this.open) {
333
+ event.stopImmediatePropagation();
334
+ }
335
+ this.handleMenuChange(false);
336
+ this.menuOptionId.emit({ optionId: undefined });
337
+ break;
338
+ case "a":
339
+ // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)
340
+ // Otherwise, if a different OS, checks Ctrl key
341
+ if ((isMacDevice() && event.metaKey) ||
342
+ (!isMacDevice() && event.ctrlKey)) {
343
+ this.emitSelectAllEvents();
344
+ this.lastOptionFocused = null;
345
+ this.lastOptionSelected = null;
346
+ }
347
+ break;
348
+ case "Shift":
349
+ case "Tab":
350
+ if (event.key === "Shift") {
351
+ this.shiftPressed = true;
352
+ }
353
+ if (this.isSearchBar) {
354
+ this.keyboardNav = true;
355
+ }
356
+ if (this.isMultiSelect) {
357
+ if (this.open && !event.shiftKey && this.selectAllButton) {
358
+ event.preventDefault();
359
+ this.selectAllButton.focus(); // Move focus to select all button instead of focused option
360
+ this.preventMenuFocus = true;
361
+ this.preventClickOpen = true;
362
+ this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button
205
363
  }
206
364
  }
207
365
  else {
208
- this.setInputValue(highlightedOptionIndex);
366
+ this.preventIncorrectTabOrder = true;
209
367
  }
210
- }
211
- else {
212
- this.handleMenuChange(true);
213
- }
214
- break;
215
- case "Escape":
216
- if (this.open) {
217
- event.stopImmediatePropagation();
218
- }
219
- this.handleMenuChange(false);
220
- this.menuOptionId.emit({ optionId: undefined });
221
- break;
222
- case "Shift":
223
- case "Tab":
224
- if (this.isSearchBar) {
225
- this.keyboardNav = true;
226
- }
227
- this.preventIncorrectTabOrder = true;
228
- break;
229
- default:
230
- this.keyboardNav = false;
231
- this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
232
- break;
368
+ break;
369
+ default:
370
+ if (!isKeyboardCombination) {
371
+ this.keyboardNav = false;
372
+ }
373
+ this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
374
+ }
233
375
  }
234
376
  };
235
377
  this.setInputValue = (highlightedOptionIndex) => {
236
- const menuOptions = this.setMenuOptions();
378
+ const menuOptions = this.getMenuOptions();
237
379
  if (menuOptions[highlightedOptionIndex] !== undefined) {
238
380
  this.menuOptionSelect.emit({
239
381
  value: menuOptions[highlightedOptionIndex][this.valueField],
240
382
  });
241
- this.optionHighlighted = undefined;
242
- this.menuOptionId.emit({ optionId: undefined });
383
+ if (this.closeOnSelect) {
384
+ this.optionHighlighted = undefined;
385
+ this.menuOptionId.emit({ optionId: undefined });
386
+ }
387
+ }
388
+ if (this.closeOnSelect) {
389
+ if (!this.hasTimedOut) {
390
+ this.handleMenuChange(false);
391
+ }
392
+ else {
393
+ this.parentEl.setFocus();
394
+ }
243
395
  }
244
- if (!this.hasTimedOut)
245
- this.handleMenuChange(false);
246
- else
247
- this.parentEl.setFocus();
248
396
  };
249
397
  this.handleOptionClick = (event) => {
250
398
  const { value, label } = event.target.dataset;
251
- this.menuOptionSelect.emit({ value, label });
252
- this.handleMenuChange(false);
399
+ if (this.isMultiSelect) {
400
+ const menuOptions = this.getMenuOptions();
401
+ const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
402
+ this.handleOptionSelect(event, selectedOptionIndex, true);
403
+ this.multiOptionClicked = value;
404
+ }
405
+ else {
406
+ this.menuOptionSelect.emit({ value, label });
407
+ this.handleMenuChange(false);
408
+ }
409
+ this.optionHighlighted = undefined;
253
410
  };
254
411
  this.handleRetry = () => {
255
412
  this.retryButtonClicked.emit({ value: this.value });
@@ -262,13 +419,23 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
262
419
  };
263
420
  this.handleBlur = (event) => {
264
421
  if (event.relatedTarget !== this.inputEl) {
265
- if (!this.menu.contains(event.relatedTarget)) {
422
+ if (event.relatedTarget === this.selectAllButton) {
423
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
424
+ }
425
+ if (!(this.menu.contains(event.relatedTarget) ||
426
+ event.relatedTarget === this.selectAllButton)) {
266
427
  this.handleMenuChange(false, this.hasPreviouslyBlurred);
428
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
429
+ this.lastOptionFocused = null;
430
+ this.lastOptionSelected = null;
267
431
  }
268
432
  }
269
433
  else {
270
434
  this.handleMenuChange(false);
271
435
  this.preventClickOpen = true;
436
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
437
+ this.lastOptionFocused = null;
438
+ this.lastOptionSelected = null;
272
439
  }
273
440
  if (!this.isSearchBar)
274
441
  this.hasPreviouslyBlurred = !!event.relatedTarget;
@@ -281,12 +448,113 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
281
448
  this.autoSetValueOnMenuKeyDown(event);
282
449
  }
283
450
  else if (this.activationType === "manual" && !this.isSearchBar) {
284
- this.manSetInputValueKeyboardOpen(event);
451
+ this.manualSetInputValueKeyboardOpen(event);
452
+ }
453
+ };
454
+ this.handleMenuKeyUp = (event) => {
455
+ if (event.key === "Tab" && event.shiftKey) {
456
+ this.preventClickOpen = false;
457
+ }
458
+ if (event.key === "Enter" && this.disabledOptionSelected) {
459
+ this.disabledOptionSelected = false;
460
+ event.stopImmediatePropagation();
461
+ }
462
+ if (event.key === "Shift") {
463
+ this.shiftPressed = false;
464
+ }
465
+ };
466
+ this.handleSelectAllClick = () => {
467
+ this.keyboardNav = false;
468
+ this.menu.focus();
469
+ this.emitSelectAllEvents();
470
+ this.lastOptionFocused = null;
471
+ this.lastOptionSelected = null;
472
+ };
473
+ this.handleSelectAllBlur = (event) => {
474
+ this.host.classList.remove("ic-select-select-all-focused");
475
+ if (!this.menu.contains(event.relatedTarget)) {
476
+ this.handleMenuChange(false, false);
477
+ }
478
+ };
479
+ this.handleSelectAllFocus = () => {
480
+ this.host.classList.add("ic-select-select-all-focused");
481
+ this.lastOptionFocused = null;
482
+ this.lastOptionSelected = null;
483
+ };
484
+ // Fix for Safari - select all button click was causing menu to close
485
+ this.handleSelectAllMouseDown = (event) => {
486
+ event.preventDefault();
487
+ };
488
+ // When shift key is being used to select contiguous options one by one on a multi-select
489
+ // I.e. holding shift and pressing up and down arrow keys
490
+ this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {
491
+ if (this.isMultiSelect &&
492
+ event.shiftKey &&
493
+ !this.isOptionSelected(optionToSelectIndex)) {
494
+ this.selectHighlightedOption(options, optionToSelectIndex);
495
+ this.lastOptionSelected = optionToSelectIndex;
496
+ }
497
+ };
498
+ // When shift key is being used to select multiple options at once on a multi-select
499
+ // I.e. holding shift when selecting another option
500
+ this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {
501
+ this.shiftPressed = false;
502
+ const firstOptionInSelection = firstOptionSelected === null
503
+ ? this.getFirstOptionInSelection(useFocusForSelection)
504
+ : firstOptionSelected;
505
+ if (firstOptionInSelection !== null) {
506
+ const optionsToSelect = [];
507
+ if (firstOptionInSelection < lastOptionInSelection) {
508
+ for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {
509
+ optionsToSelect.push(i);
510
+ }
511
+ }
512
+ else {
513
+ for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {
514
+ optionsToSelect.push(i);
515
+ }
516
+ }
517
+ optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));
518
+ this.deselectSelectedOptions(optionsToSelect);
519
+ }
520
+ };
521
+ this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {
522
+ const menuOptions = this.getMenuOptions();
523
+ const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);
524
+ if (event.shiftKey && firstOptionInSelection !== null) {
525
+ this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);
526
+ }
527
+ else {
528
+ this.selectHighlightedOption(menuOptions, optionIndex);
529
+ }
530
+ this.lastOptionFocused = optionIndex;
531
+ this.lastOptionSelected = optionIndex;
532
+ };
533
+ this.getFirstOptionInSelection = (useFocusForSelection) => {
534
+ return useFocusForSelection && this.lastOptionFocused !== null
535
+ ? this.lastOptionFocused
536
+ : this.lastOptionSelected !== null
537
+ ? this.lastOptionSelected
538
+ : null;
539
+ };
540
+ this.emitSelectAllEvents = () => {
541
+ var _a, _b;
542
+ // Select all if there is either no value or not all options are selected
543
+ // 'true' means select all, 'false' means clear all
544
+ this.menuOptionSelectAll.emit({
545
+ select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),
546
+ });
547
+ // Emit clear event if all options are selected
548
+ if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === this.ungroupedOptions.length) {
549
+ this.icClear.emit();
285
550
  }
286
551
  };
287
552
  this.emitMenuKeyPress = (isNavKey, key) => {
288
553
  this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
289
554
  };
555
+ // Determines keyboard behaviour when selection is automatic
556
+ // (i.e. you don't have to press Enter select an option - just focus on it)
557
+ // and menu is focused
290
558
  this.autoSetValueOnMenuKeyDown = (event) => {
291
559
  event.cancelBubble = true;
292
560
  const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
@@ -346,15 +614,6 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
346
614
  }
347
615
  this.emitMenuKeyPress(this.keyboardNav, event.key);
348
616
  };
349
- this.handleMenuKeyUp = (event) => {
350
- if (event.key === "Tab" && event.shiftKey) {
351
- this.preventClickOpen = false;
352
- }
353
- if (event.key === "Enter" && this.disabledOptionSelected) {
354
- this.disabledOptionSelected = false;
355
- event.stopImmediatePropagation();
356
- }
357
- };
358
617
  this.getOptionId = (value) => {
359
618
  return `${this.menuId}-${value}`;
360
619
  };
@@ -380,6 +639,10 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
380
639
  }
381
640
  return sorted;
382
641
  };
642
+ this.getOptionHighlightedIndex = () => {
643
+ const menuOptions = this.getMenuOptions();
644
+ return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
645
+ };
383
646
  this.isManualMode = this.activationType === "manual";
384
647
  this.scrollToSelected = (menu) => {
385
648
  const selectedOption = this.selectOnEnter
@@ -391,9 +654,14 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
391
654
  elTop < menu.scrollTop + menu.offsetHeight) {
392
655
  menu.scrollTop = selectedOption.offsetTop;
393
656
  }
657
+ // 'aria-activedescendant' affects screen reader focus
658
+ // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant
659
+ this.menu.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);
394
660
  selectedOption.focus();
395
661
  }
396
662
  };
663
+ // Set 'ungroupedOptions' variable and emit its value
664
+ // - this is all the options with disabled options and group titles removed
397
665
  this.loadUngroupedOptions = () => {
398
666
  if (this.options.length > 0 && this.options.map) {
399
667
  this.options.map((option) => {
@@ -420,21 +688,24 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
420
688
  this.handleTimeoutBlur = (ev) => {
421
689
  this.timeoutBlur.emit({ ev });
422
690
  };
423
- this.optionContent = (option) => {
424
- var _a;
425
- return (h(Fragment, null, option.loading && h("ic-loading-indicator", { size: "icon" }), h("div", { class: "option-text-container" }, h("div", { class: "option-label" }, option.icon && (h("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), h("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (h("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, h("p", null, option.description))), option.element && (h("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), !!option[this.valueField] &&
691
+ this.optionContent = (option, selected) => {
692
+ const showCheckIcon = !!option[this.valueField] &&
426
693
  !!this.value &&
427
- option[this.valueField].toLowerCase() === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) &&
428
- this.parentEl.tagName !== "IC-SEARCH-BAR" && (h("span", { class: "check-icon", innerHTML: checkIcon }))));
694
+ selected &&
695
+ this.parentEl.tagName !== this.SEARCH_BAR_TAG;
696
+ return (h(Fragment, null, option.loading && h("ic-loading-indicator", { size: "icon" }), h("div", { class: {
697
+ "option-text-container": true,
698
+ "show-check-icon": showCheckIcon,
699
+ } }, h("div", { class: "option-label" }, option.icon && (h("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), h("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (h("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, h("p", null, option.description))), option.element && (h("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), showCheckIcon && h("span", { class: "check-icon", innerHTML: checkIcon })));
429
700
  };
430
- this.displayOption = (option, index, parentOption) => {
431
- const { open, value, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
701
+ this.displayOption = (option, selected, index, parentOption) => {
702
+ const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
432
703
  return (h("li", { id: this.getOptionId(option[this.valueField]), class: {
433
704
  option: true,
434
705
  "focused-option": isManualMode
435
706
  ? (keyboardNav || initialOptionsListRender) &&
436
707
  option[this.valueField] === optionHighlighted
437
- : keyboardNav && option[this.valueField] === value,
708
+ : keyboardNav && selected,
438
709
  "last-recommended-option": option.recommended &&
439
710
  options[index + 1] &&
440
711
  !options[index + 1].recommended,
@@ -442,20 +713,21 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
442
713
  "loading-option": option.loading,
443
714
  timeout: option.timedOut,
444
715
  }, role: "option", tabindex: open &&
445
- (option[this.valueField] === value ||
446
- option[this.valueField] === optionHighlighted) &&
716
+ (selected || option[this.valueField] === optionHighlighted) &&
447
717
  keyboardNav
448
718
  ? "0"
449
- : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": `${option[this.valueField] === value}`, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", { id: "error-title" }, "Error"), h("g", { id: "close-octagon" }, h("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
719
+ : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", { id: "error-title" }, "Error"), h("g", { id: "close-octagon" }, h("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
450
720
  };
451
721
  this.focusFromSearchKeypress = false;
452
722
  this.initialOptionsListRender = false;
453
723
  this.keyboardNav = false;
454
724
  this.optionHighlighted = undefined;
455
725
  this.preventIncorrectTabOrder = false;
726
+ this.menuOptions = undefined;
456
727
  this.activationType = "automatic";
457
728
  this.anchorEl = undefined;
458
- this.autoFocusOnSelected = true;
729
+ this.autofocusOnSelected = true;
730
+ this.closeOnSelect = true;
459
731
  this.fullWidth = false;
460
732
  this.inputEl = undefined;
461
733
  this.inputLabel = undefined;
@@ -482,9 +754,6 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
482
754
  this.ungroupedOptions = [];
483
755
  this.loadUngroupedOptions();
484
756
  }
485
- watchValueHandler() {
486
- this.menuValueChange.emit({ value: this.value });
487
- }
488
757
  connectedCallback() {
489
758
  this.getParentEl(this.parentEl);
490
759
  if (this.isSearchBar) {
@@ -494,11 +763,12 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
494
763
  }
495
764
  }
496
765
  disconnectedCallback() {
766
+ var _a, _b;
497
767
  if (this.popperInstance) {
498
768
  this.popperInstance.destroy();
499
769
  }
500
- this.parentEl.removeEventListener("icClear", this.handleClearListener);
501
- this.parentEl.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
770
+ (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("icClear", this.handleClearListener);
771
+ (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
502
772
  }
503
773
  componentWillLoad() {
504
774
  var _a, _b;
@@ -523,16 +793,15 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
523
793
  }
524
794
  componentDidUpdate() {
525
795
  const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);
526
- if (this.open && this.options.length !== 0) {
796
+ if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {
527
797
  if (this.value &&
528
798
  this.keyboardNav &&
529
799
  inputValueInOptions &&
530
- this.autoFocusOnSelected &&
800
+ this.autofocusOnSelected &&
531
801
  !this.isSearchableSelect) {
532
802
  this.scrollToSelected(this.menu);
533
803
  }
534
- else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
535
- this.inputEl.tagName !== "INPUT") {
804
+ else if (this.selectOnEnter) {
536
805
  this.menu.focus();
537
806
  }
538
807
  else if (!!this.optionHighlighted &&
@@ -540,13 +809,18 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
540
809
  !this.preventIncorrectTabOrder) {
541
810
  const highlightedEl = this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);
542
811
  if (highlightedEl) {
812
+ this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);
543
813
  highlightedEl.focus();
544
814
  }
545
815
  }
816
+ else if (this.inputEl.tagName !== "INPUT") {
817
+ this.menu.focus();
818
+ }
546
819
  }
547
820
  if (this.open && !this.value && this.selectOnEnter) {
548
821
  this.scrollToSelected(this.menu);
549
822
  }
823
+ this.preventMenuFocus = false;
550
824
  }
551
825
  componentDidRender() {
552
826
  if (this.open && !this.popperInstance && this.anchorEl) {
@@ -576,7 +850,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
576
850
  this.autoSetInputValueKeyboardOpen(event);
577
851
  }
578
852
  else {
579
- this.manSetInputValueKeyboardOpen(event);
853
+ this.manualSetInputValueKeyboardOpen(event);
580
854
  }
581
855
  }
582
856
  /**
@@ -591,8 +865,9 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
591
865
  * boundary behaviour so sticking with PopperJS.
592
866
  */
593
867
  async initPopperJs(anchor) {
868
+ // Placements set to "-start" to accommodate for custom menu width - menu should always be aligned to the left
594
869
  this.popperInstance = createPopper(anchor, this.host, {
595
- placement: "bottom",
870
+ placement: "bottom-start",
596
871
  modifiers: [
597
872
  {
598
873
  name: "offset",
@@ -603,7 +878,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
603
878
  {
604
879
  name: "flip",
605
880
  options: {
606
- fallbackPlacements: ["top"],
881
+ fallbackPlacements: ["top-start"],
607
882
  rootBoundary: "viewport",
608
883
  },
609
884
  },
@@ -624,37 +899,59 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
624
899
  this.focusFromSearchKeypress = true;
625
900
  }
626
901
  render() {
627
- const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;
902
+ const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = this;
903
+ const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
904
+ const hasNoResults = this.host.classList.contains("no-results");
628
905
  return (h(Host, { class: {
629
906
  "ic-menu-full-width": fullWidth,
630
- "ic-menu-no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" || hasTimedOut || isLoading,
907
+ "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
908
+ (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
909
+ hasTimedOut ||
910
+ isLoading,
631
911
  [`ic-menu-${size}`]: true,
632
- "ic-menu-open": open,
633
- } }, options.length !== 0 && (h("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": inputLabel, "aria-activedescendant": value != null && value !== "" ? this.getOptionId(value) : "", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
912
+ "ic-menu-open": open && options.length !== 0,
913
+ "ic-menu-multiple": this.isMultiSelect,
914
+ } }, options.length !== 0 && (h("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
915
+ !keyboardNav &&
916
+ ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
917
+ (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
918
+ ? "0"
919
+ : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
634
920
  if (option.children) {
635
921
  if (option.children.length > 0) {
636
- return (h("div", null, h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, h("p", null, option[this.labelField])), option.children.map((childOption) => this.displayOption(childOption, index, option))));
922
+ return (h("div", null, h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, h("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
923
+ this.displayOption(childOption, this.isMultiSelect
924
+ ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
925
+ : childOption[this.valueField] === value, index, option))));
637
926
  }
638
927
  else {
639
928
  return null;
640
929
  }
641
930
  }
642
931
  else {
643
- return this.displayOption(option, index);
644
- }
645
- })))));
932
+ // Display option only if it has a label (rather than displaying an empty space)
933
+ return (option.label &&
934
+ this.displayOption(option, this.isMultiSelect
935
+ ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
936
+ : option[this.valueField] === value, index));
937
+ }
938
+ }))), options.length !== 0 &&
939
+ this.isMultiSelect &&
940
+ !isLoading &&
941
+ !hasTimedOut &&
942
+ !hasNoResults && (h("div", { class: "option-bar" }, h("ic-typography", null, h("p", null, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h("ic-button", { class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
646
943
  }
647
944
  get host() { return this; }
648
945
  static get watchers() { return {
649
946
  "open": ["watchOpenHandler"],
650
- "options": ["watchOptionsHandler"],
651
- "value": ["watchValueHandler"]
947
+ "options": ["watchOptionsHandler"]
652
948
  }; }
653
949
  static get style() { return icMenuCss; }
654
950
  }, [2, "ic-menu", {
655
951
  "activationType": [1, "activation-type"],
656
952
  "anchorEl": [16],
657
- "autoFocusOnSelected": [4, "auto-focus-on-selected"],
953
+ "autofocusOnSelected": [4, "autofocus-on-selected"],
954
+ "closeOnSelect": [4, "close-on-select"],
658
955
  "fullWidth": [4, "full-width"],
659
956
  "inputEl": [16],
660
957
  "inputLabel": [1, "input-label"],
@@ -666,21 +963,21 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
666
963
  "selectOnEnter": [4, "select-on-enter"],
667
964
  "size": [1],
668
965
  "options": [16],
669
- "value": [1025],
966
+ "value": [1],
670
967
  "valueField": [1, "value-field"],
671
968
  "focusFromSearchKeypress": [32],
672
969
  "initialOptionsListRender": [32],
673
970
  "keyboardNav": [32],
674
971
  "optionHighlighted": [32],
675
972
  "preventIncorrectTabOrder": [32],
973
+ "menuOptions": [32],
676
974
  "handleClickOpen": [64],
677
975
  "handleKeyboardOpen": [64],
678
976
  "handleSetFirstOption": [64],
679
977
  "initPopperJs": [64]
680
978
  }, undefined, {
681
979
  "open": ["watchOpenHandler"],
682
- "options": ["watchOptionsHandler"],
683
- "value": ["watchValueHandler"]
980
+ "options": ["watchOptionsHandler"]
684
981
  }]);
685
982
  function defineCustomElement() {
686
983
  if (typeof customElements === "undefined") {