@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.41

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 (832) hide show
  1. package/README.md +7 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/date-helpers-c9551119.js +150 -0
  4. package/dist/cjs/date-helpers-c9551119.js.map +1 -0
  5. package/dist/cjs/helpers-951fb33a.js +433 -0
  6. package/dist/cjs/helpers-951fb33a.js.map +1 -0
  7. package/dist/cjs/{helpers-bbe55215.js → helpers-eabe59b6.js} +147 -100
  8. package/dist/cjs/helpers-eabe59b6.js.map +1 -0
  9. package/dist/cjs/ic-accordion-group.cjs.entry.js +31 -4
  10. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-accordion.cjs.entry.js +11 -4
  12. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-alert.cjs.entry.js +20 -6
  14. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-back-to-top.cjs.entry.js +26 -17
  16. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-badge.cjs.entry.js +86 -83
  18. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +62 -25
  20. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  22. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-button_3.cjs.entry.js +145 -103
  24. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-horizontal.cjs.entry.js +130 -0
  26. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -0
  27. package/dist/cjs/ic-card.cjs.entry.js +30 -7
  28. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox-group.cjs.entry.js +28 -17
  30. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-checkbox.cjs.entry.js +50 -31
  32. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-chip.cjs.entry.js +45 -21
  34. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-classification-banner.cjs.entry.js +14 -5
  36. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-data-entity.cjs.entry.js +3 -6
  38. package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-data-row.cjs.entry.js +21 -35
  40. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +57 -0
  42. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -0
  43. package/dist/cjs/ic-data-table.cjs.entry.js +1079 -84
  44. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-date-input.cjs.entry.js +1123 -0
  46. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -0
  47. package/dist/cjs/ic-date-picker.cjs.entry.js +1129 -0
  48. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -0
  49. package/dist/cjs/ic-dialog.cjs.entry.js +54 -12
  50. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-empty-state_2.cjs.entry.js +388 -0
  53. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -0
  54. package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -4
  55. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  57. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-footer.cjs.entry.js +18 -7
  59. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-hero.cjs.entry.js +12 -2
  61. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -5
  63. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +164 -0
  65. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -0
  66. package/dist/cjs/ic-link.cjs.entry.js +34 -16
  67. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  69. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-menu-item.cjs.entry.js +21 -20
  71. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +2740 -0
  73. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +1 -0
  74. package/dist/cjs/{ic-input-component-container_3.cjs.entry.js → ic-menu.cjs.entry.js} +17 -80
  75. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -0
  76. package/dist/cjs/ic-navigation-button.cjs.entry.js +28 -7
  77. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-navigation-group.cjs.entry.js +32 -22
  79. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-navigation-item.cjs.entry.js +82 -36
  81. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  83. package/dist/cjs/ic-page-header.cjs.entry.js +10 -10
  84. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-pagination_4.cjs.entry.js +231 -116
  86. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-popover-menu.cjs.entry.js +40 -36
  88. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-radio-group.cjs.entry.js +100 -59
  90. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-radio-option.cjs.entry.js +59 -42
  92. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-search-bar.cjs.entry.js +22 -30
  94. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
  96. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-select-with-multi.cjs.entry.js +796 -0
  98. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +1 -0
  99. package/dist/cjs/ic-side-navigation.cjs.entry.js +53 -73
  100. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
  102. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-status-tag.cjs.entry.js +4 -2
  104. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-step.cjs.entry.js +5 -2
  106. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-stepper.cjs.entry.js +31 -9
  108. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-switch.cjs.entry.js +7 -3
  110. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-tab-context.cjs.entry.js +78 -130
  112. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  114. package/dist/cjs/ic-tab-panel.cjs.entry.js +5 -13
  115. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-tab.cjs.entry.js +16 -14
  117. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-theme.cjs.entry.js +13 -22
  119. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-toast-region.cjs.entry.js +6 -0
  121. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-toast.cjs.entry.js +21 -18
  123. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +201 -0
  125. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -0
  126. package/dist/cjs/ic-toggle-button.cjs.entry.js +97 -0
  127. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
  128. package/dist/cjs/ic-top-navigation.cjs.entry.js +60 -82
  129. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  130. package/dist/cjs/ic-tree-item.cjs.entry.js +253 -0
  131. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -0
  132. package/dist/cjs/ic-tree-view.cjs.entry.js +215 -0
  133. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -0
  134. package/dist/cjs/ic-typography.cjs.entry.js +51 -14
  135. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  136. package/dist/cjs/index-4cf27b16.js +48 -12
  137. package/dist/cjs/loader.cjs.js +1 -1
  138. package/dist/collection/assets/arrow-dropdown.svg +3 -0
  139. package/dist/collection/assets/calendar.svg +3 -0
  140. package/dist/collection/collection-manifest.json +11 -1
  141. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +658 -0
  142. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +375 -0
  143. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -0
  144. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
  145. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
  146. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +2 -0
  147. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +1 -0
  148. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +140 -0
  149. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -0
  150. package/dist/collection/components/ic-data-table/ic-data-table.css +286 -10
  151. package/dist/collection/components/ic-data-table/ic-data-table.js +1533 -123
  152. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  153. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +414 -0
  154. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
  155. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  156. package/dist/collection/components/ic-data-table/story-data.js +1326 -43
  157. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  158. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +460 -3
  159. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  160. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +91 -0
  161. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +160 -0
  162. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -0
  163. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
  164. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
  165. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js +11 -0
  166. package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js.map +1 -0
  167. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js +70 -0
  168. package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js.map +1 -0
  169. package/dist/collection/components/ic-date-input/ic-date-input.css +564 -0
  170. package/dist/collection/components/ic-date-input/ic-date-input.js +1808 -0
  171. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -0
  172. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
  173. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
  174. package/dist/collection/components/ic-date-input/story-data.js +28 -0
  175. package/dist/collection/components/ic-date-input/story-data.js.map +1 -0
  176. package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js +1158 -0
  177. package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js.map +1 -0
  178. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +42 -0
  179. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -0
  180. package/dist/collection/components/ic-date-picker/ic-date-picker.css +885 -0
  181. package/dist/collection/components/ic-date-picker/ic-date-picker.js +1688 -0
  182. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -0
  183. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
  184. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
  185. package/dist/collection/components/ic-date-picker/ic-day-button.js +36 -0
  186. package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -0
  187. package/dist/collection/components/ic-date-picker/ic-month-picker.js +29 -0
  188. package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -0
  189. package/dist/collection/components/ic-date-picker/ic-year-picker.js +39 -0
  190. package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -0
  191. package/dist/collection/components/ic-date-picker/story-data.js +179 -0
  192. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -0
  193. package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js +13 -0
  194. package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js.map +1 -0
  195. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js +207 -0
  196. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js.map +1 -0
  197. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js +1030 -0
  198. package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js.map +1 -0
  199. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +701 -0
  200. package/dist/collection/components/ic-menu-with-multi/ic-menu.js +1599 -0
  201. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +1 -0
  202. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +1057 -0
  203. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -0
  204. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +346 -166
  205. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  206. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
  207. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
  208. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  209. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  210. package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js +8 -1
  211. package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js.map +1 -1
  212. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +75 -12
  213. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  214. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +3 -0
  215. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +3 -0
  216. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +3 -0
  217. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
  218. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
  219. package/dist/collection/components/ic-select-with-multi/ic-select.css +693 -0
  220. package/dist/collection/components/ic-select-with-multi/ic-select.js +1649 -0
  221. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +1 -0
  222. package/dist/collection/components/ic-select-with-multi/story-data.js +216 -0
  223. package/dist/collection/components/ic-select-with-multi/story-data.js.map +1 -0
  224. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +1518 -0
  225. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +1 -0
  226. package/dist/collection/components/ic-tree-item/ic-tree-item.css +186 -0
  227. package/dist/collection/components/ic-tree-item/ic-tree-item.js +620 -0
  228. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -0
  229. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +117 -0
  230. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -0
  231. package/dist/collection/components/ic-tree-view/ic-tree-view.css +74 -0
  232. package/dist/collection/components/ic-tree-view/ic-tree-view.js +346 -0
  233. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -0
  234. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
  235. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
  236. package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js +85 -0
  237. package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js.map +1 -0
  238. package/dist/collection/utils/constants.js +83 -0
  239. package/dist/collection/utils/constants.js.map +1 -0
  240. package/dist/collection/utils/date-helpers.js +133 -0
  241. package/dist/collection/utils/date-helpers.js.map +1 -0
  242. package/dist/collection/utils/helpers.js +473 -5
  243. package/dist/collection/utils/helpers.js.map +1 -1
  244. package/dist/collection/utils/types.js +58 -0
  245. package/dist/collection/utils/types.js.map +1 -0
  246. package/dist/components/helpers.js +141 -98
  247. package/dist/components/helpers.js.map +1 -1
  248. package/dist/components/helpers2.js +403 -0
  249. package/dist/components/helpers2.js.map +1 -0
  250. package/dist/components/ic-accordion-group.js +38 -7
  251. package/dist/components/ic-accordion-group.js.map +1 -1
  252. package/dist/components/ic-accordion.js +12 -4
  253. package/dist/components/ic-accordion.js.map +1 -1
  254. package/dist/components/ic-alert2.js +21 -6
  255. package/dist/components/ic-alert2.js.map +1 -1
  256. package/dist/components/ic-back-to-top.js +34 -18
  257. package/dist/components/ic-back-to-top.js.map +1 -1
  258. package/dist/components/ic-badge.js +91 -84
  259. package/dist/components/ic-badge.js.map +1 -1
  260. package/dist/components/ic-breadcrumb-group.js +66 -25
  261. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  262. package/dist/components/ic-breadcrumb2.js +2 -2
  263. package/dist/components/ic-breadcrumb2.js.map +1 -1
  264. package/dist/components/ic-button2.js +104 -74
  265. package/dist/components/ic-button2.js.map +1 -1
  266. package/dist/components/ic-card-horizontal.d.ts +11 -0
  267. package/dist/components/ic-card-horizontal.js +168 -0
  268. package/dist/components/ic-card-horizontal.js.map +1 -0
  269. package/dist/components/ic-card.js +34 -21
  270. package/dist/components/ic-card.js.map +1 -1
  271. package/dist/components/ic-checkbox-group.js +33 -18
  272. package/dist/components/ic-checkbox-group.js.map +1 -1
  273. package/dist/components/ic-checkbox.js +58 -33
  274. package/dist/components/ic-checkbox.js.map +1 -1
  275. package/dist/components/ic-chip.js +52 -23
  276. package/dist/components/ic-chip.js.map +1 -1
  277. package/dist/components/ic-classification-banner.js +14 -5
  278. package/dist/components/ic-classification-banner.js.map +1 -1
  279. package/dist/components/ic-data-entity.js +3 -6
  280. package/dist/components/ic-data-entity.js.map +1 -1
  281. package/dist/components/ic-data-row.js +21 -35
  282. package/dist/components/ic-data-row.js.map +1 -1
  283. package/dist/components/ic-data-table-title-bar.d.ts +11 -0
  284. package/dist/components/ic-data-table-title-bar.js +136 -0
  285. package/dist/components/ic-data-table-title-bar.js.map +1 -0
  286. package/dist/components/ic-data-table.js +1119 -91
  287. package/dist/components/ic-data-table.js.map +1 -1
  288. package/dist/components/ic-date-input.d.ts +11 -0
  289. package/dist/components/ic-date-input.js +8 -0
  290. package/dist/components/ic-date-input.js.map +1 -0
  291. package/dist/components/ic-date-input2.js +1359 -0
  292. package/dist/components/ic-date-input2.js.map +1 -0
  293. package/dist/components/ic-date-picker.d.ts +11 -0
  294. package/dist/components/ic-date-picker.js +1258 -0
  295. package/dist/components/ic-date-picker.js.map +1 -0
  296. package/dist/components/ic-dialog.js +55 -12
  297. package/dist/components/ic-dialog.js.map +1 -1
  298. package/dist/components/ic-divider2.js +1 -1
  299. package/dist/components/ic-empty-state.js +1 -57
  300. package/dist/components/ic-empty-state.js.map +1 -1
  301. package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} +47 -11
  302. package/dist/components/ic-empty-state2.js.map +1 -0
  303. package/dist/components/ic-footer-link-group.js +4 -4
  304. package/dist/components/ic-footer-link-group.js.map +1 -1
  305. package/dist/components/ic-footer-link.js +3 -3
  306. package/dist/components/ic-footer-link.js.map +1 -1
  307. package/dist/components/ic-footer.js +18 -7
  308. package/dist/components/ic-footer.js.map +1 -1
  309. package/dist/components/ic-hero.js +12 -2
  310. package/dist/components/ic-hero.js.map +1 -1
  311. package/dist/components/ic-horizontal-scroll2.js +5 -5
  312. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  313. package/dist/components/ic-input-component-container2.js +24 -8
  314. package/dist/components/ic-input-component-container2.js.map +1 -1
  315. package/dist/components/ic-input-label2.js +7 -5
  316. package/dist/components/ic-input-label2.js.map +1 -1
  317. package/dist/components/ic-input-validation2.js +1 -1
  318. package/dist/components/ic-link2.js +35 -17
  319. package/dist/components/ic-link2.js.map +1 -1
  320. package/dist/components/ic-loading-indicator2.js +2 -2
  321. package/dist/components/ic-loading-indicator2.js.map +1 -1
  322. package/dist/components/ic-menu-group.js +2 -2
  323. package/dist/components/ic-menu-group.js.map +1 -1
  324. package/dist/components/ic-menu-item2.js +26 -23
  325. package/dist/components/ic-menu-item2.js.map +1 -1
  326. package/dist/components/ic-menu-with-multi.d.ts +11 -0
  327. package/dist/components/ic-menu-with-multi.js +8 -0
  328. package/dist/components/ic-menu-with-multi.js.map +1 -0
  329. package/dist/components/ic-menu2.js +14 -14
  330. package/dist/components/ic-menu2.js.map +1 -1
  331. package/dist/components/ic-menu3.js +2806 -0
  332. package/dist/components/ic-menu3.js.map +1 -0
  333. package/dist/components/ic-navigation-button.js +29 -8
  334. package/dist/components/ic-navigation-button.js.map +1 -1
  335. package/dist/components/ic-navigation-group.js +34 -24
  336. package/dist/components/ic-navigation-group.js.map +1 -1
  337. package/dist/components/ic-navigation-item.js +84 -37
  338. package/dist/components/ic-navigation-item.js.map +1 -1
  339. package/dist/components/ic-navigation-menu2.js +1 -1
  340. package/dist/components/ic-page-header.js +10 -10
  341. package/dist/components/ic-page-header.js.map +1 -1
  342. package/dist/components/ic-pagination-bar2.js +244 -161
  343. package/dist/components/ic-pagination-bar2.js.map +1 -1
  344. package/dist/components/ic-pagination-item2.js +27 -12
  345. package/dist/components/ic-pagination-item2.js.map +1 -1
  346. package/dist/components/ic-pagination2.js +30 -10
  347. package/dist/components/ic-pagination2.js.map +1 -1
  348. package/dist/components/ic-popover-menu.js +43 -38
  349. package/dist/components/ic-popover-menu.js.map +1 -1
  350. package/dist/components/ic-radio-group.js +101 -59
  351. package/dist/components/ic-radio-group.js.map +1 -1
  352. package/dist/components/ic-radio-option.js +63 -44
  353. package/dist/components/ic-radio-option.js.map +1 -1
  354. package/dist/components/ic-search-bar.js +23 -30
  355. package/dist/components/ic-search-bar.js.map +1 -1
  356. package/dist/components/ic-section-container2.js +1 -1
  357. package/dist/components/ic-section-container2.js.map +1 -1
  358. package/dist/components/ic-select-with-multi.d.ts +11 -0
  359. package/dist/components/ic-select-with-multi.js +921 -0
  360. package/dist/components/ic-select-with-multi.js.map +1 -0
  361. package/dist/components/ic-select2.js +77 -30
  362. package/dist/components/ic-select2.js.map +1 -1
  363. package/dist/components/ic-side-navigation.js +56 -74
  364. package/dist/components/ic-side-navigation.js.map +1 -1
  365. package/dist/components/ic-skeleton.js +17 -40
  366. package/dist/components/ic-skeleton.js.map +1 -1
  367. package/dist/components/ic-status-tag.js +3 -1
  368. package/dist/components/ic-status-tag.js.map +1 -1
  369. package/dist/components/ic-step.js +5 -2
  370. package/dist/components/ic-step.js.map +1 -1
  371. package/dist/components/ic-stepper.js +35 -9
  372. package/dist/components/ic-stepper.js.map +1 -1
  373. package/dist/components/ic-switch.js +9 -4
  374. package/dist/components/ic-switch.js.map +1 -1
  375. package/dist/components/ic-tab-context.js +79 -130
  376. package/dist/components/ic-tab-context.js.map +1 -1
  377. package/dist/components/ic-tab-panel.js +6 -17
  378. package/dist/components/ic-tab-panel.js.map +1 -1
  379. package/dist/components/ic-tab.js +16 -14
  380. package/dist/components/ic-tab.js.map +1 -1
  381. package/dist/components/ic-text-field2.js +120 -72
  382. package/dist/components/ic-text-field2.js.map +1 -1
  383. package/dist/components/ic-theme.js +13 -22
  384. package/dist/components/ic-theme.js.map +1 -1
  385. package/dist/components/ic-toast-region.js +6 -0
  386. package/dist/components/ic-toast-region.js.map +1 -1
  387. package/dist/components/ic-toast.js +24 -19
  388. package/dist/components/ic-toast.js.map +1 -1
  389. package/dist/components/ic-toggle-button-group.js +230 -0
  390. package/dist/components/ic-toggle-button-group.js.map +1 -0
  391. package/dist/components/ic-toggle-button.js +148 -0
  392. package/dist/components/ic-toggle-button.js.map +1 -0
  393. package/dist/components/ic-tooltip2.js +52 -30
  394. package/dist/components/ic-tooltip2.js.map +1 -1
  395. package/dist/components/ic-top-navigation.js +61 -83
  396. package/dist/components/ic-top-navigation.js.map +1 -1
  397. package/dist/components/ic-tree-item.d.ts +11 -0
  398. package/dist/components/ic-tree-item.js +300 -0
  399. package/dist/components/ic-tree-item.js.map +1 -0
  400. package/dist/components/ic-tree-view.d.ts +11 -0
  401. package/dist/components/ic-tree-view.js +252 -0
  402. package/dist/components/ic-tree-view.js.map +1 -0
  403. package/dist/components/ic-typography2.js +57 -17
  404. package/dist/components/ic-typography2.js.map +1 -1
  405. package/dist/core/core.css +8 -5
  406. package/dist/core/core.esm.js +1 -1
  407. package/dist/core/core.esm.js.map +1 -1
  408. package/dist/core/p-0229eb46.entry.js +2 -0
  409. package/dist/core/p-0229eb46.entry.js.map +1 -0
  410. package/dist/core/p-04fe848d.entry.js +2 -0
  411. package/dist/core/p-04fe848d.entry.js.map +1 -0
  412. package/dist/core/p-05ae9a59.entry.js +2 -0
  413. package/dist/core/p-05ae9a59.entry.js.map +1 -0
  414. package/dist/core/p-074e64d0.entry.js +2 -0
  415. package/dist/core/p-074e64d0.entry.js.map +1 -0
  416. package/dist/core/p-0f1706e8.entry.js +2 -0
  417. package/dist/core/p-0f1706e8.entry.js.map +1 -0
  418. package/dist/core/p-11877d23.entry.js +2 -0
  419. package/dist/core/p-11877d23.entry.js.map +1 -0
  420. package/dist/core/p-1e450833.entry.js +2 -0
  421. package/dist/core/p-1e450833.entry.js.map +1 -0
  422. package/dist/core/{p-4409f656.entry.js → p-23408776.entry.js} +2 -2
  423. package/dist/core/p-23408776.entry.js.map +1 -0
  424. package/dist/core/p-26fa17fb.entry.js +2 -0
  425. package/dist/core/p-26fa17fb.entry.js.map +1 -0
  426. package/dist/core/p-2b15ea77.entry.js +2 -0
  427. package/dist/core/p-2b15ea77.entry.js.map +1 -0
  428. package/dist/core/p-2d44b81a.entry.js +2 -0
  429. package/dist/core/p-2d44b81a.entry.js.map +1 -0
  430. package/dist/core/p-2ea7af8b.entry.js +2 -0
  431. package/dist/core/p-2ea7af8b.entry.js.map +1 -0
  432. package/dist/core/p-33dd24eb.js +2 -0
  433. package/dist/core/p-33dd24eb.js.map +1 -0
  434. package/dist/core/p-38f329ab.entry.js +2 -0
  435. package/dist/core/p-38f329ab.entry.js.map +1 -0
  436. package/dist/core/p-3cd2056f.entry.js +2 -0
  437. package/dist/core/p-3cd2056f.entry.js.map +1 -0
  438. package/dist/core/p-3d00ad9e.entry.js +2 -0
  439. package/dist/core/p-3d00ad9e.entry.js.map +1 -0
  440. package/dist/core/p-3ebd4703.entry.js +2 -0
  441. package/dist/core/p-3ebd4703.entry.js.map +1 -0
  442. package/dist/core/p-44036532.entry.js +2 -0
  443. package/dist/core/p-44036532.entry.js.map +1 -0
  444. package/dist/core/p-44680720.entry.js +2 -0
  445. package/dist/core/p-44680720.entry.js.map +1 -0
  446. package/dist/core/{p-24945ee5.entry.js → p-452985d9.entry.js} +2 -2
  447. package/dist/core/p-452985d9.entry.js.map +1 -0
  448. package/dist/core/{p-b97dc365.entry.js → p-487fd924.entry.js} +2 -2
  449. package/dist/core/p-56db5123.entry.js +2 -0
  450. package/dist/core/p-56db5123.entry.js.map +1 -0
  451. package/dist/core/p-5a90eaa8.entry.js +2 -0
  452. package/dist/core/p-5a90eaa8.entry.js.map +1 -0
  453. package/dist/core/p-5dd6381a.entry.js +2 -0
  454. package/dist/core/p-5dd6381a.entry.js.map +1 -0
  455. package/dist/core/p-5f149106.entry.js +2 -0
  456. package/dist/core/p-5f149106.entry.js.map +1 -0
  457. package/dist/core/p-61848e6b.entry.js +2 -0
  458. package/dist/core/p-61848e6b.entry.js.map +1 -0
  459. package/dist/core/{p-d77960f6.entry.js → p-656378ba.entry.js} +2 -2
  460. package/dist/core/p-6a920114.entry.js +2 -0
  461. package/dist/core/p-6a920114.entry.js.map +1 -0
  462. package/dist/core/p-6cdf5de2.entry.js +2 -0
  463. package/dist/core/p-6cdf5de2.entry.js.map +1 -0
  464. package/dist/core/p-70ad364c.entry.js +2 -0
  465. package/dist/core/p-70ad364c.entry.js.map +1 -0
  466. package/dist/core/p-70c659ec.entry.js +2 -0
  467. package/dist/core/p-70c659ec.entry.js.map +1 -0
  468. package/dist/core/p-74b42302.entry.js +2 -0
  469. package/dist/core/p-74b42302.entry.js.map +1 -0
  470. package/dist/core/p-75bd12f8.entry.js +2 -0
  471. package/dist/core/p-75bd12f8.entry.js.map +1 -0
  472. package/dist/core/p-780294b8.entry.js +2 -0
  473. package/dist/core/p-780294b8.entry.js.map +1 -0
  474. package/dist/core/{p-baf81f30.entry.js → p-787ffd96.entry.js} +2 -2
  475. package/dist/core/p-787ffd96.entry.js.map +1 -0
  476. package/dist/core/p-7edc19be.entry.js +2 -0
  477. package/dist/core/p-7edc19be.entry.js.map +1 -0
  478. package/dist/core/p-8ab58daa.js +2 -0
  479. package/dist/core/p-8ab58daa.js.map +1 -0
  480. package/dist/core/p-8ced1495.entry.js +2 -0
  481. package/dist/core/p-8ced1495.entry.js.map +1 -0
  482. package/dist/core/{p-939baa93.entry.js → p-95545b4c.entry.js} +2 -2
  483. package/dist/core/p-95545b4c.entry.js.map +1 -0
  484. package/dist/core/p-95d057b8.entry.js +2 -0
  485. package/dist/core/p-95d057b8.entry.js.map +1 -0
  486. package/dist/core/p-987cd821.entry.js +2 -0
  487. package/dist/core/p-987cd821.entry.js.map +1 -0
  488. package/dist/core/{p-41aa0ed3.entry.js → p-9b386822.entry.js} +2 -2
  489. package/dist/core/p-9b386822.entry.js.map +1 -0
  490. package/dist/core/{p-39e20b87.entry.js → p-9bbe221f.entry.js} +2 -2
  491. package/dist/core/{p-39e20b87.entry.js.map → p-9bbe221f.entry.js.map} +1 -1
  492. package/dist/core/p-9f157649.entry.js +2 -0
  493. package/dist/core/p-9f157649.entry.js.map +1 -0
  494. package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js} +2 -2
  495. package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map} +1 -1
  496. package/dist/core/p-9f58998d.entry.js +2 -0
  497. package/dist/core/p-9f58998d.entry.js.map +1 -0
  498. package/dist/core/p-a4f28ef1.entry.js +2 -0
  499. package/dist/core/p-a4f28ef1.entry.js.map +1 -0
  500. package/dist/core/p-ac8090a5.entry.js +2 -0
  501. package/dist/core/p-ac8090a5.entry.js.map +1 -0
  502. package/dist/core/p-b1f89f44.entry.js +2 -0
  503. package/dist/core/p-b1f89f44.entry.js.map +1 -0
  504. package/dist/core/p-bc350ec5.entry.js +2 -0
  505. package/dist/core/p-bc350ec5.entry.js.map +1 -0
  506. package/dist/core/p-bd0328f3.entry.js +2 -0
  507. package/dist/core/p-bd0328f3.entry.js.map +1 -0
  508. package/dist/core/p-bf06977d.js +2 -0
  509. package/dist/core/p-bf06977d.js.map +1 -0
  510. package/dist/core/p-c0a2a040.entry.js +2 -0
  511. package/dist/core/p-c0a2a040.entry.js.map +1 -0
  512. package/dist/core/p-cc0e0b46.entry.js +2 -0
  513. package/dist/core/p-cc0e0b46.entry.js.map +1 -0
  514. package/dist/core/p-d0020f6f.entry.js +2 -0
  515. package/dist/core/p-d0020f6f.entry.js.map +1 -0
  516. package/dist/core/{p-3d618bc2.entry.js → p-d1045cd5.entry.js} +2 -2
  517. package/dist/core/p-d56248df.entry.js +2 -0
  518. package/dist/core/p-d56248df.entry.js.map +1 -0
  519. package/dist/core/p-d921dc2c.entry.js +2 -0
  520. package/dist/core/p-d921dc2c.entry.js.map +1 -0
  521. package/dist/core/p-da398a5d.entry.js +2 -0
  522. package/dist/core/p-da398a5d.entry.js.map +1 -0
  523. package/dist/core/{p-2e9e8e7c.entry.js → p-db5af9f7.entry.js} +2 -2
  524. package/dist/core/p-db5af9f7.entry.js.map +1 -0
  525. package/dist/core/p-dd4c83ad.entry.js +2 -0
  526. package/dist/core/p-dd4c83ad.entry.js.map +1 -0
  527. package/dist/core/p-e362b5f3.entry.js +2 -0
  528. package/dist/core/p-e362b5f3.entry.js.map +1 -0
  529. package/dist/core/p-e89c2feb.entry.js +2 -0
  530. package/dist/core/p-e89c2feb.entry.js.map +1 -0
  531. package/dist/core/p-eaeaa096.entry.js +2 -0
  532. package/dist/core/p-eaeaa096.entry.js.map +1 -0
  533. package/dist/core/{p-c2b5e7b1.entry.js → p-eb87b43b.entry.js} +2 -2
  534. package/dist/core/{p-c2b5e7b1.entry.js.map → p-eb87b43b.entry.js.map} +1 -1
  535. package/dist/core/p-f5dfcf4f.entry.js +2 -0
  536. package/dist/core/p-f5dfcf4f.entry.js.map +1 -0
  537. package/dist/core/p-f5fbfbc9.entry.js +2 -0
  538. package/dist/core/p-f5fbfbc9.entry.js.map +1 -0
  539. package/dist/core/p-fac387e8.entry.js +2 -0
  540. package/dist/core/p-fac387e8.entry.js.map +1 -0
  541. package/dist/esm/core.js +1 -1
  542. package/dist/esm/date-helpers-0e5e32a7.js +136 -0
  543. package/dist/esm/date-helpers-0e5e32a7.js.map +1 -0
  544. package/dist/esm/helpers-948df101.js +403 -0
  545. package/dist/esm/helpers-948df101.js.map +1 -0
  546. package/dist/esm/{helpers-268c2b7f.js → helpers-cd64688a.js} +142 -99
  547. package/dist/esm/helpers-cd64688a.js.map +1 -0
  548. package/dist/esm/ic-accordion-group.entry.js +31 -4
  549. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  550. package/dist/esm/ic-accordion.entry.js +11 -4
  551. package/dist/esm/ic-accordion.entry.js.map +1 -1
  552. package/dist/esm/ic-alert.entry.js +20 -6
  553. package/dist/esm/ic-alert.entry.js.map +1 -1
  554. package/dist/esm/ic-back-to-top.entry.js +26 -17
  555. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  556. package/dist/esm/ic-badge.entry.js +86 -83
  557. package/dist/esm/ic-badge.entry.js.map +1 -1
  558. package/dist/esm/ic-breadcrumb-group.entry.js +62 -25
  559. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  560. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  561. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  562. package/dist/esm/ic-button_3.entry.js +145 -103
  563. package/dist/esm/ic-button_3.entry.js.map +1 -1
  564. package/dist/esm/ic-card-horizontal.entry.js +126 -0
  565. package/dist/esm/ic-card-horizontal.entry.js.map +1 -0
  566. package/dist/esm/ic-card.entry.js +30 -7
  567. package/dist/esm/ic-card.entry.js.map +1 -1
  568. package/dist/esm/ic-checkbox-group.entry.js +28 -17
  569. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  570. package/dist/esm/ic-checkbox.entry.js +50 -31
  571. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  572. package/dist/esm/ic-chip.entry.js +45 -21
  573. package/dist/esm/ic-chip.entry.js.map +1 -1
  574. package/dist/esm/ic-classification-banner.entry.js +14 -5
  575. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  576. package/dist/esm/ic-data-entity.entry.js +3 -6
  577. package/dist/esm/ic-data-entity.entry.js.map +1 -1
  578. package/dist/esm/ic-data-row.entry.js +21 -35
  579. package/dist/esm/ic-data-row.entry.js.map +1 -1
  580. package/dist/esm/ic-data-table-title-bar.entry.js +53 -0
  581. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -0
  582. package/dist/esm/ic-data-table.entry.js +1080 -85
  583. package/dist/esm/ic-data-table.entry.js.map +1 -1
  584. package/dist/esm/ic-date-input.entry.js +1119 -0
  585. package/dist/esm/ic-date-input.entry.js.map +1 -0
  586. package/dist/esm/ic-date-picker.entry.js +1125 -0
  587. package/dist/esm/ic-date-picker.entry.js.map +1 -0
  588. package/dist/esm/ic-dialog.entry.js +54 -12
  589. package/dist/esm/ic-dialog.entry.js.map +1 -1
  590. package/dist/esm/ic-divider.entry.js +1 -1
  591. package/dist/esm/ic-empty-state_2.entry.js +383 -0
  592. package/dist/esm/ic-empty-state_2.entry.js.map +1 -0
  593. package/dist/esm/ic-footer-link-group.entry.js +4 -4
  594. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  595. package/dist/esm/ic-footer-link.entry.js +3 -3
  596. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  597. package/dist/esm/ic-footer.entry.js +18 -7
  598. package/dist/esm/ic-footer.entry.js.map +1 -1
  599. package/dist/esm/ic-hero.entry.js +12 -2
  600. package/dist/esm/ic-hero.entry.js.map +1 -1
  601. package/dist/esm/ic-horizontal-scroll.entry.js +5 -5
  602. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  603. package/dist/esm/ic-input-component-container_4.entry.js +157 -0
  604. package/dist/esm/ic-input-component-container_4.entry.js.map +1 -0
  605. package/dist/esm/ic-link.entry.js +35 -17
  606. package/dist/esm/ic-link.entry.js.map +1 -1
  607. package/dist/esm/ic-menu-group.entry.js +2 -2
  608. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  609. package/dist/esm/ic-menu-item.entry.js +21 -20
  610. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  611. package/dist/esm/ic-menu-with-multi.entry.js +2736 -0
  612. package/dist/esm/ic-menu-with-multi.entry.js.map +1 -0
  613. package/dist/esm/{ic-input-component-container_3.entry.js → ic-menu.entry.js} +19 -80
  614. package/dist/esm/ic-menu.entry.js.map +1 -0
  615. package/dist/esm/ic-navigation-button.entry.js +29 -8
  616. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  617. package/dist/esm/ic-navigation-group.entry.js +33 -23
  618. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  619. package/dist/esm/ic-navigation-item.entry.js +83 -37
  620. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  621. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  622. package/dist/esm/ic-page-header.entry.js +10 -10
  623. package/dist/esm/ic-page-header.entry.js.map +1 -1
  624. package/dist/esm/ic-pagination_4.entry.js +232 -117
  625. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  626. package/dist/esm/ic-popover-menu.entry.js +40 -36
  627. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  628. package/dist/esm/ic-radio-group.entry.js +100 -59
  629. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  630. package/dist/esm/ic-radio-option.entry.js +59 -42
  631. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  632. package/dist/esm/ic-search-bar.entry.js +22 -30
  633. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  634. package/dist/esm/ic-section-container.entry.js +1 -1
  635. package/dist/esm/ic-section-container.entry.js.map +1 -1
  636. package/dist/esm/ic-select-with-multi.entry.js +792 -0
  637. package/dist/esm/ic-select-with-multi.entry.js.map +1 -0
  638. package/dist/esm/ic-side-navigation.entry.js +53 -73
  639. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  640. package/dist/esm/ic-skeleton.entry.js +16 -35
  641. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  642. package/dist/esm/ic-status-tag.entry.js +4 -2
  643. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  644. package/dist/esm/ic-step.entry.js +5 -2
  645. package/dist/esm/ic-step.entry.js.map +1 -1
  646. package/dist/esm/ic-stepper.entry.js +31 -9
  647. package/dist/esm/ic-stepper.entry.js.map +1 -1
  648. package/dist/esm/ic-switch.entry.js +7 -3
  649. package/dist/esm/ic-switch.entry.js.map +1 -1
  650. package/dist/esm/ic-tab-context.entry.js +78 -130
  651. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  652. package/dist/esm/ic-tab-group.entry.js +1 -1
  653. package/dist/esm/ic-tab-panel.entry.js +5 -13
  654. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  655. package/dist/esm/ic-tab.entry.js +16 -14
  656. package/dist/esm/ic-tab.entry.js.map +1 -1
  657. package/dist/esm/ic-theme.entry.js +13 -22
  658. package/dist/esm/ic-theme.entry.js.map +1 -1
  659. package/dist/esm/ic-toast-region.entry.js +6 -0
  660. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  661. package/dist/esm/ic-toast.entry.js +21 -18
  662. package/dist/esm/ic-toast.entry.js.map +1 -1
  663. package/dist/esm/ic-toggle-button-group.entry.js +197 -0
  664. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -0
  665. package/dist/esm/ic-toggle-button.entry.js +93 -0
  666. package/dist/esm/ic-toggle-button.entry.js.map +1 -0
  667. package/dist/esm/ic-top-navigation.entry.js +60 -82
  668. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  669. package/dist/esm/ic-tree-item.entry.js +249 -0
  670. package/dist/esm/ic-tree-item.entry.js.map +1 -0
  671. package/dist/esm/ic-tree-view.entry.js +211 -0
  672. package/dist/esm/ic-tree-view.entry.js.map +1 -0
  673. package/dist/esm/ic-typography.entry.js +52 -15
  674. package/dist/esm/ic-typography.entry.js.map +1 -1
  675. package/dist/esm/index-93509377.js +48 -12
  676. package/dist/esm/loader.js +1 -1
  677. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +71 -0
  678. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
  679. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +1 -0
  680. package/dist/types/components/ic-data-table/ic-data-table.d.ts +218 -19
  681. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
  682. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +43 -0
  683. package/dist/types/components/ic-data-table/story-data.d.ts +492 -2
  684. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +36 -0
  685. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
  686. package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts +1 -0
  687. package/dist/types/components/ic-date-input/ic-date-input.d.ts +264 -0
  688. package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
  689. package/dist/types/components/ic-date-input/story-data.d.ts +1 -0
  690. package/dist/types/components/ic-date-input/test/helpers/ic-date-input.d.ts +23 -0
  691. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +262 -0
  692. package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
  693. package/dist/types/components/ic-date-picker/ic-day-button.d.ts +16 -0
  694. package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +14 -0
  695. package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +16 -0
  696. package/dist/types/components/ic-date-picker/story-data.d.ts +24 -0
  697. package/dist/types/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.d.ts +1 -0
  698. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +218 -0
  699. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +65 -23
  700. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
  701. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  702. package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
  703. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +289 -0
  704. package/dist/types/components/ic-select-with-multi/story-data.d.ts +32 -0
  705. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +101 -0
  706. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +51 -0
  707. package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
  708. package/dist/types/components.d.ts +1711 -127
  709. package/dist/types/interface.d.ts +1 -0
  710. package/dist/types/utils/constants.d.ts +38 -0
  711. package/dist/types/utils/date-helpers.d.ts +22 -0
  712. package/dist/types/utils/helpers.d.ts +144 -2
  713. package/dist/types/utils/types.d.ts +126 -0
  714. package/hydrate/index.js +18298 -9132
  715. package/package.json +27 -17
  716. package/dist/cjs/helpers-bbe55215.js.map +0 -1
  717. package/dist/cjs/ic-empty-state.cjs.entry.js +0 -38
  718. package/dist/cjs/ic-empty-state.cjs.entry.js.map +0 -1
  719. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +0 -1
  720. package/dist/cjs/ic-input-label_2.cjs.entry.js +0 -86
  721. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +0 -1
  722. package/dist/cjs/ic-pagination-bar.cjs.entry.js +0 -285
  723. package/dist/cjs/ic-pagination-bar.cjs.entry.js.map +0 -1
  724. package/dist/collection/components/ic-pagination/ic-pagination.types.js +0 -2
  725. package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +0 -1
  726. package/dist/core/p-0083465b.entry.js +0 -2
  727. package/dist/core/p-0083465b.entry.js.map +0 -1
  728. package/dist/core/p-03487f12.entry.js +0 -2
  729. package/dist/core/p-03487f12.entry.js.map +0 -1
  730. package/dist/core/p-03f8fa1a.entry.js +0 -2
  731. package/dist/core/p-03f8fa1a.entry.js.map +0 -1
  732. package/dist/core/p-0c18b6a0.entry.js +0 -2
  733. package/dist/core/p-0c18b6a0.entry.js.map +0 -1
  734. package/dist/core/p-1bc034aa.entry.js +0 -2
  735. package/dist/core/p-1bc034aa.entry.js.map +0 -1
  736. package/dist/core/p-20a76d1d.entry.js +0 -2
  737. package/dist/core/p-20a76d1d.entry.js.map +0 -1
  738. package/dist/core/p-24945ee5.entry.js.map +0 -1
  739. package/dist/core/p-2dc35696.entry.js +0 -2
  740. package/dist/core/p-2dc35696.entry.js.map +0 -1
  741. package/dist/core/p-2e9e8e7c.entry.js.map +0 -1
  742. package/dist/core/p-3ee25a6d.entry.js +0 -2
  743. package/dist/core/p-3ee25a6d.entry.js.map +0 -1
  744. package/dist/core/p-41aa0ed3.entry.js.map +0 -1
  745. package/dist/core/p-4314aa0e.entry.js +0 -2
  746. package/dist/core/p-4314aa0e.entry.js.map +0 -1
  747. package/dist/core/p-4409f656.entry.js.map +0 -1
  748. package/dist/core/p-47abbd06.entry.js +0 -2
  749. package/dist/core/p-47abbd06.entry.js.map +0 -1
  750. package/dist/core/p-485823b6.entry.js +0 -2
  751. package/dist/core/p-485823b6.entry.js.map +0 -1
  752. package/dist/core/p-4ee59448.entry.js +0 -2
  753. package/dist/core/p-4ee59448.entry.js.map +0 -1
  754. package/dist/core/p-5157cfab.entry.js +0 -2
  755. package/dist/core/p-5157cfab.entry.js.map +0 -1
  756. package/dist/core/p-53083575.entry.js +0 -2
  757. package/dist/core/p-53083575.entry.js.map +0 -1
  758. package/dist/core/p-55d5541f.entry.js +0 -2
  759. package/dist/core/p-55d5541f.entry.js.map +0 -1
  760. package/dist/core/p-5bb32ee6.entry.js +0 -2
  761. package/dist/core/p-5bb32ee6.entry.js.map +0 -1
  762. package/dist/core/p-67eea079.entry.js +0 -2
  763. package/dist/core/p-67eea079.entry.js.map +0 -1
  764. package/dist/core/p-6bd0e984.entry.js +0 -2
  765. package/dist/core/p-6bd0e984.entry.js.map +0 -1
  766. package/dist/core/p-75bf6162.entry.js +0 -2
  767. package/dist/core/p-75bf6162.entry.js.map +0 -1
  768. package/dist/core/p-76959313.entry.js +0 -2
  769. package/dist/core/p-76959313.entry.js.map +0 -1
  770. package/dist/core/p-7de813a3.entry.js +0 -2
  771. package/dist/core/p-7de813a3.entry.js.map +0 -1
  772. package/dist/core/p-7eae5f70.entry.js +0 -2
  773. package/dist/core/p-7eae5f70.entry.js.map +0 -1
  774. package/dist/core/p-85508347.entry.js +0 -2
  775. package/dist/core/p-85508347.entry.js.map +0 -1
  776. package/dist/core/p-8da152c4.entry.js +0 -2
  777. package/dist/core/p-8da152c4.entry.js.map +0 -1
  778. package/dist/core/p-8fd4ca0a.js +0 -2
  779. package/dist/core/p-8fd4ca0a.js.map +0 -1
  780. package/dist/core/p-939baa93.entry.js.map +0 -1
  781. package/dist/core/p-9777ebb1.entry.js +0 -2
  782. package/dist/core/p-9777ebb1.entry.js.map +0 -1
  783. package/dist/core/p-9c27b73e.entry.js +0 -2
  784. package/dist/core/p-9c27b73e.entry.js.map +0 -1
  785. package/dist/core/p-9fa6844f.entry.js +0 -2
  786. package/dist/core/p-9fa6844f.entry.js.map +0 -1
  787. package/dist/core/p-9fdd7d73.entry.js +0 -2
  788. package/dist/core/p-9fdd7d73.entry.js.map +0 -1
  789. package/dist/core/p-a3ab9f4c.entry.js +0 -2
  790. package/dist/core/p-a3ab9f4c.entry.js.map +0 -1
  791. package/dist/core/p-a51e5c7c.entry.js +0 -2
  792. package/dist/core/p-a51e5c7c.entry.js.map +0 -1
  793. package/dist/core/p-a7481232.entry.js +0 -2
  794. package/dist/core/p-a7481232.entry.js.map +0 -1
  795. package/dist/core/p-ab9f8a3f.entry.js +0 -2
  796. package/dist/core/p-ab9f8a3f.entry.js.map +0 -1
  797. package/dist/core/p-b2aa3d7c.entry.js +0 -2
  798. package/dist/core/p-b2aa3d7c.entry.js.map +0 -1
  799. package/dist/core/p-b5cf6d65.entry.js +0 -2
  800. package/dist/core/p-b5cf6d65.entry.js.map +0 -1
  801. package/dist/core/p-baf81f30.entry.js.map +0 -1
  802. package/dist/core/p-bc187bb5.entry.js +0 -2
  803. package/dist/core/p-bc187bb5.entry.js.map +0 -1
  804. package/dist/core/p-bd9cecce.entry.js +0 -2
  805. package/dist/core/p-bd9cecce.entry.js.map +0 -1
  806. package/dist/core/p-be980606.entry.js +0 -2
  807. package/dist/core/p-be980606.entry.js.map +0 -1
  808. package/dist/core/p-c1256810.entry.js +0 -2
  809. package/dist/core/p-c1256810.entry.js.map +0 -1
  810. package/dist/core/p-d76cfa5a.entry.js +0 -2
  811. package/dist/core/p-d76cfa5a.entry.js.map +0 -1
  812. package/dist/core/p-e189f1d0.entry.js +0 -2
  813. package/dist/core/p-e189f1d0.entry.js.map +0 -1
  814. package/dist/core/p-e9e145aa.entry.js +0 -2
  815. package/dist/core/p-e9e145aa.entry.js.map +0 -1
  816. package/dist/core/p-f0e9a83f.entry.js +0 -2
  817. package/dist/core/p-f0e9a83f.entry.js.map +0 -1
  818. package/dist/core/p-f23d2102.entry.js +0 -2
  819. package/dist/core/p-f23d2102.entry.js.map +0 -1
  820. package/dist/core/p-f87e8411.entry.js +0 -2
  821. package/dist/core/p-f87e8411.entry.js.map +0 -1
  822. package/dist/esm/helpers-268c2b7f.js.map +0 -1
  823. package/dist/esm/ic-empty-state.entry.js.map +0 -1
  824. package/dist/esm/ic-input-component-container_3.entry.js.map +0 -1
  825. package/dist/esm/ic-input-label_2.entry.js +0 -81
  826. package/dist/esm/ic-input-label_2.entry.js.map +0 -1
  827. package/dist/esm/ic-pagination-bar.entry.js +0 -281
  828. package/dist/esm/ic-pagination-bar.entry.js.map +0 -1
  829. package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +0 -6
  830. /package/dist/core/{p-b97dc365.entry.js.map → p-487fd924.entry.js.map} +0 -0
  831. /package/dist/core/{p-d77960f6.entry.js.map → p-656378ba.entry.js.map} +0 -0
  832. /package/dist/core/{p-3d618bc2.entry.js.map → p-d1045cd5.entry.js.map} +0 -0
@@ -0,0 +1,921 @@
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
+ import { B as getLabelFromValue, C as getFilteredMenuOptions, A as getOptionsWithoutGroupTitlesCount, m as removeFormResetListener, D as inheritAttributes, r as removeDisabledFalse, n as addFormResetListener, o as onComponentRequiredPropUndefined, u as renderHiddenInput, l as getInputDescribedByText, E as hasValidationStatus, F as isMobileOrTablet, I as IcThemeForegroundEnum, G as IC_INHERITED_ARIA, t as IcInformationStatus } from './helpers2.js';
3
+ import { d as defineCustomElement$a } from './ic-button2.js';
4
+ import { d as defineCustomElement$9 } from './ic-input-component-container2.js';
5
+ import { d as defineCustomElement$8 } from './ic-input-container2.js';
6
+ import { d as defineCustomElement$7 } from './ic-input-label2.js';
7
+ import { d as defineCustomElement$6 } from './ic-input-validation2.js';
8
+ import { d as defineCustomElement$5 } from './ic-loading-indicator2.js';
9
+ import { d as defineCustomElement$4 } from './ic-menu3.js';
10
+ import { d as defineCustomElement$3 } from './ic-tooltip2.js';
11
+ import { d as defineCustomElement$2 } from './ic-typography2.js';
12
+
13
+ const Expand = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
14
+ <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />
15
+ </svg>
16
+ `;
17
+
18
+ const Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
19
+ <path d="M12.6666 4.27334L11.7266 3.33334L7.99998 7.06001L4.27331 3.33334L3.33331 4.27334L7.05998 8.00001L3.33331 11.7267L4.27331 12.6667L7.99998 8.94001L11.7266 12.6667L12.6666 11.7267L8.93998 8.00001L12.6666 4.27334Z" fill="currentColor" />
20
+ </svg>
21
+ `;
22
+
23
+ const icSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--menu-max-height:100px}:host(.full-width){width:100%}ic-input-component-container:hover{--border-color:var(--ic-action-dark-hover)}ic-input-component-container:active{--border-color:var(--ic-action-dark-active);color:var(--ic-action-dark-active)}ic-input-component-container.menu-open{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs) !important}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}select option,.select-option-selected{color:var(--ic-color-primary-text)}select:disabled{color:var(--ic-architectural-200);background-image:url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}.select-input:focus{outline:var(--ic-hc-focus-outline)}:host(:not(.disabled)) ic-input-component-container:hover .select-input{background-color:var(--ic-architectural-white)}.select-input[disabled]{pointer-events:none}:host(.searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.value-text p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-action-dark)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.disabled) .expand-icon,:host(.disabled) .expand-icon>svg>path{color:var(--ic-architectural-200)}:host(.searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.searchable) .expand-icon>svg{height:2.25rem;padding:0 0.375rem}:host(.searchable:not(.disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-action-dark)}.expand-icon-open,:host(.searchable) .expand-icon-open{transform:rotateX(180deg)}:host(.disabled) .value-text,.placeholder{color:var(--ic-color-tertiary-text)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex}.divider{width:var(--ic-space-1px);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.small) .divider{height:var(--ic-space-md)}:host(.large) .divider{height:var(--ic-space-xl)}.clear-button{position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}.clear-button:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}.clear-button:focus *{fill:white}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
24
+
25
+ let inputIds = 0;
26
+ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement {
27
+ constructor() {
28
+ super();
29
+ this.__registerHost();
30
+ this.__attachShadow();
31
+ this.icBlur = createEvent(this, "icBlur", 7);
32
+ this.icChange = createEvent(this, "icChange", 7);
33
+ this.icClear = createEvent(this, "icClear", 7);
34
+ this.icFocus = createEvent(this, "icFocus", 7);
35
+ this.icInput = createEvent(this, "icInput", 7);
36
+ this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
37
+ this.icOptionDeselect = createEvent(this, "icOptionDeselect", 7);
38
+ this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
39
+ this.hasSetDefaultValue = false;
40
+ this.inheritedAttributes = {};
41
+ this.initialOptionsEmpty = false;
42
+ this.inputId = `ic-select-input-${inputIds++}`;
43
+ this.menuId = `${this.inputId}-menu`;
44
+ this.searchableMenuItemSelected = false;
45
+ this.ungroupedOptions = [];
46
+ this.handleRetry = (ev) => {
47
+ var _a;
48
+ if (ev.detail.keyPressed)
49
+ (_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
50
+ this.blurredBecauseButtonPressed = true;
51
+ this.retryButtonClick = true;
52
+ this.hasSetDefaultValue = true;
53
+ this.icRetryLoad.emit({ value: this.hiddenInputValue });
54
+ };
55
+ this.emitIcChange = (value) => {
56
+ if (!this.searchable) {
57
+ // If "Select all" button clicked, replace value with new value (array of all option values)
58
+ if (this.multiple && !Array.isArray(value) && value !== null) {
59
+ this.handleMultipleSelectChange(value);
60
+ }
61
+ else {
62
+ this.value = value;
63
+ }
64
+ }
65
+ clearTimeout(this.debounceIcChange);
66
+ this.debounceIcChange = window.setTimeout(() => {
67
+ const valueToEmit = this.multiple ? this.value : value;
68
+ this.icChange.emit({ value: valueToEmit });
69
+ }, this.currDebounce);
70
+ };
71
+ this.emitImmediateIcChange = (value) => {
72
+ this.value = value;
73
+ clearTimeout(this.debounceIcChange);
74
+ this.icChange.emit({ value });
75
+ };
76
+ /**
77
+ * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
78
+ * @param options array of IcMenuOptions
79
+ * @returns a new options object, with all entries possessing a duplicate 'value' field removed
80
+ */
81
+ this.deduplicateOptions = (options) => {
82
+ const uniqueValues = [];
83
+ const dedupedOptions = [];
84
+ let dedupedChildren;
85
+ options.forEach((option) => {
86
+ if (option.children) {
87
+ //If an option has children, we will loop through them
88
+ dedupedChildren = [];
89
+ option.children.forEach((child) => {
90
+ if (uniqueValues.includes(child.value)) {
91
+ console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${child.value}) which has been removed.`);
92
+ }
93
+ else {
94
+ uniqueValues.push(child.value);
95
+ dedupedChildren.push(child);
96
+ }
97
+ });
98
+ // construct a modified option, inserting the deduplicated children alongside the original information
99
+ const modifiedParent = Object.assign(Object.assign({}, option), { children: dedupedChildren });
100
+ dedupedOptions.push(modifiedParent);
101
+ }
102
+ else {
103
+ // If an option does not have children, assess to see if it's value has been included already
104
+ if (uniqueValues.includes(option.value)) {
105
+ console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${option.value}) which has been removed.`);
106
+ }
107
+ else {
108
+ uniqueValues.push(option.value);
109
+ dedupedOptions.push(option);
110
+ }
111
+ }
112
+ });
113
+ return dedupedOptions;
114
+ };
115
+ /**
116
+ * Loop through options array and for all options with no value, infer it from the label
117
+ */
118
+ this.setOptionsValuesFromLabels = () => {
119
+ if (this.options.length > 0 && this.options.map) {
120
+ this.options.map((option) => {
121
+ if (!option.value) {
122
+ option.value = option.label;
123
+ }
124
+ });
125
+ }
126
+ };
127
+ this.setUngroupedOptions = (event) => {
128
+ this.ungroupedOptions = event.detail.options;
129
+ };
130
+ this.setTextColor = () => {
131
+ if (this.nativeSelectElement.selectedIndex === 0) {
132
+ this.nativeSelectElement.className = "placeholder";
133
+ }
134
+ else {
135
+ this.nativeSelectElement.className = "select-option-selected";
136
+ }
137
+ };
138
+ this.setMenuChange = (open) => {
139
+ if (this.open !== open) {
140
+ this.open = open;
141
+ }
142
+ };
143
+ this.getLabelFromValue = (value) => {
144
+ return getLabelFromValue(value, this.uniqueOptions);
145
+ };
146
+ this.getMultipleOptionsString = (selectedValues) => {
147
+ const selectedLabels = selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.map((value) => this.getLabelFromValue(value));
148
+ return selectedLabels === null || selectedLabels === void 0 ? void 0 : selectedLabels.join(", ");
149
+ };
150
+ this.getFilteredChildMenuOptions = (option) => {
151
+ let children = option.children;
152
+ if (this.searchable) {
153
+ children = getFilteredMenuOptions(option.children, this.includeDescriptionsInSearch, this.searchableSelectInputValue, this.searchMatchPosition);
154
+ }
155
+ else {
156
+ children = getFilteredMenuOptions(option.children, false, this.pressedCharacters, "start");
157
+ }
158
+ const newOption = Object.assign({}, option);
159
+ newOption.children = children;
160
+ return newOption;
161
+ };
162
+ // (For multi-select) get value array, i.e. selected option values, in order they appear in option list
163
+ this.getValueSortedByOptions = (value) => {
164
+ const valueArray = value;
165
+ const valuesFromAllOptions = this.ungroupedOptions.map((option) => option.value);
166
+ valueArray.sort((a, b) => valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b));
167
+ return valueArray;
168
+ };
169
+ this.handleNativeSelectChange = () => {
170
+ this.icOptionSelect.emit({ value: this.nativeSelectElement.value });
171
+ this.emitImmediateIcChange(this.nativeSelectElement.value);
172
+ this.setTextColor();
173
+ };
174
+ // Handle option select for when a custom input box and menu is rendered
175
+ // (rather than native <select> - rendered when viewed on a mobile / tablet screen)
176
+ this.handleCustomSelectChange = (event) => {
177
+ var _a;
178
+ const value = event.detail.value;
179
+ if (this.searchable && event.detail.label === this.emptyOptionListText) {
180
+ this.searchableSelectElement.focus();
181
+ return;
182
+ }
183
+ if (this.searchable) {
184
+ this.value = value;
185
+ this.searchableMenuItemSelected = true;
186
+ // After editing the input, if selecting the same option as before, set the input value to label again
187
+ if (this.value === this.currValue) {
188
+ this.searchableSelectInputValue = this.getLabelFromValue(this.value);
189
+ }
190
+ this.inputValueToFilter = null;
191
+ this.hiddenInputValue = this.getValueFromLabel(this.searchableSelectInputValue);
192
+ }
193
+ if (this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(value))) {
194
+ this.icOptionDeselect.emit({ value });
195
+ }
196
+ else {
197
+ this.icOptionSelect.emit({ value });
198
+ }
199
+ this.ariaActiveDescendant = event.detail.optionId;
200
+ this.emitIcChange(value);
201
+ };
202
+ // Update selected options - adds / removes them, in order of option list
203
+ // Create new array if value prop is undefined
204
+ this.handleMultipleSelectChange = (value) => {
205
+ if (this.value) {
206
+ let valueArray = this.value.slice();
207
+ if (this.value.includes(value)) {
208
+ const valueIndex = valueArray.indexOf(value);
209
+ valueArray.splice(valueIndex, 1);
210
+ }
211
+ else {
212
+ valueArray.push(value);
213
+ valueArray = this.getValueSortedByOptions(valueArray);
214
+ }
215
+ this.value = valueArray.length === 0 ? null : valueArray;
216
+ }
217
+ else {
218
+ const valueArray = [];
219
+ valueArray.push(value);
220
+ this.value = valueArray;
221
+ }
222
+ };
223
+ this.handleSelectAllChange = (event) => {
224
+ const selectAllOptions = event.detail.select;
225
+ const allEnabledOptions = this.ungroupedOptions.filter((option) => !option.disabled);
226
+ const allValues = allEnabledOptions.map((option) => option.value);
227
+ let newValue;
228
+ if (selectAllOptions) {
229
+ let unselectedValues;
230
+ // Only emit icOptionSelect for all values that are newly selected
231
+ if (this.value) {
232
+ unselectedValues = allValues.filter((value) => this.value && !this.value.includes(value));
233
+ }
234
+ else {
235
+ unselectedValues = allValues;
236
+ }
237
+ unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));
238
+ newValue = allValues;
239
+ }
240
+ else {
241
+ // Only emit icOptionDeselect for values that were selected
242
+ this.value.forEach((value) => this.icOptionDeselect.emit({ value }));
243
+ newValue = null;
244
+ }
245
+ this.emitIcChange(newValue);
246
+ };
247
+ this.handleMenuChange = (event) => {
248
+ this.open = event.detail.open;
249
+ this.pressedCharacters = "";
250
+ this.searchable && this.handleFocusIndicatorDisplay();
251
+ };
252
+ // clears the debounce delay when navigating the menu with arrow keys etc
253
+ // to prevent delay in change event, which should only occur when typing in input
254
+ this.handleMenuKeyPress = (ev) => {
255
+ ev.cancelBubble = true;
256
+ if (!this.multiple) {
257
+ this.handleCharacterKeyDown(ev.detail.key);
258
+ }
259
+ };
260
+ this.handleFocusIndicatorDisplay = () => {
261
+ const focusIndicator = this.el.shadowRoot.querySelector(".focus-indicator");
262
+ if (this.open) {
263
+ focusIndicator.classList.add("focus-indicator-enabled");
264
+ }
265
+ else {
266
+ focusIndicator.classList.remove("focus-indicator-enabled");
267
+ }
268
+ };
269
+ this.handleMouseDown = (event) => {
270
+ if (!this.open) {
271
+ event.preventDefault();
272
+ }
273
+ };
274
+ this.isExternalFiltering = () => this.searchable && this.disableFilter;
275
+ this.handleClick = (event) => {
276
+ var _a;
277
+ if (!this.open) {
278
+ if (this.isExternalFiltering()) {
279
+ this.menu.options = this.filteredOptions;
280
+ }
281
+ else if (!this.hasTimedOut &&
282
+ !this.loading &&
283
+ !((_a = this.noOptions) === null || _a === void 0 ? void 0 : _a.length) &&
284
+ (!this.searchable || this.searchableMenuItemSelected)) {
285
+ this.noOptions = null;
286
+ this.menu.options = this.uniqueOptions;
287
+ }
288
+ }
289
+ if (event.detail !== 0) {
290
+ this.menu.handleClickOpen();
291
+ }
292
+ };
293
+ this.handleExpandIconMouseDown = (event) => {
294
+ if (!this.disabled) {
295
+ event.preventDefault();
296
+ this.searchableSelectElement.focus();
297
+ this.handleClick(event);
298
+ }
299
+ };
300
+ this.handleClear = (event) => {
301
+ event.stopPropagation();
302
+ this.hasTimedOut = false;
303
+ clearTimeout(this.timeoutTimer);
304
+ this.noOptions = null;
305
+ this.emitImmediateIcChange(null);
306
+ this.icClear.emit();
307
+ if (this.searchable) {
308
+ this.searchableSelectElement.value = null;
309
+ this.searchableSelectInputValue = null;
310
+ this.filteredOptions = this.uniqueOptions;
311
+ this.hiddenInputValue = null;
312
+ this.searchableSelectElement.focus();
313
+ }
314
+ else {
315
+ this.customSelectElement.focus();
316
+ }
317
+ };
318
+ this.handleCharacterKeyDown = (key) => {
319
+ // Only close menu when space is pressed if not being used alongside character keys to quickly select options
320
+ if (this.open &&
321
+ key === " " &&
322
+ this.pressedCharacters.length === 0 &&
323
+ !this.hasTimedOut &&
324
+ !this.loading) {
325
+ this.setMenuChange(false);
326
+ }
327
+ if (key.length === 1 && !this.searchable) {
328
+ window.clearTimeout(this.characterKeyPressTimer);
329
+ this.characterKeyPressTimer = window.setTimeout(() => (this.pressedCharacters = ""), 1000);
330
+ if (!(key === " " && !this.pressedCharacters)) {
331
+ this.pressedCharacters += key;
332
+ this.handleFilter();
333
+ if (!this.noOptions) {
334
+ this.emitImmediateIcChange(this.filteredOptions[0].value);
335
+ }
336
+ }
337
+ }
338
+ else {
339
+ this.pressedCharacters = "";
340
+ }
341
+ };
342
+ this.handleNativeSelectKeyDown = (event) => {
343
+ if ((event.key !== "Escape" && event.key !== "Tab") || this.open) {
344
+ event.cancelBubble = true;
345
+ }
346
+ this.handleCharacterKeyDown(event.key);
347
+ };
348
+ this.handleKeyDown = (event) => {
349
+ if ((event.key !== "Escape" && event.key !== "Tab") || this.open) {
350
+ event.cancelBubble = true;
351
+ }
352
+ const isArrowKey = event.key === "ArrowDown" || event.key === "ArrowUp";
353
+ if (!this.open) {
354
+ if (this.isExternalFiltering() && (event.key === "Enter" || isArrowKey)) {
355
+ this.menu.options = this.filteredOptions;
356
+ }
357
+ else {
358
+ if (!this.hasTimedOut) {
359
+ this.noOptions = null;
360
+ this.menu.options = this.uniqueOptions;
361
+ }
362
+ }
363
+ }
364
+ if (this.open && event.key === "Enter") {
365
+ this.setMenuChange(false);
366
+ }
367
+ else {
368
+ if (!(isArrowKey && this.noOptions !== null)) {
369
+ if (!(event.key === " " && this.pressedCharacters.length > 0)) {
370
+ // Keyboard events get passed onto ic-menu
371
+ this.menu.handleKeyboardOpen(event);
372
+ }
373
+ if (!this.multiple) {
374
+ this.handleCharacterKeyDown(event.key);
375
+ }
376
+ }
377
+ }
378
+ };
379
+ this.handleClearButtonFocus = () => {
380
+ this.clearButtonFocused = true;
381
+ };
382
+ this.handleClearButtonBlur = (ev) => {
383
+ var _a;
384
+ const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
385
+ if (!(this.searchableSelectElement &&
386
+ ev.relatedTarget === this.searchableSelectElement) &&
387
+ !(retryButton && ev.relatedTarget === retryButton)) {
388
+ this.setMenuChange(false);
389
+ this.handleFocusIndicatorDisplay();
390
+ }
391
+ this.clearButtonFocused = false;
392
+ };
393
+ this.handleFilter = () => {
394
+ var _a;
395
+ const options = this.deduplicateOptions(this.searchable ? [...this.uniqueOptions] : this.ungroupedOptions);
396
+ let isGrouped = false;
397
+ let newFilteredOptions = [];
398
+ options.map((option) => {
399
+ if (option.children)
400
+ isGrouped = true;
401
+ });
402
+ let menuOptionsFiltered;
403
+ if (this.searchable) {
404
+ menuOptionsFiltered = getFilteredMenuOptions(options, this.includeDescriptionsInSearch, this.inputValueToFilter, this.searchMatchPosition);
405
+ this.searchableMenuItemSelected = false;
406
+ }
407
+ else {
408
+ menuOptionsFiltered = getFilteredMenuOptions(options, false, this.pressedCharacters, "start");
409
+ }
410
+ if (!isGrouped &&
411
+ ((_a = menuOptionsFiltered[0]) === null || _a === void 0 ? void 0 : _a.label) !== this.emptyOptionListText) {
412
+ newFilteredOptions = menuOptionsFiltered;
413
+ }
414
+ else if (isGrouped) {
415
+ options.map((option) => {
416
+ if (this.includeGroupTitlesInSearch) {
417
+ if (menuOptionsFiltered.indexOf(option) !== -1) {
418
+ newFilteredOptions.push(option);
419
+ }
420
+ else {
421
+ newFilteredOptions.push(this.getFilteredChildMenuOptions(option));
422
+ }
423
+ }
424
+ else {
425
+ newFilteredOptions.push(this.getFilteredChildMenuOptions(option));
426
+ }
427
+ });
428
+ }
429
+ let noChildOptionsWhenFiltered = false;
430
+ if (isGrouped) {
431
+ noChildOptionsWhenFiltered = true;
432
+ newFilteredOptions.map((option) => {
433
+ if (option.children.length > 0) {
434
+ noChildOptionsWhenFiltered = false;
435
+ }
436
+ });
437
+ }
438
+ if (newFilteredOptions.length > 0 && !noChildOptionsWhenFiltered) {
439
+ this.noOptions = null;
440
+ this.filteredOptions = newFilteredOptions;
441
+ }
442
+ else {
443
+ this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
444
+ this.filteredOptions = this.noOptions;
445
+ }
446
+ };
447
+ /**
448
+ * Put the select component into loading state.
449
+ * Replace options with the loading message. If timeout is enabled, set the timeout and once passed, replace options with the loading error message
450
+ */
451
+ this.triggerLoading = () => {
452
+ this.hasTimedOut = false;
453
+ this.noOptions = [{ label: this.loadingLabel, value: "", loading: true }];
454
+ if (this.filteredOptions !== this.noOptions && this.searchable) {
455
+ this.filteredOptions = this.noOptions;
456
+ }
457
+ else if (this.uniqueOptions !== this.noOptions && !this.searchable) {
458
+ this.uniqueOptions = this.noOptions;
459
+ }
460
+ if (this.timeout) {
461
+ this.timeoutTimer = window.setTimeout(() => {
462
+ this.loading = false;
463
+ this.hasTimedOut = true;
464
+ this.noOptions = [
465
+ { label: this.loadingErrorLabel, value: "", timedOut: true },
466
+ ];
467
+ this.filteredOptions = this.noOptions;
468
+ if (!this.searchable)
469
+ this.uniqueOptions = this.noOptions;
470
+ }, this.timeout);
471
+ }
472
+ };
473
+ this.getValueFromLabel = (label) => {
474
+ var _a;
475
+ return (_a = this.uniqueOptions.find((option) => option.label === label)) === null || _a === void 0 ? void 0 : _a.value;
476
+ };
477
+ this.handleSearchableSelectInput = (event) => {
478
+ this.searchableSelectInputValue = event.target.value;
479
+ this.icInput.emit({ value: this.searchableSelectInputValue });
480
+ this.emitIcChange(this.searchableSelectInputValue);
481
+ this.hiddenInputValue = this.searchableSelectInputValue;
482
+ this.inputValueToFilter = this.searchableSelectInputValue;
483
+ this.setMenuChange(true);
484
+ if (!this.disableFilter) {
485
+ this.handleFilter();
486
+ this.debounceAriaLiveUpdate();
487
+ }
488
+ };
489
+ this.updateSearchableSelectResultAriaLive = () => {
490
+ const searchableSelectResultsStatusEl = this.el.shadowRoot.querySelector(".searchable-select-results-status");
491
+ if (searchableSelectResultsStatusEl) {
492
+ if (this.noOptions !== null) {
493
+ searchableSelectResultsStatusEl.innerText = this.emptyOptionListText;
494
+ }
495
+ else {
496
+ searchableSelectResultsStatusEl.innerText = "";
497
+ }
498
+ }
499
+ };
500
+ this.updateMultiSelectedCountAriaLive = () => {
501
+ var _a;
502
+ const multiSelectSelectedCountEl = this.el.shadowRoot.querySelector(".multi-select-selected-count");
503
+ const selectedCount = `${(_a = this.currValue) === null || _a === void 0 ? void 0 : _a.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
504
+ if (multiSelectSelectedCountEl &&
505
+ multiSelectSelectedCountEl.innerText !== selectedCount) {
506
+ multiSelectSelectedCountEl.innerText = selectedCount;
507
+ }
508
+ };
509
+ this.getDefaultValue = (value) => this.getLabelFromValue(value) || value || null;
510
+ this.setDefaultValue = () => {
511
+ if (!this.hasSetDefaultValue && this.currValue) {
512
+ this.searchableSelectInputValue =
513
+ this.searchable && this.getDefaultValue(this.currValue);
514
+ this.initialValue = this.currValue;
515
+ this.hasSetDefaultValue = true;
516
+ }
517
+ };
518
+ this.onFocus = () => {
519
+ this.icFocus.emit();
520
+ };
521
+ this.onBlur = (event) => {
522
+ var _a;
523
+ const target = event.relatedTarget;
524
+ if (target !== null &&
525
+ target.tagName === "UL" &&
526
+ target.className.includes("menu")) {
527
+ return;
528
+ }
529
+ const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
530
+ const isSearchableAndNoFocusedInternalElements = this.searchable &&
531
+ event.relatedTarget !== this.menu &&
532
+ !Array.from(this.menu.querySelectorAll("[role='option']")).includes(event.relatedTarget) &&
533
+ !(this.clearButton && event.relatedTarget === this.clearButton) &&
534
+ !(retryButton && event.relatedTarget === retryButton);
535
+ if (isSearchableAndNoFocusedInternalElements) {
536
+ if (!this.retryButtonClick) {
537
+ this.setMenuChange(false);
538
+ }
539
+ this.handleFocusIndicatorDisplay();
540
+ }
541
+ this.retryButtonClick = false;
542
+ this.icBlur.emit();
543
+ };
544
+ this.onTimeoutBlur = (ev) => {
545
+ if (ev.detail.ev.relatedTarget !==
546
+ this.searchableSelectElement &&
547
+ !this.blurredBecauseButtonPressed) {
548
+ this.setMenuChange(false);
549
+ this.handleFocusIndicatorDisplay();
550
+ this.icBlur.emit();
551
+ }
552
+ this.blurredBecauseButtonPressed = false;
553
+ };
554
+ this.handleFormReset = () => {
555
+ this.value = this.initialValue;
556
+ if (this.searchable) {
557
+ this.searchableSelectInputValue = this.getDefaultValue(this.value);
558
+ this.hiddenInputValue = this.value;
559
+ }
560
+ };
561
+ this.ariaActiveDescendant = undefined;
562
+ this.clearButtonFocused = false;
563
+ this.debounceIcChange = undefined;
564
+ this.hiddenInputValue = undefined;
565
+ this.noOptions = null;
566
+ this.open = false;
567
+ this.pressedCharacters = "";
568
+ this.searchableSelectInputValue = null;
569
+ this.charactersUntilSuggestions = 0;
570
+ this.disabled = false;
571
+ this.disableFilter = false;
572
+ this.emptyOptionListText = "No results found";
573
+ this.form = undefined;
574
+ this.formaction = undefined;
575
+ this.formenctype = undefined;
576
+ this.formmethod = undefined;
577
+ this.formnovalidate = undefined;
578
+ this.formtarget = undefined;
579
+ this.fullWidth = false;
580
+ this.helperText = "";
581
+ this.hideLabel = false;
582
+ this.includeDescriptionsInSearch = false;
583
+ this.includeGroupTitlesInSearch = false;
584
+ this.label = undefined;
585
+ this.loadingErrorLabel = "Loading Error";
586
+ this.loadingLabel = "Loading...";
587
+ this.multiple = false;
588
+ this.name = this.inputId;
589
+ this.placeholder = "Select an option";
590
+ this.readonly = false;
591
+ this.required = false;
592
+ this.searchable = false;
593
+ this.searchMatchPosition = "anywhere";
594
+ this.selectOnEnter = false;
595
+ this.showClearButton = false;
596
+ this.size = "default";
597
+ this.small = false;
598
+ this.timeout = undefined;
599
+ this.validationStatus = "";
600
+ this.validationText = "";
601
+ this.loading = false;
602
+ this.options = [];
603
+ this.filteredOptions = this.options;
604
+ this.uniqueOptions = this.options;
605
+ this.debounce = 0;
606
+ this.currDebounce = this.debounce;
607
+ this.value = undefined;
608
+ this.initialValue = this.value;
609
+ this.inputValueToFilter = this.value;
610
+ this.currValue = this.value;
611
+ }
612
+ loadingHandler(newValue) {
613
+ newValue && this.triggerLoading();
614
+ }
615
+ watchOptionsHandler() {
616
+ if (!this.hasTimedOut && this.options !== this.noOptions) {
617
+ this.loading = false;
618
+ clearTimeout(this.timeoutTimer);
619
+ if (this.isExternalFiltering()) {
620
+ // When searchable select
621
+ if (this.options.length > 0) {
622
+ this.setOptionsValuesFromLabels();
623
+ this.noOptions = null;
624
+ this.uniqueOptions = this.deduplicateOptions(this.options);
625
+ this.filteredOptions = this.uniqueOptions;
626
+ }
627
+ else {
628
+ this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
629
+ this.uniqueOptions = this.noOptions;
630
+ this.filteredOptions = this.noOptions;
631
+ }
632
+ this.updateSearchableSelectResultAriaLive();
633
+ this.setDefaultValue();
634
+ }
635
+ else {
636
+ this.setOptionsValuesFromLabels();
637
+ this.uniqueOptions = this.deduplicateOptions(this.options);
638
+ this.filteredOptions = this.uniqueOptions;
639
+ if (this.initialOptionsEmpty) {
640
+ this.setDefaultValue();
641
+ this.initialOptionsEmpty = false;
642
+ }
643
+ }
644
+ }
645
+ else {
646
+ if (!this.searchable)
647
+ this.options = this.noOptions;
648
+ }
649
+ }
650
+ debounceChangedHandler(newValue) {
651
+ this.updateOnChangeDebounce(newValue);
652
+ }
653
+ valueChangedHandler() {
654
+ if (this.value !== this.currValue) {
655
+ if (this.value && this.multiple) {
656
+ this.currValue = this.getValueSortedByOptions(this.value);
657
+ this.updateMultiSelectedCountAriaLive();
658
+ }
659
+ else {
660
+ this.currValue = this.value;
661
+ }
662
+ }
663
+ if (this.searchable) {
664
+ this.searchableSelectInputValue =
665
+ this.getLabelFromValue(this.currValue) ||
666
+ this.currValue;
667
+ }
668
+ }
669
+ disconnectedCallback() {
670
+ removeFormResetListener(this.el, this.handleFormReset);
671
+ }
672
+ componentWillLoad() {
673
+ this.inheritedAttributes = inheritAttributes(this.el, [
674
+ ...IC_INHERITED_ARIA,
675
+ "tabindex",
676
+ "title",
677
+ ]);
678
+ removeDisabledFalse(this.disabled, this.el);
679
+ this.setOptionsValuesFromLabels();
680
+ addFormResetListener(this.el, this.handleFormReset);
681
+ if (!this.options.length) {
682
+ this.initialOptionsEmpty = true;
683
+ this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
684
+ this.uniqueOptions = this.noOptions;
685
+ this.filteredOptions = this.noOptions;
686
+ }
687
+ else {
688
+ this.setDefaultValue();
689
+ this.uniqueOptions = this.deduplicateOptions(this.options);
690
+ }
691
+ }
692
+ componentDidLoad() {
693
+ onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
694
+ if (this.loading) {
695
+ this.triggerLoading();
696
+ }
697
+ this.hiddenInputValue = this.searchable && this.currValue;
698
+ }
699
+ componentDidRender() {
700
+ if (this.nativeSelectElement && !this.disabled) {
701
+ this.setTextColor();
702
+ }
703
+ }
704
+ /**
705
+ * Sets focus on the input box.
706
+ */
707
+ async setFocus() {
708
+ if (this.nativeSelectElement) {
709
+ this.nativeSelectElement.focus();
710
+ }
711
+ else if (this.customSelectElement) {
712
+ this.customSelectElement.focus();
713
+ }
714
+ else if (this.searchableSelectElement) {
715
+ this.searchableSelectElement.focus();
716
+ }
717
+ }
718
+ updateOnChangeDebounce(newValue) {
719
+ if (this.currDebounce !== newValue) {
720
+ this.currDebounce = newValue;
721
+ }
722
+ }
723
+ debounceAriaLiveUpdate() {
724
+ clearTimeout(this.debounceAria);
725
+ window.setTimeout(() => {
726
+ this.updateSearchableSelectResultAriaLive();
727
+ }, 800);
728
+ }
729
+ render() {
730
+ const { size, small, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
731
+ // HTML inputs only accept 'string' for their value
732
+ // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
733
+ renderHiddenInput(true, this.el, name, this.searchable ? this.hiddenInputValue : currValue, disabled);
734
+ const invalid = validationStatus === IcInformationStatus.Error ? "true" : "false";
735
+ const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
736
+ const optionsSelectedCount = `${currValue === null || currValue === void 0 ? void 0 : currValue.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
737
+ return (h(Host, { class: {
738
+ disabled: disabled,
739
+ searchable: searchable,
740
+ small: small,
741
+ [size]: size !== "default",
742
+ "full-width": fullWidth,
743
+ }, onBlur: this.onBlur }, h("ic-input-container", { readonly: readonly }, !hideLabel && (h("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), h("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, small: small, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (h("ic-typography", null, h("p", null, multiple
744
+ ? this.getMultipleOptionsString(currValue)
745
+ : this.getLabelFromValue(currValue)))) : isMobileOrTablet() && !multiple ? (h("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), h("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
746
+ if (option.children) {
747
+ return (h("optgroup", { label: option.label }, option.children.map((option) => (h("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
748
+ }
749
+ else {
750
+ return (h("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label));
751
+ }
752
+ }))) : searchable ? (h("div", { class: "searchable-select-container" }, h("input", { class: {
753
+ "select-input": true,
754
+ "with-clear-button": !!this.searchableSelectInputValue,
755
+ }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": this.open ? "true" : "false", "aria-invalid": invalid, "aria-required": required ? "true" : "false", "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget }), this.searchableSelectInputValue &&
756
+ (showClearButton || searchable) && (h("div", { class: "clear-button-container" }, h("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && currValue === null
757
+ ? "Clear input"
758
+ : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", appearance: this.clearButtonFocused
759
+ ? IcThemeForegroundEnum.Light
760
+ : IcThemeForegroundEnum.Dark }), h("div", { class: "divider" }))), h("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
761
+ "expand-icon": true,
762
+ "expand-icon-open": this.open,
763
+ }, innerHTML: Expand, "aria-hidden": "true" }), h("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (h("div", { class: "select-container" }, h("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: this.inputId, "aria-label": `${label}, ${(multiple && currValue
764
+ ? `${optionsSelectedCount}, ${this.getMultipleOptionsString(currValue)}`
765
+ : this.getLabelFromValue(currValue)) ||
766
+ placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("ic-typography", { variant: "body", class: {
767
+ "value-text": true,
768
+ "with-clear-button": currValue && showClearButton,
769
+ placeholder: !this.value || (multiple && this.value.length < 1),
770
+ } }, h("p", null, (multiple
771
+ ? this.getMultipleOptionsString(currValue)
772
+ : this.getLabelFromValue(currValue)) ||
773
+ placeholder)), h("div", { class: "select-input-end" }, currValue && showClearButton && (h("div", { class: "divider" })), h("span", { class: {
774
+ "expand-icon": true,
775
+ "expand-icon-open": this.open,
776
+ }, innerHTML: Expand, "aria-hidden": "true" }))), currValue && showClearButton && (h("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", appearance: this.clearButtonFocused
777
+ ? IcThemeForegroundEnum.Light
778
+ : IcThemeForegroundEnum.Dark }))))), (!isMobileOrTablet() || multiple) && (h("ic-menu-with-multi", { class: {
779
+ "no-results": this.loading ||
780
+ this.hasTimedOut ||
781
+ (this.noOptions !== null &&
782
+ this.noOptions[0] &&
783
+ this.noOptions[0].label === this.emptyOptionListText),
784
+ }, ref: (el) => (this.menu = el), inputEl: searchable
785
+ ? this.searchableSelectElement
786
+ : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || multiple || this.selectOnEnter
787
+ ? "manual"
788
+ : "automatic", closeOnSelect: !multiple })), this.multiple && (h("div", { "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, this.disabled) && (h("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
789
+ }
790
+ static get delegatesFocus() { return true; }
791
+ get el() { return this; }
792
+ static get watchers() { return {
793
+ "loading": ["loadingHandler"],
794
+ "options": ["watchOptionsHandler"],
795
+ "debounce": ["debounceChangedHandler"],
796
+ "value": ["valueChangedHandler"]
797
+ }; }
798
+ static get style() { return icSelectCss; }
799
+ }, [17, "ic-select-with-multi", {
800
+ "charactersUntilSuggestions": [2, "characters-until-suggestions"],
801
+ "disabled": [516],
802
+ "disableFilter": [4, "disable-filter"],
803
+ "emptyOptionListText": [1, "empty-option-list-text"],
804
+ "form": [1],
805
+ "formaction": [1],
806
+ "formenctype": [1],
807
+ "formmethod": [1],
808
+ "formnovalidate": [4],
809
+ "formtarget": [1],
810
+ "fullWidth": [4, "full-width"],
811
+ "helperText": [1, "helper-text"],
812
+ "hideLabel": [4, "hide-label"],
813
+ "includeDescriptionsInSearch": [4, "include-descriptions-in-search"],
814
+ "includeGroupTitlesInSearch": [4, "include-group-titles-in-search"],
815
+ "label": [1],
816
+ "loadingErrorLabel": [1, "loading-error-label"],
817
+ "loadingLabel": [1, "loading-label"],
818
+ "multiple": [4],
819
+ "name": [1],
820
+ "placeholder": [1],
821
+ "readonly": [4],
822
+ "required": [4],
823
+ "searchable": [4],
824
+ "searchMatchPosition": [1, "search-match-position"],
825
+ "selectOnEnter": [4, "select-on-enter"],
826
+ "showClearButton": [4, "show-clear-button"],
827
+ "size": [1],
828
+ "small": [4],
829
+ "timeout": [2],
830
+ "validationStatus": [1, "validation-status"],
831
+ "validationText": [1, "validation-text"],
832
+ "loading": [1028],
833
+ "options": [16],
834
+ "debounce": [2],
835
+ "value": [1025],
836
+ "ariaActiveDescendant": [32],
837
+ "clearButtonFocused": [32],
838
+ "debounceIcChange": [32],
839
+ "hiddenInputValue": [32],
840
+ "noOptions": [32],
841
+ "open": [32],
842
+ "pressedCharacters": [32],
843
+ "searchableSelectInputValue": [32],
844
+ "filteredOptions": [32],
845
+ "uniqueOptions": [32],
846
+ "currDebounce": [32],
847
+ "initialValue": [32],
848
+ "inputValueToFilter": [32],
849
+ "currValue": [32],
850
+ "setFocus": [64]
851
+ }, undefined, {
852
+ "loading": ["loadingHandler"],
853
+ "options": ["watchOptionsHandler"],
854
+ "debounce": ["debounceChangedHandler"],
855
+ "value": ["valueChangedHandler"]
856
+ }]);
857
+ function defineCustomElement$1() {
858
+ if (typeof customElements === "undefined") {
859
+ return;
860
+ }
861
+ const components = ["ic-select-with-multi", "ic-button", "ic-input-component-container", "ic-input-container", "ic-input-label", "ic-input-validation", "ic-loading-indicator", "ic-menu-with-multi", "ic-tooltip", "ic-typography"];
862
+ components.forEach(tagName => { switch (tagName) {
863
+ case "ic-select-with-multi":
864
+ if (!customElements.get(tagName)) {
865
+ customElements.define(tagName, Select);
866
+ }
867
+ break;
868
+ case "ic-button":
869
+ if (!customElements.get(tagName)) {
870
+ defineCustomElement$a();
871
+ }
872
+ break;
873
+ case "ic-input-component-container":
874
+ if (!customElements.get(tagName)) {
875
+ defineCustomElement$9();
876
+ }
877
+ break;
878
+ case "ic-input-container":
879
+ if (!customElements.get(tagName)) {
880
+ defineCustomElement$8();
881
+ }
882
+ break;
883
+ case "ic-input-label":
884
+ if (!customElements.get(tagName)) {
885
+ defineCustomElement$7();
886
+ }
887
+ break;
888
+ case "ic-input-validation":
889
+ if (!customElements.get(tagName)) {
890
+ defineCustomElement$6();
891
+ }
892
+ break;
893
+ case "ic-loading-indicator":
894
+ if (!customElements.get(tagName)) {
895
+ defineCustomElement$5();
896
+ }
897
+ break;
898
+ case "ic-menu-with-multi":
899
+ if (!customElements.get(tagName)) {
900
+ defineCustomElement$4();
901
+ }
902
+ break;
903
+ case "ic-tooltip":
904
+ if (!customElements.get(tagName)) {
905
+ defineCustomElement$3();
906
+ }
907
+ break;
908
+ case "ic-typography":
909
+ if (!customElements.get(tagName)) {
910
+ defineCustomElement$2();
911
+ }
912
+ break;
913
+ } });
914
+ }
915
+
916
+ const IcSelectWithMulti = Select;
917
+ const defineCustomElement = defineCustomElement$1;
918
+
919
+ export { IcSelectWithMulti, defineCustomElement };
920
+
921
+ //# sourceMappingURL=ic-select-with-multi.js.map