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

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 (736) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-6817cfbb.js → helpers-02b23286.js} +65 -155
  4. package/dist/cjs/helpers-02b23286.js.map +1 -0
  5. package/dist/cjs/{helpers-33b42cd6.js → helpers-ce248d54.js} +80 -29
  6. package/dist/cjs/helpers-ce248d54.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +47 -3
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-horizontal.cjs.entry.js +33 -35
  24. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  26. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  28. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  30. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  32. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  37. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-data-table.cjs.entry.js +378 -108
  39. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-date-input.cjs.entry.js +23 -18
  41. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-date-picker.cjs.entry.js +16 -5
  43. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-dialog.cjs.entry.js +13 -5
  45. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  47. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-empty-state_2.cjs.entry.js +101 -43
  49. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  51. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-footer-link.cjs.entry.js +7 -6
  53. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  55. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  57. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  59. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1016 -0
  61. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -0
  62. package/dist/cjs/ic-input-label_2.cjs.entry.js +82 -0
  63. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -0
  64. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  65. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  67. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  69. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  71. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  73. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  75. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  77. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  79. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-pagination_4.cjs.entry.js +267 -112
  81. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  83. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-radio-group.cjs.entry.js +58 -28
  85. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  87. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  89. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  91. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  93. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  95. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  97. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  99. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  101. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  103. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  105. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  109. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  111. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  113. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  115. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  117. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  119. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-tree-item.cjs.entry.js +22 -16
  121. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-tree-view.cjs.entry.js +45 -23
  123. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  125. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  126. package/dist/cjs/index-4cf27b16.js +4 -12
  127. package/dist/cjs/loader.cjs.js +1 -1
  128. package/dist/collection/collection-manifest.json +0 -2
  129. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +26 -26
  130. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +63 -38
  131. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  132. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
  133. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
  134. package/dist/collection/components/ic-data-table/ic-data-table.css +177 -23
  135. package/dist/collection/components/ic-data-table/ic-data-table.js +480 -127
  136. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  137. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  138. package/dist/collection/components/ic-data-table/story-data.js +425 -7
  139. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +123 -2
  141. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  142. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +9 -4
  143. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
  144. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  145. package/dist/collection/components/ic-date-input/ic-date-input.css +74 -9
  146. package/dist/collection/components/ic-date-input/ic-date-input.js +67 -18
  147. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  148. package/dist/collection/components/ic-date-picker/ic-date-picker.css +18 -16
  149. package/dist/collection/components/ic-date-picker/ic-date-picker.js +59 -4
  150. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  151. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +4 -7
  152. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +213 -46
  153. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  154. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  155. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  156. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +20 -2
  157. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  158. package/dist/collection/components/ic-tree-item/ic-tree-item.css +51 -26
  159. package/dist/collection/components/ic-tree-item/ic-tree-item.js +84 -44
  160. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  161. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
  162. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
  163. package/dist/collection/components/ic-tree-view/ic-tree-view.css +31 -8
  164. package/dist/collection/components/ic-tree-view/ic-tree-view.js +117 -37
  165. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  166. package/dist/collection/utils/helpers.js +53 -34
  167. package/dist/collection/utils/helpers.js.map +1 -1
  168. package/dist/collection/utils/types.js +6 -6
  169. package/dist/collection/utils/types.js.map +1 -1
  170. package/dist/components/helpers.js +73 -26
  171. package/dist/components/helpers.js.map +1 -1
  172. package/dist/components/helpers2.js +60 -145
  173. package/dist/components/helpers2.js.map +1 -1
  174. package/dist/components/ic-accordion-group.js +11 -11
  175. package/dist/components/ic-accordion-group.js.map +1 -1
  176. package/dist/components/ic-accordion.js +14 -6
  177. package/dist/components/ic-accordion.js.map +1 -1
  178. package/dist/components/ic-alert.js +12 -16
  179. package/dist/components/ic-alert.js.map +1 -1
  180. package/dist/components/ic-back-to-top.js +9 -5
  181. package/dist/components/ic-back-to-top.js.map +1 -1
  182. package/dist/components/ic-badge.js +28 -5
  183. package/dist/components/ic-badge.js.map +1 -1
  184. package/dist/components/ic-breadcrumb-group.js +44 -20
  185. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  186. package/dist/components/ic-breadcrumb2.js +49 -3
  187. package/dist/components/ic-breadcrumb2.js.map +1 -1
  188. package/dist/components/ic-button2.js +21 -20
  189. package/dist/components/ic-button2.js.map +1 -1
  190. package/dist/components/ic-card-horizontal.js +38 -37
  191. package/dist/components/ic-card-horizontal.js.map +1 -1
  192. package/dist/components/ic-card-vertical.js +54 -50
  193. package/dist/components/ic-card-vertical.js.map +1 -1
  194. package/dist/components/ic-checkbox-group.js +25 -7
  195. package/dist/components/ic-checkbox-group.js.map +1 -1
  196. package/dist/components/ic-checkbox.js +12 -4
  197. package/dist/components/ic-checkbox.js.map +1 -1
  198. package/dist/components/ic-chip.js +32 -16
  199. package/dist/components/ic-chip.js.map +1 -1
  200. package/dist/components/ic-classification-banner.js +1 -1
  201. package/dist/components/ic-classification-banner.js.map +1 -1
  202. package/dist/components/ic-data-row.js +1 -1
  203. package/dist/components/ic-data-table-title-bar.js +6 -6
  204. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  205. package/dist/components/ic-data-table.js +383 -108
  206. package/dist/components/ic-data-table.js.map +1 -1
  207. package/dist/components/ic-date-input2.js +26 -18
  208. package/dist/components/ic-date-input2.js.map +1 -1
  209. package/dist/components/ic-date-picker.js +19 -5
  210. package/dist/components/ic-date-picker.js.map +1 -1
  211. package/dist/components/ic-dialog.js +13 -4
  212. package/dist/components/ic-dialog.js.map +1 -1
  213. package/dist/components/ic-divider2.js +89 -12
  214. package/dist/components/ic-divider2.js.map +1 -1
  215. package/dist/components/ic-empty-state2.js +10 -17
  216. package/dist/components/ic-empty-state2.js.map +1 -1
  217. package/dist/components/ic-footer-link-group.js +7 -8
  218. package/dist/components/ic-footer-link-group.js.map +1 -1
  219. package/dist/components/ic-footer-link.js +8 -7
  220. package/dist/components/ic-footer-link.js.map +1 -1
  221. package/dist/components/ic-footer.js +25 -15
  222. package/dist/components/ic-footer.js.map +1 -1
  223. package/dist/components/ic-hero.js +9 -17
  224. package/dist/components/ic-hero.js.map +1 -1
  225. package/dist/components/ic-horizontal-scroll2.js +19 -9
  226. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  227. package/dist/components/ic-input-component-container2.js +23 -32
  228. package/dist/components/ic-input-component-container2.js.map +1 -1
  229. package/dist/components/ic-input-label2.js +19 -20
  230. package/dist/components/ic-input-label2.js.map +1 -1
  231. package/dist/components/ic-input-validation2.js +9 -9
  232. package/dist/components/ic-input-validation2.js.map +1 -1
  233. package/dist/components/ic-link2.js +13 -15
  234. package/dist/components/ic-link2.js.map +1 -1
  235. package/dist/components/ic-loading-indicator2.js +11 -9
  236. package/dist/components/ic-loading-indicator2.js.map +1 -1
  237. package/dist/components/ic-menu-group.js +2 -2
  238. package/dist/components/ic-menu-group.js.map +1 -1
  239. package/dist/components/ic-menu-item2.js +30 -21
  240. package/dist/components/ic-menu-item2.js.map +1 -1
  241. package/dist/components/ic-menu2.js +472 -175
  242. package/dist/components/ic-menu2.js.map +1 -1
  243. package/dist/components/ic-navigation-button.js +13 -9
  244. package/dist/components/ic-navigation-button.js.map +1 -1
  245. package/dist/components/ic-navigation-group.js +12 -9
  246. package/dist/components/ic-navigation-group.js.map +1 -1
  247. package/dist/components/ic-navigation-item.js +64 -10
  248. package/dist/components/ic-navigation-item.js.map +1 -1
  249. package/dist/components/ic-navigation-menu2.js +6 -4
  250. package/dist/components/ic-navigation-menu2.js.map +1 -1
  251. package/dist/components/ic-page-header.js +9 -6
  252. package/dist/components/ic-page-header.js.map +1 -1
  253. package/dist/components/ic-pagination-bar2.js +106 -32
  254. package/dist/components/ic-pagination-bar2.js.map +1 -1
  255. package/dist/components/ic-pagination-item2.js +15 -12
  256. package/dist/components/ic-pagination-item2.js.map +1 -1
  257. package/dist/components/ic-pagination2.js +25 -15
  258. package/dist/components/ic-pagination2.js.map +1 -1
  259. package/dist/components/ic-popover-menu.js +50 -26
  260. package/dist/components/ic-popover-menu.js.map +1 -1
  261. package/dist/components/ic-radio-group.js +61 -29
  262. package/dist/components/ic-radio-group.js.map +1 -1
  263. package/dist/components/ic-radio-option.js +45 -23
  264. package/dist/components/ic-radio-option.js.map +1 -1
  265. package/dist/components/ic-search-bar.js +70 -81
  266. package/dist/components/ic-search-bar.js.map +1 -1
  267. package/dist/components/ic-select2.js +196 -67
  268. package/dist/components/ic-select2.js.map +1 -1
  269. package/dist/components/ic-side-navigation.js +17 -12
  270. package/dist/components/ic-side-navigation.js.map +1 -1
  271. package/dist/components/ic-skeleton.js +5 -5
  272. package/dist/components/ic-skeleton.js.map +1 -1
  273. package/dist/components/ic-status-tag.js +5 -3
  274. package/dist/components/ic-status-tag.js.map +1 -1
  275. package/dist/components/ic-step.js +4 -4
  276. package/dist/components/ic-step.js.map +1 -1
  277. package/dist/components/ic-stepper.js +14 -3
  278. package/dist/components/ic-stepper.js.map +1 -1
  279. package/dist/components/ic-switch.js +24 -18
  280. package/dist/components/ic-switch.js.map +1 -1
  281. package/dist/components/ic-tab-context.js +60 -123
  282. package/dist/components/ic-tab-context.js.map +1 -1
  283. package/dist/components/ic-tab-group.js +2 -18
  284. package/dist/components/ic-tab-group.js.map +1 -1
  285. package/dist/components/ic-tab-panel.js +1 -1
  286. package/dist/components/ic-tab-panel.js.map +1 -1
  287. package/dist/components/ic-tab.js +10 -8
  288. package/dist/components/ic-tab.js.map +1 -1
  289. package/dist/components/ic-text-field2.js +46 -24
  290. package/dist/components/ic-text-field2.js.map +1 -1
  291. package/dist/components/ic-theme.js +22 -22
  292. package/dist/components/ic-theme.js.map +1 -1
  293. package/dist/components/ic-toast.js +4 -4
  294. package/dist/components/ic-toast.js.map +1 -1
  295. package/dist/components/ic-toggle-button-group.js +75 -14
  296. package/dist/components/ic-toggle-button-group.js.map +1 -1
  297. package/dist/components/ic-toggle-button.js +76 -17
  298. package/dist/components/ic-toggle-button.js.map +1 -1
  299. package/dist/components/ic-tooltip2.js +1 -1
  300. package/dist/components/ic-tooltip2.js.map +1 -1
  301. package/dist/components/ic-top-navigation.js +15 -8
  302. package/dist/components/ic-top-navigation.js.map +1 -1
  303. package/dist/components/ic-tree-item.js +27 -18
  304. package/dist/components/ic-tree-item.js.map +1 -1
  305. package/dist/components/ic-tree-view.js +54 -27
  306. package/dist/components/ic-tree-view.js.map +1 -1
  307. package/dist/components/ic-typography2.js +4 -2
  308. package/dist/components/ic-typography2.js.map +1 -1
  309. package/dist/core/core.css +1601 -77
  310. package/dist/core/core.esm.js +1 -1
  311. package/dist/core/core.esm.js.map +1 -1
  312. package/dist/core/p-0054bdc2.entry.js +2 -0
  313. package/dist/core/p-0054bdc2.entry.js.map +1 -0
  314. package/dist/core/p-01a23e24.entry.js +2 -0
  315. package/dist/core/p-01a23e24.entry.js.map +1 -0
  316. package/dist/core/{p-5f5403e2.entry.js → p-01ab3a15.entry.js} +2 -2
  317. package/dist/core/{p-5f5403e2.entry.js.map → p-01ab3a15.entry.js.map} +1 -1
  318. package/dist/core/p-063911a8.entry.js +2 -0
  319. package/dist/core/p-063911a8.entry.js.map +1 -0
  320. package/dist/core/{p-bf670360.entry.js → p-0c5d45e1.entry.js} +2 -2
  321. package/dist/core/p-0c5d45e1.entry.js.map +1 -0
  322. package/dist/core/p-0c9155f4.entry.js +2 -0
  323. package/dist/core/p-0c9155f4.entry.js.map +1 -0
  324. package/dist/core/p-14098257.entry.js +2 -0
  325. package/dist/core/p-14098257.entry.js.map +1 -0
  326. package/dist/core/p-157b47bc.entry.js +2 -0
  327. package/dist/core/p-157b47bc.entry.js.map +1 -0
  328. package/dist/core/{p-266341f5.entry.js → p-15a5cce5.entry.js} +2 -2
  329. package/dist/core/{p-266341f5.entry.js.map → p-15a5cce5.entry.js.map} +1 -1
  330. package/dist/core/{p-306def43.entry.js → p-1658e577.entry.js} +2 -2
  331. package/dist/core/p-1658e577.entry.js.map +1 -0
  332. package/dist/core/p-2169e75b.entry.js +2 -0
  333. package/dist/core/p-2169e75b.entry.js.map +1 -0
  334. package/dist/core/p-26aff39e.entry.js +2 -0
  335. package/dist/core/p-26aff39e.entry.js.map +1 -0
  336. package/dist/core/p-27b1223d.entry.js +2 -0
  337. package/dist/core/p-27b1223d.entry.js.map +1 -0
  338. package/dist/core/p-32726b89.entry.js +2 -0
  339. package/dist/core/p-32726b89.entry.js.map +1 -0
  340. package/dist/core/p-33110185.entry.js +2 -0
  341. package/dist/core/p-33110185.entry.js.map +1 -0
  342. package/dist/core/p-3963201d.entry.js +2 -0
  343. package/dist/core/p-3963201d.entry.js.map +1 -0
  344. package/dist/core/p-41bfa3e5.entry.js +2 -0
  345. package/dist/core/p-41bfa3e5.entry.js.map +1 -0
  346. package/dist/core/p-4347f05c.entry.js +2 -0
  347. package/dist/core/p-4347f05c.entry.js.map +1 -0
  348. package/dist/core/{p-d8563643.entry.js → p-45177148.entry.js} +2 -2
  349. package/dist/core/p-45177148.entry.js.map +1 -0
  350. package/dist/core/p-47a1ce8d.entry.js +2 -0
  351. package/dist/core/p-47a1ce8d.entry.js.map +1 -0
  352. package/dist/core/p-4f96bec1.entry.js +2 -0
  353. package/dist/core/p-4f96bec1.entry.js.map +1 -0
  354. package/dist/core/p-51058719.entry.js +2 -0
  355. package/dist/core/p-51058719.entry.js.map +1 -0
  356. package/dist/core/p-5193184c.entry.js +2 -0
  357. package/dist/core/p-5193184c.entry.js.map +1 -0
  358. package/dist/core/p-51faa4ba.entry.js +2 -0
  359. package/dist/core/p-51faa4ba.entry.js.map +1 -0
  360. package/dist/core/p-54dc696e.entry.js +2 -0
  361. package/dist/core/p-54dc696e.entry.js.map +1 -0
  362. package/dist/core/p-6188f029.entry.js +2 -0
  363. package/dist/core/p-6188f029.entry.js.map +1 -0
  364. package/dist/core/p-6ac8e09b.entry.js +2 -0
  365. package/dist/core/p-6ac8e09b.entry.js.map +1 -0
  366. package/dist/core/p-71496305.entry.js +2 -0
  367. package/dist/core/p-71496305.entry.js.map +1 -0
  368. package/dist/core/p-77157922.entry.js +2 -0
  369. package/dist/core/p-77157922.entry.js.map +1 -0
  370. package/dist/core/p-78ed3070.entry.js +2 -0
  371. package/dist/core/p-78ed3070.entry.js.map +1 -0
  372. package/dist/core/p-794ff553.entry.js +2 -0
  373. package/dist/core/p-794ff553.entry.js.map +1 -0
  374. package/dist/core/p-82b408ad.entry.js +2 -0
  375. package/dist/core/p-82b408ad.entry.js.map +1 -0
  376. package/dist/core/p-88913402.entry.js +2 -0
  377. package/dist/core/p-88913402.entry.js.map +1 -0
  378. package/dist/core/p-897fac99.js +2 -0
  379. package/dist/core/p-897fac99.js.map +1 -0
  380. package/dist/core/p-8e56516a.entry.js +2 -0
  381. package/dist/core/p-8e56516a.entry.js.map +1 -0
  382. package/dist/core/p-8ebd64ae.entry.js +2 -0
  383. package/dist/core/p-8ebd64ae.entry.js.map +1 -0
  384. package/dist/core/{p-c21d0db8.entry.js → p-9462f294.entry.js} +2 -2
  385. package/dist/core/p-9462f294.entry.js.map +1 -0
  386. package/dist/core/p-94efa0d2.entry.js +2 -0
  387. package/dist/core/p-94efa0d2.entry.js.map +1 -0
  388. package/dist/core/p-9a392c41.entry.js +2 -0
  389. package/dist/core/p-9a392c41.entry.js.map +1 -0
  390. package/dist/core/p-a04712b9.js +2 -0
  391. package/dist/core/p-a04712b9.js.map +1 -0
  392. package/dist/core/p-a1cf5884.entry.js +2 -0
  393. package/dist/core/p-a1cf5884.entry.js.map +1 -0
  394. package/dist/core/{p-73b40c79.entry.js → p-a1d5fff2.entry.js} +2 -2
  395. package/dist/core/p-a1d5fff2.entry.js.map +1 -0
  396. package/dist/core/p-a69ef3eb.entry.js +2 -0
  397. package/dist/core/p-a69ef3eb.entry.js.map +1 -0
  398. package/dist/core/p-abda7e21.entry.js +2 -0
  399. package/dist/core/p-abda7e21.entry.js.map +1 -0
  400. package/dist/core/p-abdd8560.entry.js +2 -0
  401. package/dist/core/p-abdd8560.entry.js.map +1 -0
  402. package/dist/core/p-ace8126b.entry.js +2 -0
  403. package/dist/core/p-ace8126b.entry.js.map +1 -0
  404. package/dist/core/p-b2a6f0dd.entry.js +2 -0
  405. package/dist/core/p-b2a6f0dd.entry.js.map +1 -0
  406. package/dist/core/p-b5a5fe39.entry.js +2 -0
  407. package/dist/core/p-b5a5fe39.entry.js.map +1 -0
  408. package/dist/core/{p-d03374fc.entry.js → p-b717ae40.entry.js} +2 -2
  409. package/dist/core/p-b85466a7.entry.js +2 -0
  410. package/dist/core/p-b85466a7.entry.js.map +1 -0
  411. package/dist/core/p-bd4401d5.entry.js +2 -0
  412. package/dist/core/p-bd4401d5.entry.js.map +1 -0
  413. package/dist/core/p-bd87bf33.entry.js +2 -0
  414. package/dist/core/p-bd87bf33.entry.js.map +1 -0
  415. package/dist/core/{p-5f313e1a.entry.js → p-be1ec9aa.entry.js} +2 -2
  416. package/dist/core/p-be1ec9aa.entry.js.map +1 -0
  417. package/dist/core/p-c035d7b9.entry.js +2 -0
  418. package/dist/core/p-c035d7b9.entry.js.map +1 -0
  419. package/dist/core/p-ce923b92.entry.js +2 -0
  420. package/dist/core/p-ce923b92.entry.js.map +1 -0
  421. package/dist/core/p-d2b2b7df.entry.js +2 -0
  422. package/dist/core/p-d2b2b7df.entry.js.map +1 -0
  423. package/dist/core/p-e1df1b9a.entry.js +2 -0
  424. package/dist/core/p-e1df1b9a.entry.js.map +1 -0
  425. package/dist/core/p-e3e0cf46.entry.js +2 -0
  426. package/dist/core/p-e3e0cf46.entry.js.map +1 -0
  427. package/dist/core/p-f3d2af04.entry.js +2 -0
  428. package/dist/core/p-f3d2af04.entry.js.map +1 -0
  429. package/dist/core/{p-f1072c28.entry.js → p-f64abdff.entry.js} +2 -2
  430. package/dist/core/p-f64abdff.entry.js.map +1 -0
  431. package/dist/core/p-fc155ae2.entry.js +2 -0
  432. package/dist/core/p-fc155ae2.entry.js.map +1 -0
  433. package/dist/core/p-ffb11ad1.entry.js +2 -0
  434. package/dist/core/p-ffb11ad1.entry.js.map +1 -0
  435. package/dist/esm/core.js +1 -1
  436. package/dist/esm/{helpers-5bd2012a.js → helpers-0f42cb46.js} +61 -146
  437. package/dist/esm/helpers-0f42cb46.js.map +1 -0
  438. package/dist/esm/{helpers-dab8ddfe.js → helpers-56c75bf4.js} +74 -27
  439. package/dist/esm/helpers-56c75bf4.js.map +1 -0
  440. package/dist/esm/ic-accordion-group.entry.js +10 -10
  441. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  442. package/dist/esm/ic-accordion.entry.js +12 -5
  443. package/dist/esm/ic-accordion.entry.js.map +1 -1
  444. package/dist/esm/ic-alert.entry.js +10 -15
  445. package/dist/esm/ic-alert.entry.js.map +1 -1
  446. package/dist/esm/ic-back-to-top.entry.js +9 -6
  447. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  448. package/dist/esm/ic-badge.entry.js +26 -3
  449. package/dist/esm/ic-badge.entry.js.map +1 -1
  450. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  451. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  452. package/dist/esm/ic-breadcrumb.entry.js +47 -3
  453. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  454. package/dist/esm/ic-button_3.entry.js +28 -26
  455. package/dist/esm/ic-button_3.entry.js.map +1 -1
  456. package/dist/esm/ic-card-horizontal.entry.js +34 -36
  457. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  458. package/dist/esm/ic-card-vertical.entry.js +49 -48
  459. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  460. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  461. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  462. package/dist/esm/ic-checkbox.entry.js +10 -4
  463. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  464. package/dist/esm/ic-chip.entry.js +28 -16
  465. package/dist/esm/ic-chip.entry.js.map +1 -1
  466. package/dist/esm/ic-classification-banner.entry.js +1 -1
  467. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  468. package/dist/esm/ic-data-row.entry.js +1 -1
  469. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  470. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  471. package/dist/esm/ic-data-table.entry.js +378 -108
  472. package/dist/esm/ic-data-table.entry.js.map +1 -1
  473. package/dist/esm/ic-date-input.entry.js +23 -18
  474. package/dist/esm/ic-date-input.entry.js.map +1 -1
  475. package/dist/esm/ic-date-picker.entry.js +16 -5
  476. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  477. package/dist/esm/ic-dialog.entry.js +13 -5
  478. package/dist/esm/ic-dialog.entry.js.map +1 -1
  479. package/dist/esm/ic-divider.entry.js +74 -10
  480. package/dist/esm/ic-divider.entry.js.map +1 -1
  481. package/dist/esm/ic-empty-state_2.entry.js +102 -44
  482. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  483. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  484. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  485. package/dist/esm/ic-footer-link.entry.js +7 -6
  486. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  487. package/dist/esm/ic-footer.entry.js +24 -14
  488. package/dist/esm/ic-footer.entry.js.map +1 -1
  489. package/dist/esm/ic-hero.entry.js +8 -16
  490. package/dist/esm/ic-hero.entry.js.map +1 -1
  491. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  492. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  493. package/dist/{collection/components/ic-menu-with-multi/ic-menu.js → esm/ic-input-component-container_3.entry.js} +173 -739
  494. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -0
  495. package/dist/esm/ic-input-label_2.entry.js +77 -0
  496. package/dist/esm/ic-input-label_2.entry.js.map +1 -0
  497. package/dist/esm/ic-link.entry.js +10 -12
  498. package/dist/esm/ic-link.entry.js.map +1 -1
  499. package/dist/esm/ic-menu-group.entry.js +3 -3
  500. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  501. package/dist/esm/ic-menu-item.entry.js +25 -18
  502. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  503. package/dist/esm/ic-navigation-button.entry.js +11 -8
  504. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  505. package/dist/esm/ic-navigation-group.entry.js +10 -8
  506. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  507. package/dist/esm/ic-navigation-item.entry.js +61 -9
  508. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  509. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  510. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  511. package/dist/esm/ic-page-header.entry.js +8 -6
  512. package/dist/esm/ic-page-header.entry.js.map +1 -1
  513. package/dist/esm/ic-pagination_4.entry.js +267 -112
  514. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  515. package/dist/esm/ic-popover-menu.entry.js +47 -25
  516. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  517. package/dist/esm/ic-radio-group.entry.js +58 -28
  518. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  519. package/dist/esm/ic-radio-option.entry.js +42 -22
  520. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  521. package/dist/esm/ic-search-bar.entry.js +54 -56
  522. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  523. package/dist/esm/ic-side-navigation.entry.js +16 -11
  524. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  525. package/dist/esm/ic-skeleton.entry.js +4 -4
  526. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  527. package/dist/esm/ic-status-tag.entry.js +5 -4
  528. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  529. package/dist/esm/ic-step.entry.js +4 -5
  530. package/dist/esm/ic-step.entry.js.map +1 -1
  531. package/dist/esm/ic-stepper.entry.js +12 -2
  532. package/dist/esm/ic-stepper.entry.js.map +1 -1
  533. package/dist/esm/ic-switch.entry.js +21 -16
  534. package/dist/esm/ic-switch.entry.js.map +1 -1
  535. package/dist/esm/ic-tab-context.entry.js +60 -123
  536. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  537. package/dist/esm/ic-tab-group.entry.js +3 -19
  538. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  539. package/dist/esm/ic-tab-panel.entry.js +2 -2
  540. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  541. package/dist/esm/ic-tab.entry.js +10 -8
  542. package/dist/esm/ic-tab.entry.js.map +1 -1
  543. package/dist/esm/ic-theme.entry.js +20 -20
  544. package/dist/esm/ic-theme.entry.js.map +1 -1
  545. package/dist/esm/ic-toast.entry.js +4 -4
  546. package/dist/esm/ic-toast.entry.js.map +1 -1
  547. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  548. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  549. package/dist/esm/ic-toggle-button.entry.js +64 -9
  550. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  551. package/dist/esm/ic-top-navigation.entry.js +13 -7
  552. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  553. package/dist/esm/ic-tree-item.entry.js +23 -17
  554. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  555. package/dist/esm/ic-tree-view.entry.js +46 -24
  556. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  557. package/dist/esm/ic-typography.entry.js +5 -3
  558. package/dist/esm/ic-typography.entry.js.map +1 -1
  559. package/dist/esm/index-93509377.js +4 -12
  560. package/dist/esm/loader.js +1 -1
  561. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +8 -4
  562. package/dist/types/components/ic-data-table/ic-data-table.d.ts +50 -5
  563. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
  564. package/dist/types/components/ic-data-table/story-data.d.ts +223 -0
  565. package/dist/types/components/ic-date-input/ic-date-input.d.ts +10 -1
  566. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +10 -1
  567. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +33 -8
  568. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  569. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +16 -7
  570. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +19 -5
  571. package/dist/types/components.d.ts +189 -488
  572. package/dist/types/utils/helpers.d.ts +14 -11
  573. package/dist/types/utils/types.d.ts +17 -12
  574. package/hydrate/index.js +5118 -7475
  575. package/package.json +12 -10
  576. package/dist/cjs/helpers-33b42cd6.js.map +0 -1
  577. package/dist/cjs/helpers-6817cfbb.js.map +0 -1
  578. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +0 -156
  579. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +0 -1
  580. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +0 -2738
  581. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +0 -1
  582. package/dist/cjs/ic-menu.cjs.entry.js +0 -658
  583. package/dist/cjs/ic-menu.cjs.entry.js.map +0 -1
  584. package/dist/cjs/ic-select-with-multi.cjs.entry.js +0 -788
  585. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +0 -1
  586. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +0 -712
  587. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +0 -1
  588. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +0 -1057
  589. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +0 -1
  590. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +0 -3
  591. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +0 -3
  592. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +0 -3
  593. package/dist/collection/components/ic-select-with-multi/ic-select.css +0 -695
  594. package/dist/collection/components/ic-select-with-multi/ic-select.js +0 -1520
  595. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +0 -1
  596. package/dist/collection/components/ic-select-with-multi/story-data.js +0 -216
  597. package/dist/collection/components/ic-select-with-multi/story-data.js.map +0 -1
  598. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +0 -1518
  599. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +0 -1
  600. package/dist/components/ic-menu-with-multi.d.ts +0 -11
  601. package/dist/components/ic-menu-with-multi.js +0 -8
  602. package/dist/components/ic-menu-with-multi.js.map +0 -1
  603. package/dist/components/ic-menu3.js +0 -2803
  604. package/dist/components/ic-menu3.js.map +0 -1
  605. package/dist/components/ic-select-with-multi.d.ts +0 -11
  606. package/dist/components/ic-select-with-multi.js +0 -906
  607. package/dist/components/ic-select-with-multi.js.map +0 -1
  608. package/dist/core/p-06eeb7f2.entry.js +0 -2
  609. package/dist/core/p-06eeb7f2.entry.js.map +0 -1
  610. package/dist/core/p-0922c552.entry.js +0 -2
  611. package/dist/core/p-0922c552.entry.js.map +0 -1
  612. package/dist/core/p-0bc0e852.entry.js +0 -2
  613. package/dist/core/p-0bc0e852.entry.js.map +0 -1
  614. package/dist/core/p-108a9029.entry.js +0 -2
  615. package/dist/core/p-108a9029.entry.js.map +0 -1
  616. package/dist/core/p-13100d3c.entry.js +0 -2
  617. package/dist/core/p-13100d3c.entry.js.map +0 -1
  618. package/dist/core/p-1769df1d.entry.js +0 -2
  619. package/dist/core/p-1769df1d.entry.js.map +0 -1
  620. package/dist/core/p-202bc922.entry.js +0 -2
  621. package/dist/core/p-202bc922.entry.js.map +0 -1
  622. package/dist/core/p-297e99cf.js +0 -2
  623. package/dist/core/p-297e99cf.js.map +0 -1
  624. package/dist/core/p-306def43.entry.js.map +0 -1
  625. package/dist/core/p-30b046b2.entry.js +0 -2
  626. package/dist/core/p-30b046b2.entry.js.map +0 -1
  627. package/dist/core/p-3778cc5e.entry.js +0 -2
  628. package/dist/core/p-3778cc5e.entry.js.map +0 -1
  629. package/dist/core/p-383a5a76.entry.js +0 -2
  630. package/dist/core/p-383a5a76.entry.js.map +0 -1
  631. package/dist/core/p-3a0510e2.entry.js +0 -2
  632. package/dist/core/p-3a0510e2.entry.js.map +0 -1
  633. package/dist/core/p-3ace51f5.entry.js +0 -2
  634. package/dist/core/p-3ace51f5.entry.js.map +0 -1
  635. package/dist/core/p-3f0391c1.entry.js +0 -2
  636. package/dist/core/p-3f0391c1.entry.js.map +0 -1
  637. package/dist/core/p-41fecc61.entry.js +0 -2
  638. package/dist/core/p-41fecc61.entry.js.map +0 -1
  639. package/dist/core/p-46cb94a2.entry.js +0 -2
  640. package/dist/core/p-46cb94a2.entry.js.map +0 -1
  641. package/dist/core/p-4e67f127.entry.js +0 -2
  642. package/dist/core/p-4e67f127.entry.js.map +0 -1
  643. package/dist/core/p-505250cf.entry.js +0 -2
  644. package/dist/core/p-505250cf.entry.js.map +0 -1
  645. package/dist/core/p-50e48f4d.entry.js +0 -2
  646. package/dist/core/p-50e48f4d.entry.js.map +0 -1
  647. package/dist/core/p-56e7459a.entry.js +0 -2
  648. package/dist/core/p-56e7459a.entry.js.map +0 -1
  649. package/dist/core/p-59028160.entry.js +0 -2
  650. package/dist/core/p-59028160.entry.js.map +0 -1
  651. package/dist/core/p-5cfb5821.entry.js +0 -2
  652. package/dist/core/p-5cfb5821.entry.js.map +0 -1
  653. package/dist/core/p-5e6fd734.entry.js +0 -2
  654. package/dist/core/p-5e6fd734.entry.js.map +0 -1
  655. package/dist/core/p-5f313e1a.entry.js.map +0 -1
  656. package/dist/core/p-710c6a42.entry.js +0 -2
  657. package/dist/core/p-710c6a42.entry.js.map +0 -1
  658. package/dist/core/p-73b40c79.entry.js.map +0 -1
  659. package/dist/core/p-77a32de5.entry.js +0 -2
  660. package/dist/core/p-77a32de5.entry.js.map +0 -1
  661. package/dist/core/p-7a9de008.entry.js +0 -2
  662. package/dist/core/p-7a9de008.entry.js.map +0 -1
  663. package/dist/core/p-801414e2.entry.js +0 -2
  664. package/dist/core/p-801414e2.entry.js.map +0 -1
  665. package/dist/core/p-82ba744d.entry.js +0 -2
  666. package/dist/core/p-82ba744d.entry.js.map +0 -1
  667. package/dist/core/p-897b8d16.entry.js +0 -2
  668. package/dist/core/p-897b8d16.entry.js.map +0 -1
  669. package/dist/core/p-9397b15b.js +0 -2
  670. package/dist/core/p-9397b15b.js.map +0 -1
  671. package/dist/core/p-9af6adb1.entry.js +0 -2
  672. package/dist/core/p-9af6adb1.entry.js.map +0 -1
  673. package/dist/core/p-9b54feca.entry.js +0 -2
  674. package/dist/core/p-9b54feca.entry.js.map +0 -1
  675. package/dist/core/p-a57cd616.entry.js +0 -2
  676. package/dist/core/p-a57cd616.entry.js.map +0 -1
  677. package/dist/core/p-a5eaed1a.entry.js +0 -2
  678. package/dist/core/p-a5eaed1a.entry.js.map +0 -1
  679. package/dist/core/p-a78cf2cb.entry.js +0 -2
  680. package/dist/core/p-a78cf2cb.entry.js.map +0 -1
  681. package/dist/core/p-a91340b4.entry.js +0 -2
  682. package/dist/core/p-a91340b4.entry.js.map +0 -1
  683. package/dist/core/p-aee8d45b.entry.js +0 -2
  684. package/dist/core/p-aee8d45b.entry.js.map +0 -1
  685. package/dist/core/p-badd4c8d.entry.js +0 -2
  686. package/dist/core/p-badd4c8d.entry.js.map +0 -1
  687. package/dist/core/p-bf670360.entry.js.map +0 -1
  688. package/dist/core/p-c033e7d6.entry.js +0 -2
  689. package/dist/core/p-c033e7d6.entry.js.map +0 -1
  690. package/dist/core/p-c07af2d8.entry.js +0 -2
  691. package/dist/core/p-c07af2d8.entry.js.map +0 -1
  692. package/dist/core/p-c21d0db8.entry.js.map +0 -1
  693. package/dist/core/p-c678f73d.entry.js +0 -2
  694. package/dist/core/p-c678f73d.entry.js.map +0 -1
  695. package/dist/core/p-c6ae9bad.entry.js +0 -2
  696. package/dist/core/p-c6ae9bad.entry.js.map +0 -1
  697. package/dist/core/p-c6c1e08e.entry.js +0 -2
  698. package/dist/core/p-c6c1e08e.entry.js.map +0 -1
  699. package/dist/core/p-cb6cebdd.entry.js +0 -2
  700. package/dist/core/p-cb6cebdd.entry.js.map +0 -1
  701. package/dist/core/p-d16f364a.entry.js +0 -2
  702. package/dist/core/p-d16f364a.entry.js.map +0 -1
  703. package/dist/core/p-d239c33b.entry.js +0 -2
  704. package/dist/core/p-d239c33b.entry.js.map +0 -1
  705. package/dist/core/p-d8563643.entry.js.map +0 -1
  706. package/dist/core/p-da40757f.entry.js +0 -2
  707. package/dist/core/p-da40757f.entry.js.map +0 -1
  708. package/dist/core/p-de052137.entry.js +0 -2
  709. package/dist/core/p-de052137.entry.js.map +0 -1
  710. package/dist/core/p-e5d99316.entry.js +0 -2
  711. package/dist/core/p-e5d99316.entry.js.map +0 -1
  712. package/dist/core/p-e89bb650.entry.js +0 -2
  713. package/dist/core/p-e89bb650.entry.js.map +0 -1
  714. package/dist/core/p-f1072c28.entry.js.map +0 -1
  715. package/dist/core/p-f37df214.entry.js +0 -2
  716. package/dist/core/p-f37df214.entry.js.map +0 -1
  717. package/dist/core/p-f743b0eb.entry.js +0 -2
  718. package/dist/core/p-f743b0eb.entry.js.map +0 -1
  719. package/dist/core/p-f98b1afc.entry.js +0 -2
  720. package/dist/core/p-f98b1afc.entry.js.map +0 -1
  721. package/dist/core/p-fe13f1ba.entry.js +0 -2
  722. package/dist/core/p-fe13f1ba.entry.js.map +0 -1
  723. package/dist/esm/helpers-5bd2012a.js.map +0 -1
  724. package/dist/esm/helpers-dab8ddfe.js.map +0 -1
  725. package/dist/esm/ic-input-component-container_4.entry.js +0 -149
  726. package/dist/esm/ic-input-component-container_4.entry.js.map +0 -1
  727. package/dist/esm/ic-menu-with-multi.entry.js +0 -2734
  728. package/dist/esm/ic-menu-with-multi.entry.js.map +0 -1
  729. package/dist/esm/ic-menu.entry.js +0 -654
  730. package/dist/esm/ic-menu.entry.js.map +0 -1
  731. package/dist/esm/ic-select-with-multi.entry.js +0 -784
  732. package/dist/esm/ic-select-with-multi.entry.js.map +0 -1
  733. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +0 -214
  734. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +0 -259
  735. package/dist/types/components/ic-select-with-multi/story-data.d.ts +0 -32
  736. /package/dist/core/{p-d03374fc.entry.js.map → p-b717ae40.entry.js.map} +0 -0
@@ -1,2738 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-6817cfbb.js');
7
-
8
- var top = 'top';
9
- var bottom = 'bottom';
10
- var right = 'right';
11
- var left = 'left';
12
- var auto = 'auto';
13
- var basePlacements = [top, bottom, right, left];
14
- var start = 'start';
15
- var end = 'end';
16
- var clippingParents = 'clippingParents';
17
- var viewport = 'viewport';
18
- var popper = 'popper';
19
- var reference = 'reference';
20
- var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
21
- return acc.concat([placement + "-" + start, placement + "-" + end]);
22
- }, []);
23
- var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
24
- return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
25
- }, []); // modifiers that need to read the DOM
26
-
27
- var beforeRead = 'beforeRead';
28
- var read = 'read';
29
- var afterRead = 'afterRead'; // pure-logic modifiers
30
-
31
- var beforeMain = 'beforeMain';
32
- var main = 'main';
33
- var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
34
-
35
- var beforeWrite = 'beforeWrite';
36
- var write = 'write';
37
- var afterWrite = 'afterWrite';
38
- var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
39
-
40
- function getNodeName(element) {
41
- return element ? (element.nodeName || '').toLowerCase() : null;
42
- }
43
-
44
- function getWindow(node) {
45
- if (node == null) {
46
- return window;
47
- }
48
-
49
- if (node.toString() !== '[object Window]') {
50
- var ownerDocument = node.ownerDocument;
51
- return ownerDocument ? ownerDocument.defaultView || window : window;
52
- }
53
-
54
- return node;
55
- }
56
-
57
- function isElement(node) {
58
- var OwnElement = getWindow(node).Element;
59
- return node instanceof OwnElement || node instanceof Element;
60
- }
61
-
62
- function isHTMLElement(node) {
63
- var OwnElement = getWindow(node).HTMLElement;
64
- return node instanceof OwnElement || node instanceof HTMLElement;
65
- }
66
-
67
- function isShadowRoot(node) {
68
- // IE 11 has no ShadowRoot
69
- if (typeof ShadowRoot === 'undefined') {
70
- return false;
71
- }
72
-
73
- var OwnElement = getWindow(node).ShadowRoot;
74
- return node instanceof OwnElement || node instanceof ShadowRoot;
75
- }
76
-
77
- // and applies them to the HTMLElements such as popper and arrow
78
-
79
- function applyStyles(_ref) {
80
- var state = _ref.state;
81
- Object.keys(state.elements).forEach(function (name) {
82
- var style = state.styles[name] || {};
83
- var attributes = state.attributes[name] || {};
84
- var element = state.elements[name]; // arrow is optional + virtual elements
85
-
86
- if (!isHTMLElement(element) || !getNodeName(element)) {
87
- return;
88
- } // Flow doesn't support to extend this property, but it's the most
89
- // effective way to apply styles to an HTMLElement
90
- // $FlowFixMe[cannot-write]
91
-
92
-
93
- Object.assign(element.style, style);
94
- Object.keys(attributes).forEach(function (name) {
95
- var value = attributes[name];
96
-
97
- if (value === false) {
98
- element.removeAttribute(name);
99
- } else {
100
- element.setAttribute(name, value === true ? '' : value);
101
- }
102
- });
103
- });
104
- }
105
-
106
- function effect$2(_ref2) {
107
- var state = _ref2.state;
108
- var initialStyles = {
109
- popper: {
110
- position: state.options.strategy,
111
- left: '0',
112
- top: '0',
113
- margin: '0'
114
- },
115
- arrow: {
116
- position: 'absolute'
117
- },
118
- reference: {}
119
- };
120
- Object.assign(state.elements.popper.style, initialStyles.popper);
121
- state.styles = initialStyles;
122
-
123
- if (state.elements.arrow) {
124
- Object.assign(state.elements.arrow.style, initialStyles.arrow);
125
- }
126
-
127
- return function () {
128
- Object.keys(state.elements).forEach(function (name) {
129
- var element = state.elements[name];
130
- var attributes = state.attributes[name] || {};
131
- var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
132
-
133
- var style = styleProperties.reduce(function (style, property) {
134
- style[property] = '';
135
- return style;
136
- }, {}); // arrow is optional + virtual elements
137
-
138
- if (!isHTMLElement(element) || !getNodeName(element)) {
139
- return;
140
- }
141
-
142
- Object.assign(element.style, style);
143
- Object.keys(attributes).forEach(function (attribute) {
144
- element.removeAttribute(attribute);
145
- });
146
- });
147
- };
148
- } // eslint-disable-next-line import/no-unused-modules
149
-
150
-
151
- const applyStyles$1 = {
152
- name: 'applyStyles',
153
- enabled: true,
154
- phase: 'write',
155
- fn: applyStyles,
156
- effect: effect$2,
157
- requires: ['computeStyles']
158
- };
159
-
160
- function getBasePlacement(placement) {
161
- return placement.split('-')[0];
162
- }
163
-
164
- var max = Math.max;
165
- var min = Math.min;
166
- var round = Math.round;
167
-
168
- function getUAString() {
169
- var uaData = navigator.userAgentData;
170
-
171
- if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
172
- return uaData.brands.map(function (item) {
173
- return item.brand + "/" + item.version;
174
- }).join(' ');
175
- }
176
-
177
- return navigator.userAgent;
178
- }
179
-
180
- function isLayoutViewport() {
181
- return !/^((?!chrome|android).)*safari/i.test(getUAString());
182
- }
183
-
184
- function getBoundingClientRect(element, includeScale, isFixedStrategy) {
185
- if (includeScale === void 0) {
186
- includeScale = false;
187
- }
188
-
189
- if (isFixedStrategy === void 0) {
190
- isFixedStrategy = false;
191
- }
192
-
193
- var clientRect = element.getBoundingClientRect();
194
- var scaleX = 1;
195
- var scaleY = 1;
196
-
197
- if (includeScale && isHTMLElement(element)) {
198
- scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
199
- scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
200
- }
201
-
202
- var _ref = isElement(element) ? getWindow(element) : window,
203
- visualViewport = _ref.visualViewport;
204
-
205
- var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
206
- var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
207
- var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
208
- var width = clientRect.width / scaleX;
209
- var height = clientRect.height / scaleY;
210
- return {
211
- width: width,
212
- height: height,
213
- top: y,
214
- right: x + width,
215
- bottom: y + height,
216
- left: x,
217
- x: x,
218
- y: y
219
- };
220
- }
221
-
222
- // means it doesn't take into account transforms.
223
-
224
- function getLayoutRect(element) {
225
- var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
226
- // Fixes https://github.com/popperjs/popper-core/issues/1223
227
-
228
- var width = element.offsetWidth;
229
- var height = element.offsetHeight;
230
-
231
- if (Math.abs(clientRect.width - width) <= 1) {
232
- width = clientRect.width;
233
- }
234
-
235
- if (Math.abs(clientRect.height - height) <= 1) {
236
- height = clientRect.height;
237
- }
238
-
239
- return {
240
- x: element.offsetLeft,
241
- y: element.offsetTop,
242
- width: width,
243
- height: height
244
- };
245
- }
246
-
247
- function contains(parent, child) {
248
- var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
249
-
250
- if (parent.contains(child)) {
251
- return true;
252
- } // then fallback to custom implementation with Shadow DOM support
253
- else if (rootNode && isShadowRoot(rootNode)) {
254
- var next = child;
255
-
256
- do {
257
- if (next && parent.isSameNode(next)) {
258
- return true;
259
- } // $FlowFixMe[prop-missing]: need a better way to handle this...
260
-
261
-
262
- next = next.parentNode || next.host;
263
- } while (next);
264
- } // Give up, the result is false
265
-
266
-
267
- return false;
268
- }
269
-
270
- function getComputedStyle(element) {
271
- return getWindow(element).getComputedStyle(element);
272
- }
273
-
274
- function isTableElement(element) {
275
- return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;
276
- }
277
-
278
- function getDocumentElement(element) {
279
- // $FlowFixMe[incompatible-return]: assume body is always available
280
- return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
281
- element.document) || window.document).documentElement;
282
- }
283
-
284
- function getParentNode(element) {
285
- if (getNodeName(element) === 'html') {
286
- return element;
287
- }
288
-
289
- return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
290
- // $FlowFixMe[incompatible-return]
291
- // $FlowFixMe[prop-missing]
292
- element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
293
- element.parentNode || ( // DOM Element detected
294
- isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
295
- // $FlowFixMe[incompatible-call]: HTMLElement is a Node
296
- getDocumentElement(element) // fallback
297
-
298
- );
299
- }
300
-
301
- function getTrueOffsetParent(element) {
302
- if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
303
- getComputedStyle(element).position === 'fixed') {
304
- return null;
305
- }
306
-
307
- return element.offsetParent;
308
- } // `.offsetParent` reports `null` for fixed elements, while absolute elements
309
- // return the containing block
310
-
311
-
312
- function getContainingBlock(element) {
313
- var isFirefox = /firefox/i.test(getUAString());
314
- var isIE = /Trident/i.test(getUAString());
315
-
316
- if (isIE && isHTMLElement(element)) {
317
- // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
318
- var elementCss = getComputedStyle(element);
319
-
320
- if (elementCss.position === 'fixed') {
321
- return null;
322
- }
323
- }
324
-
325
- var currentNode = getParentNode(element);
326
-
327
- if (isShadowRoot(currentNode)) {
328
- currentNode = currentNode.host;
329
- }
330
-
331
- while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
332
- var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
333
- // create a containing block.
334
- // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
335
-
336
- if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
337
- return currentNode;
338
- } else {
339
- currentNode = currentNode.parentNode;
340
- }
341
- }
342
-
343
- return null;
344
- } // Gets the closest ancestor positioned element. Handles some edge cases,
345
- // such as table ancestors and cross browser bugs.
346
-
347
-
348
- function getOffsetParent(element) {
349
- var window = getWindow(element);
350
- var offsetParent = getTrueOffsetParent(element);
351
-
352
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
353
- offsetParent = getTrueOffsetParent(offsetParent);
354
- }
355
-
356
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {
357
- return window;
358
- }
359
-
360
- return offsetParent || getContainingBlock(element) || window;
361
- }
362
-
363
- function getMainAxisFromPlacement(placement) {
364
- return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
365
- }
366
-
367
- function within(min$1, value, max$1) {
368
- return max(min$1, min(value, max$1));
369
- }
370
- function withinMaxClamp(min, value, max) {
371
- var v = within(min, value, max);
372
- return v > max ? max : v;
373
- }
374
-
375
- function getFreshSideObject() {
376
- return {
377
- top: 0,
378
- right: 0,
379
- bottom: 0,
380
- left: 0
381
- };
382
- }
383
-
384
- function mergePaddingObject(paddingObject) {
385
- return Object.assign({}, getFreshSideObject(), paddingObject);
386
- }
387
-
388
- function expandToHashMap(value, keys) {
389
- return keys.reduce(function (hashMap, key) {
390
- hashMap[key] = value;
391
- return hashMap;
392
- }, {});
393
- }
394
-
395
- var toPaddingObject = function toPaddingObject(padding, state) {
396
- padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
397
- placement: state.placement
398
- })) : padding;
399
- return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
400
- };
401
-
402
- function arrow(_ref) {
403
- var _state$modifiersData$;
404
-
405
- var state = _ref.state,
406
- name = _ref.name,
407
- options = _ref.options;
408
- var arrowElement = state.elements.arrow;
409
- var popperOffsets = state.modifiersData.popperOffsets;
410
- var basePlacement = getBasePlacement(state.placement);
411
- var axis = getMainAxisFromPlacement(basePlacement);
412
- var isVertical = [left, right].indexOf(basePlacement) >= 0;
413
- var len = isVertical ? 'height' : 'width';
414
-
415
- if (!arrowElement || !popperOffsets) {
416
- return;
417
- }
418
-
419
- var paddingObject = toPaddingObject(options.padding, state);
420
- var arrowRect = getLayoutRect(arrowElement);
421
- var minProp = axis === 'y' ? top : left;
422
- var maxProp = axis === 'y' ? bottom : right;
423
- var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];
424
- var startDiff = popperOffsets[axis] - state.rects.reference[axis];
425
- var arrowOffsetParent = getOffsetParent(arrowElement);
426
- var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
427
- var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is
428
- // outside of the popper bounds
429
-
430
- var min = paddingObject[minProp];
431
- var max = clientSize - arrowRect[len] - paddingObject[maxProp];
432
- var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
433
- var offset = within(min, center, max); // Prevents breaking syntax highlighting...
434
-
435
- var axisProp = axis;
436
- state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
437
- }
438
-
439
- function effect$1(_ref2) {
440
- var state = _ref2.state,
441
- options = _ref2.options;
442
- var _options$element = options.element,
443
- arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
444
-
445
- if (arrowElement == null) {
446
- return;
447
- } // CSS selector
448
-
449
-
450
- if (typeof arrowElement === 'string') {
451
- arrowElement = state.elements.popper.querySelector(arrowElement);
452
-
453
- if (!arrowElement) {
454
- return;
455
- }
456
- }
457
-
458
- if (!contains(state.elements.popper, arrowElement)) {
459
- return;
460
- }
461
-
462
- state.elements.arrow = arrowElement;
463
- } // eslint-disable-next-line import/no-unused-modules
464
-
465
-
466
- const arrow$1 = {
467
- name: 'arrow',
468
- enabled: true,
469
- phase: 'main',
470
- fn: arrow,
471
- effect: effect$1,
472
- requires: ['popperOffsets'],
473
- requiresIfExists: ['preventOverflow']
474
- };
475
-
476
- function getVariation(placement) {
477
- return placement.split('-')[1];
478
- }
479
-
480
- var unsetSides = {
481
- top: 'auto',
482
- right: 'auto',
483
- bottom: 'auto',
484
- left: 'auto'
485
- }; // Round the offsets to the nearest suitable subpixel based on the DPR.
486
- // Zooming can change the DPR, but it seems to report a value that will
487
- // cleanly divide the values into the appropriate subpixels.
488
-
489
- function roundOffsetsByDPR(_ref, win) {
490
- var x = _ref.x,
491
- y = _ref.y;
492
- var dpr = win.devicePixelRatio || 1;
493
- return {
494
- x: round(x * dpr) / dpr || 0,
495
- y: round(y * dpr) / dpr || 0
496
- };
497
- }
498
-
499
- function mapToStyles(_ref2) {
500
- var _Object$assign2;
501
-
502
- var popper = _ref2.popper,
503
- popperRect = _ref2.popperRect,
504
- placement = _ref2.placement,
505
- variation = _ref2.variation,
506
- offsets = _ref2.offsets,
507
- position = _ref2.position,
508
- gpuAcceleration = _ref2.gpuAcceleration,
509
- adaptive = _ref2.adaptive,
510
- roundOffsets = _ref2.roundOffsets,
511
- isFixed = _ref2.isFixed;
512
- var _offsets$x = offsets.x,
513
- x = _offsets$x === void 0 ? 0 : _offsets$x,
514
- _offsets$y = offsets.y,
515
- y = _offsets$y === void 0 ? 0 : _offsets$y;
516
-
517
- var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
518
- x: x,
519
- y: y
520
- }) : {
521
- x: x,
522
- y: y
523
- };
524
-
525
- x = _ref3.x;
526
- y = _ref3.y;
527
- var hasX = offsets.hasOwnProperty('x');
528
- var hasY = offsets.hasOwnProperty('y');
529
- var sideX = left;
530
- var sideY = top;
531
- var win = window;
532
-
533
- if (adaptive) {
534
- var offsetParent = getOffsetParent(popper);
535
- var heightProp = 'clientHeight';
536
- var widthProp = 'clientWidth';
537
-
538
- if (offsetParent === getWindow(popper)) {
539
- offsetParent = getDocumentElement(popper);
540
-
541
- if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {
542
- heightProp = 'scrollHeight';
543
- widthProp = 'scrollWidth';
544
- }
545
- } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
546
-
547
-
548
- offsetParent = offsetParent;
549
-
550
- if (placement === top || (placement === left || placement === right) && variation === end) {
551
- sideY = bottom;
552
- var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
553
- offsetParent[heightProp];
554
- y -= offsetY - popperRect.height;
555
- y *= gpuAcceleration ? 1 : -1;
556
- }
557
-
558
- if (placement === left || (placement === top || placement === bottom) && variation === end) {
559
- sideX = right;
560
- var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
561
- offsetParent[widthProp];
562
- x -= offsetX - popperRect.width;
563
- x *= gpuAcceleration ? 1 : -1;
564
- }
565
- }
566
-
567
- var commonStyles = Object.assign({
568
- position: position
569
- }, adaptive && unsetSides);
570
-
571
- var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
572
- x: x,
573
- y: y
574
- }, getWindow(popper)) : {
575
- x: x,
576
- y: y
577
- };
578
-
579
- x = _ref4.x;
580
- y = _ref4.y;
581
-
582
- if (gpuAcceleration) {
583
- var _Object$assign;
584
-
585
- return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
586
- }
587
-
588
- return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
589
- }
590
-
591
- function computeStyles(_ref5) {
592
- var state = _ref5.state,
593
- options = _ref5.options;
594
- var _options$gpuAccelerat = options.gpuAcceleration,
595
- gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
596
- _options$adaptive = options.adaptive,
597
- adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
598
- _options$roundOffsets = options.roundOffsets,
599
- roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
600
- var commonStyles = {
601
- placement: getBasePlacement(state.placement),
602
- variation: getVariation(state.placement),
603
- popper: state.elements.popper,
604
- popperRect: state.rects.popper,
605
- gpuAcceleration: gpuAcceleration,
606
- isFixed: state.options.strategy === 'fixed'
607
- };
608
-
609
- if (state.modifiersData.popperOffsets != null) {
610
- state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
611
- offsets: state.modifiersData.popperOffsets,
612
- position: state.options.strategy,
613
- adaptive: adaptive,
614
- roundOffsets: roundOffsets
615
- })));
616
- }
617
-
618
- if (state.modifiersData.arrow != null) {
619
- state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
620
- offsets: state.modifiersData.arrow,
621
- position: 'absolute',
622
- adaptive: false,
623
- roundOffsets: roundOffsets
624
- })));
625
- }
626
-
627
- state.attributes.popper = Object.assign({}, state.attributes.popper, {
628
- 'data-popper-placement': state.placement
629
- });
630
- } // eslint-disable-next-line import/no-unused-modules
631
-
632
-
633
- const computeStyles$1 = {
634
- name: 'computeStyles',
635
- enabled: true,
636
- phase: 'beforeWrite',
637
- fn: computeStyles,
638
- data: {}
639
- };
640
-
641
- var passive = {
642
- passive: true
643
- };
644
-
645
- function effect(_ref) {
646
- var state = _ref.state,
647
- instance = _ref.instance,
648
- options = _ref.options;
649
- var _options$scroll = options.scroll,
650
- scroll = _options$scroll === void 0 ? true : _options$scroll,
651
- _options$resize = options.resize,
652
- resize = _options$resize === void 0 ? true : _options$resize;
653
- var window = getWindow(state.elements.popper);
654
- var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
655
-
656
- if (scroll) {
657
- scrollParents.forEach(function (scrollParent) {
658
- scrollParent.addEventListener('scroll', instance.update, passive);
659
- });
660
- }
661
-
662
- if (resize) {
663
- window.addEventListener('resize', instance.update, passive);
664
- }
665
-
666
- return function () {
667
- if (scroll) {
668
- scrollParents.forEach(function (scrollParent) {
669
- scrollParent.removeEventListener('scroll', instance.update, passive);
670
- });
671
- }
672
-
673
- if (resize) {
674
- window.removeEventListener('resize', instance.update, passive);
675
- }
676
- };
677
- } // eslint-disable-next-line import/no-unused-modules
678
-
679
-
680
- const eventListeners = {
681
- name: 'eventListeners',
682
- enabled: true,
683
- phase: 'write',
684
- fn: function fn() {},
685
- effect: effect,
686
- data: {}
687
- };
688
-
689
- var hash$1 = {
690
- left: 'right',
691
- right: 'left',
692
- bottom: 'top',
693
- top: 'bottom'
694
- };
695
- function getOppositePlacement(placement) {
696
- return placement.replace(/left|right|bottom|top/g, function (matched) {
697
- return hash$1[matched];
698
- });
699
- }
700
-
701
- var hash = {
702
- start: 'end',
703
- end: 'start'
704
- };
705
- function getOppositeVariationPlacement(placement) {
706
- return placement.replace(/start|end/g, function (matched) {
707
- return hash[matched];
708
- });
709
- }
710
-
711
- function getWindowScroll(node) {
712
- var win = getWindow(node);
713
- var scrollLeft = win.pageXOffset;
714
- var scrollTop = win.pageYOffset;
715
- return {
716
- scrollLeft: scrollLeft,
717
- scrollTop: scrollTop
718
- };
719
- }
720
-
721
- function getWindowScrollBarX(element) {
722
- // If <html> has a CSS width greater than the viewport, then this will be
723
- // incorrect for RTL.
724
- // Popper 1 is broken in this case and never had a bug report so let's assume
725
- // it's not an issue. I don't think anyone ever specifies width on <html>
726
- // anyway.
727
- // Browsers where the left scrollbar doesn't cause an issue report `0` for
728
- // this (e.g. Edge 2019, IE11, Safari)
729
- return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
730
- }
731
-
732
- function getViewportRect(element, strategy) {
733
- var win = getWindow(element);
734
- var html = getDocumentElement(element);
735
- var visualViewport = win.visualViewport;
736
- var width = html.clientWidth;
737
- var height = html.clientHeight;
738
- var x = 0;
739
- var y = 0;
740
-
741
- if (visualViewport) {
742
- width = visualViewport.width;
743
- height = visualViewport.height;
744
- var layoutViewport = isLayoutViewport();
745
-
746
- if (layoutViewport || !layoutViewport && strategy === 'fixed') {
747
- x = visualViewport.offsetLeft;
748
- y = visualViewport.offsetTop;
749
- }
750
- }
751
-
752
- return {
753
- width: width,
754
- height: height,
755
- x: x + getWindowScrollBarX(element),
756
- y: y
757
- };
758
- }
759
-
760
- // of the `<html>` and `<body>` rect bounds if horizontally scrollable
761
-
762
- function getDocumentRect(element) {
763
- var _element$ownerDocumen;
764
-
765
- var html = getDocumentElement(element);
766
- var winScroll = getWindowScroll(element);
767
- var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
768
- var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
769
- var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
770
- var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
771
- var y = -winScroll.scrollTop;
772
-
773
- if (getComputedStyle(body || html).direction === 'rtl') {
774
- x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
775
- }
776
-
777
- return {
778
- width: width,
779
- height: height,
780
- x: x,
781
- y: y
782
- };
783
- }
784
-
785
- function isScrollParent(element) {
786
- // Firefox wants us to check `-x` and `-y` variations as well
787
- var _getComputedStyle = getComputedStyle(element),
788
- overflow = _getComputedStyle.overflow,
789
- overflowX = _getComputedStyle.overflowX,
790
- overflowY = _getComputedStyle.overflowY;
791
-
792
- return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
793
- }
794
-
795
- function getScrollParent(node) {
796
- if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
797
- // $FlowFixMe[incompatible-return]: assume body is always available
798
- return node.ownerDocument.body;
799
- }
800
-
801
- if (isHTMLElement(node) && isScrollParent(node)) {
802
- return node;
803
- }
804
-
805
- return getScrollParent(getParentNode(node));
806
- }
807
-
808
- /*
809
- given a DOM element, return the list of all scroll parents, up the list of ancesors
810
- until we get to the top window object. This list is what we attach scroll listeners
811
- to, because if any of these parent elements scroll, we'll need to re-calculate the
812
- reference element's position.
813
- */
814
-
815
- function listScrollParents(element, list) {
816
- var _element$ownerDocumen;
817
-
818
- if (list === void 0) {
819
- list = [];
820
- }
821
-
822
- var scrollParent = getScrollParent(element);
823
- var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
824
- var win = getWindow(scrollParent);
825
- var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
826
- var updatedList = list.concat(target);
827
- return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
828
- updatedList.concat(listScrollParents(getParentNode(target)));
829
- }
830
-
831
- function rectToClientRect(rect) {
832
- return Object.assign({}, rect, {
833
- left: rect.x,
834
- top: rect.y,
835
- right: rect.x + rect.width,
836
- bottom: rect.y + rect.height
837
- });
838
- }
839
-
840
- function getInnerBoundingClientRect(element, strategy) {
841
- var rect = getBoundingClientRect(element, false, strategy === 'fixed');
842
- rect.top = rect.top + element.clientTop;
843
- rect.left = rect.left + element.clientLeft;
844
- rect.bottom = rect.top + element.clientHeight;
845
- rect.right = rect.left + element.clientWidth;
846
- rect.width = element.clientWidth;
847
- rect.height = element.clientHeight;
848
- rect.x = rect.left;
849
- rect.y = rect.top;
850
- return rect;
851
- }
852
-
853
- function getClientRectFromMixedType(element, clippingParent, strategy) {
854
- return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
855
- } // A "clipping parent" is an overflowable container with the characteristic of
856
- // clipping (or hiding) overflowing elements with a position different from
857
- // `initial`
858
-
859
-
860
- function getClippingParents(element) {
861
- var clippingParents = listScrollParents(getParentNode(element));
862
- var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;
863
- var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
864
-
865
- if (!isElement(clipperElement)) {
866
- return [];
867
- } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
868
-
869
-
870
- return clippingParents.filter(function (clippingParent) {
871
- return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
872
- });
873
- } // Gets the maximum area that the element is visible in due to any number of
874
- // clipping parents
875
-
876
-
877
- function getClippingRect(element, boundary, rootBoundary, strategy) {
878
- var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
879
- var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
880
- var firstClippingParent = clippingParents[0];
881
- var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
882
- var rect = getClientRectFromMixedType(element, clippingParent, strategy);
883
- accRect.top = max(rect.top, accRect.top);
884
- accRect.right = min(rect.right, accRect.right);
885
- accRect.bottom = min(rect.bottom, accRect.bottom);
886
- accRect.left = max(rect.left, accRect.left);
887
- return accRect;
888
- }, getClientRectFromMixedType(element, firstClippingParent, strategy));
889
- clippingRect.width = clippingRect.right - clippingRect.left;
890
- clippingRect.height = clippingRect.bottom - clippingRect.top;
891
- clippingRect.x = clippingRect.left;
892
- clippingRect.y = clippingRect.top;
893
- return clippingRect;
894
- }
895
-
896
- function computeOffsets(_ref) {
897
- var reference = _ref.reference,
898
- element = _ref.element,
899
- placement = _ref.placement;
900
- var basePlacement = placement ? getBasePlacement(placement) : null;
901
- var variation = placement ? getVariation(placement) : null;
902
- var commonX = reference.x + reference.width / 2 - element.width / 2;
903
- var commonY = reference.y + reference.height / 2 - element.height / 2;
904
- var offsets;
905
-
906
- switch (basePlacement) {
907
- case top:
908
- offsets = {
909
- x: commonX,
910
- y: reference.y - element.height
911
- };
912
- break;
913
-
914
- case bottom:
915
- offsets = {
916
- x: commonX,
917
- y: reference.y + reference.height
918
- };
919
- break;
920
-
921
- case right:
922
- offsets = {
923
- x: reference.x + reference.width,
924
- y: commonY
925
- };
926
- break;
927
-
928
- case left:
929
- offsets = {
930
- x: reference.x - element.width,
931
- y: commonY
932
- };
933
- break;
934
-
935
- default:
936
- offsets = {
937
- x: reference.x,
938
- y: reference.y
939
- };
940
- }
941
-
942
- var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
943
-
944
- if (mainAxis != null) {
945
- var len = mainAxis === 'y' ? 'height' : 'width';
946
-
947
- switch (variation) {
948
- case start:
949
- offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
950
- break;
951
-
952
- case end:
953
- offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
954
- break;
955
- }
956
- }
957
-
958
- return offsets;
959
- }
960
-
961
- function detectOverflow(state, options) {
962
- if (options === void 0) {
963
- options = {};
964
- }
965
-
966
- var _options = options,
967
- _options$placement = _options.placement,
968
- placement = _options$placement === void 0 ? state.placement : _options$placement,
969
- _options$strategy = _options.strategy,
970
- strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
971
- _options$boundary = _options.boundary,
972
- boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
973
- _options$rootBoundary = _options.rootBoundary,
974
- rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
975
- _options$elementConte = _options.elementContext,
976
- elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
977
- _options$altBoundary = _options.altBoundary,
978
- altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
979
- _options$padding = _options.padding,
980
- padding = _options$padding === void 0 ? 0 : _options$padding;
981
- var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
982
- var altContext = elementContext === popper ? reference : popper;
983
- var popperRect = state.rects.popper;
984
- var element = state.elements[altBoundary ? altContext : elementContext];
985
- var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
986
- var referenceClientRect = getBoundingClientRect(state.elements.reference);
987
- var popperOffsets = computeOffsets({
988
- reference: referenceClientRect,
989
- element: popperRect,
990
- strategy: 'absolute',
991
- placement: placement
992
- });
993
- var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
994
- var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
995
- // 0 or negative = within the clipping rect
996
-
997
- var overflowOffsets = {
998
- top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
999
- bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
1000
- left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
1001
- right: elementClientRect.right - clippingClientRect.right + paddingObject.right
1002
- };
1003
- var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
1004
-
1005
- if (elementContext === popper && offsetData) {
1006
- var offset = offsetData[placement];
1007
- Object.keys(overflowOffsets).forEach(function (key) {
1008
- var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
1009
- var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';
1010
- overflowOffsets[key] += offset[axis] * multiply;
1011
- });
1012
- }
1013
-
1014
- return overflowOffsets;
1015
- }
1016
-
1017
- function computeAutoPlacement(state, options) {
1018
- if (options === void 0) {
1019
- options = {};
1020
- }
1021
-
1022
- var _options = options,
1023
- placement = _options.placement,
1024
- boundary = _options.boundary,
1025
- rootBoundary = _options.rootBoundary,
1026
- padding = _options.padding,
1027
- flipVariations = _options.flipVariations,
1028
- _options$allowedAutoP = _options.allowedAutoPlacements,
1029
- allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
1030
- var variation = getVariation(placement);
1031
- var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
1032
- return getVariation(placement) === variation;
1033
- }) : basePlacements;
1034
- var allowedPlacements = placements$1.filter(function (placement) {
1035
- return allowedAutoPlacements.indexOf(placement) >= 0;
1036
- });
1037
-
1038
- if (allowedPlacements.length === 0) {
1039
- allowedPlacements = placements$1;
1040
- } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
1041
-
1042
-
1043
- var overflows = allowedPlacements.reduce(function (acc, placement) {
1044
- acc[placement] = detectOverflow(state, {
1045
- placement: placement,
1046
- boundary: boundary,
1047
- rootBoundary: rootBoundary,
1048
- padding: padding
1049
- })[getBasePlacement(placement)];
1050
- return acc;
1051
- }, {});
1052
- return Object.keys(overflows).sort(function (a, b) {
1053
- return overflows[a] - overflows[b];
1054
- });
1055
- }
1056
-
1057
- function getExpandedFallbackPlacements(placement) {
1058
- if (getBasePlacement(placement) === auto) {
1059
- return [];
1060
- }
1061
-
1062
- var oppositePlacement = getOppositePlacement(placement);
1063
- return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
1064
- }
1065
-
1066
- function flip(_ref) {
1067
- var state = _ref.state,
1068
- options = _ref.options,
1069
- name = _ref.name;
1070
-
1071
- if (state.modifiersData[name]._skip) {
1072
- return;
1073
- }
1074
-
1075
- var _options$mainAxis = options.mainAxis,
1076
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
1077
- _options$altAxis = options.altAxis,
1078
- checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
1079
- specifiedFallbackPlacements = options.fallbackPlacements,
1080
- padding = options.padding,
1081
- boundary = options.boundary,
1082
- rootBoundary = options.rootBoundary,
1083
- altBoundary = options.altBoundary,
1084
- _options$flipVariatio = options.flipVariations,
1085
- flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
1086
- allowedAutoPlacements = options.allowedAutoPlacements;
1087
- var preferredPlacement = state.options.placement;
1088
- var basePlacement = getBasePlacement(preferredPlacement);
1089
- var isBasePlacement = basePlacement === preferredPlacement;
1090
- var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
1091
- var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
1092
- return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
1093
- placement: placement,
1094
- boundary: boundary,
1095
- rootBoundary: rootBoundary,
1096
- padding: padding,
1097
- flipVariations: flipVariations,
1098
- allowedAutoPlacements: allowedAutoPlacements
1099
- }) : placement);
1100
- }, []);
1101
- var referenceRect = state.rects.reference;
1102
- var popperRect = state.rects.popper;
1103
- var checksMap = new Map();
1104
- var makeFallbackChecks = true;
1105
- var firstFittingPlacement = placements[0];
1106
-
1107
- for (var i = 0; i < placements.length; i++) {
1108
- var placement = placements[i];
1109
-
1110
- var _basePlacement = getBasePlacement(placement);
1111
-
1112
- var isStartVariation = getVariation(placement) === start;
1113
- var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
1114
- var len = isVertical ? 'width' : 'height';
1115
- var overflow = detectOverflow(state, {
1116
- placement: placement,
1117
- boundary: boundary,
1118
- rootBoundary: rootBoundary,
1119
- altBoundary: altBoundary,
1120
- padding: padding
1121
- });
1122
- var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
1123
-
1124
- if (referenceRect[len] > popperRect[len]) {
1125
- mainVariationSide = getOppositePlacement(mainVariationSide);
1126
- }
1127
-
1128
- var altVariationSide = getOppositePlacement(mainVariationSide);
1129
- var checks = [];
1130
-
1131
- if (checkMainAxis) {
1132
- checks.push(overflow[_basePlacement] <= 0);
1133
- }
1134
-
1135
- if (checkAltAxis) {
1136
- checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
1137
- }
1138
-
1139
- if (checks.every(function (check) {
1140
- return check;
1141
- })) {
1142
- firstFittingPlacement = placement;
1143
- makeFallbackChecks = false;
1144
- break;
1145
- }
1146
-
1147
- checksMap.set(placement, checks);
1148
- }
1149
-
1150
- if (makeFallbackChecks) {
1151
- // `2` may be desired in some cases – research later
1152
- var numberOfChecks = flipVariations ? 3 : 1;
1153
-
1154
- var _loop = function _loop(_i) {
1155
- var fittingPlacement = placements.find(function (placement) {
1156
- var checks = checksMap.get(placement);
1157
-
1158
- if (checks) {
1159
- return checks.slice(0, _i).every(function (check) {
1160
- return check;
1161
- });
1162
- }
1163
- });
1164
-
1165
- if (fittingPlacement) {
1166
- firstFittingPlacement = fittingPlacement;
1167
- return "break";
1168
- }
1169
- };
1170
-
1171
- for (var _i = numberOfChecks; _i > 0; _i--) {
1172
- var _ret = _loop(_i);
1173
-
1174
- if (_ret === "break") break;
1175
- }
1176
- }
1177
-
1178
- if (state.placement !== firstFittingPlacement) {
1179
- state.modifiersData[name]._skip = true;
1180
- state.placement = firstFittingPlacement;
1181
- state.reset = true;
1182
- }
1183
- } // eslint-disable-next-line import/no-unused-modules
1184
-
1185
-
1186
- const flip$1 = {
1187
- name: 'flip',
1188
- enabled: true,
1189
- phase: 'main',
1190
- fn: flip,
1191
- requiresIfExists: ['offset'],
1192
- data: {
1193
- _skip: false
1194
- }
1195
- };
1196
-
1197
- function getSideOffsets(overflow, rect, preventedOffsets) {
1198
- if (preventedOffsets === void 0) {
1199
- preventedOffsets = {
1200
- x: 0,
1201
- y: 0
1202
- };
1203
- }
1204
-
1205
- return {
1206
- top: overflow.top - rect.height - preventedOffsets.y,
1207
- right: overflow.right - rect.width + preventedOffsets.x,
1208
- bottom: overflow.bottom - rect.height + preventedOffsets.y,
1209
- left: overflow.left - rect.width - preventedOffsets.x
1210
- };
1211
- }
1212
-
1213
- function isAnySideFullyClipped(overflow) {
1214
- return [top, right, bottom, left].some(function (side) {
1215
- return overflow[side] >= 0;
1216
- });
1217
- }
1218
-
1219
- function hide(_ref) {
1220
- var state = _ref.state,
1221
- name = _ref.name;
1222
- var referenceRect = state.rects.reference;
1223
- var popperRect = state.rects.popper;
1224
- var preventedOffsets = state.modifiersData.preventOverflow;
1225
- var referenceOverflow = detectOverflow(state, {
1226
- elementContext: 'reference'
1227
- });
1228
- var popperAltOverflow = detectOverflow(state, {
1229
- altBoundary: true
1230
- });
1231
- var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
1232
- var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
1233
- var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
1234
- var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
1235
- state.modifiersData[name] = {
1236
- referenceClippingOffsets: referenceClippingOffsets,
1237
- popperEscapeOffsets: popperEscapeOffsets,
1238
- isReferenceHidden: isReferenceHidden,
1239
- hasPopperEscaped: hasPopperEscaped
1240
- };
1241
- state.attributes.popper = Object.assign({}, state.attributes.popper, {
1242
- 'data-popper-reference-hidden': isReferenceHidden,
1243
- 'data-popper-escaped': hasPopperEscaped
1244
- });
1245
- } // eslint-disable-next-line import/no-unused-modules
1246
-
1247
-
1248
- const hide$1 = {
1249
- name: 'hide',
1250
- enabled: true,
1251
- phase: 'main',
1252
- requiresIfExists: ['preventOverflow'],
1253
- fn: hide
1254
- };
1255
-
1256
- function distanceAndSkiddingToXY(placement, rects, offset) {
1257
- var basePlacement = getBasePlacement(placement);
1258
- var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
1259
-
1260
- var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
1261
- placement: placement
1262
- })) : offset,
1263
- skidding = _ref[0],
1264
- distance = _ref[1];
1265
-
1266
- skidding = skidding || 0;
1267
- distance = (distance || 0) * invertDistance;
1268
- return [left, right].indexOf(basePlacement) >= 0 ? {
1269
- x: distance,
1270
- y: skidding
1271
- } : {
1272
- x: skidding,
1273
- y: distance
1274
- };
1275
- }
1276
-
1277
- function offset(_ref2) {
1278
- var state = _ref2.state,
1279
- options = _ref2.options,
1280
- name = _ref2.name;
1281
- var _options$offset = options.offset,
1282
- offset = _options$offset === void 0 ? [0, 0] : _options$offset;
1283
- var data = placements.reduce(function (acc, placement) {
1284
- acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
1285
- return acc;
1286
- }, {});
1287
- var _data$state$placement = data[state.placement],
1288
- x = _data$state$placement.x,
1289
- y = _data$state$placement.y;
1290
-
1291
- if (state.modifiersData.popperOffsets != null) {
1292
- state.modifiersData.popperOffsets.x += x;
1293
- state.modifiersData.popperOffsets.y += y;
1294
- }
1295
-
1296
- state.modifiersData[name] = data;
1297
- } // eslint-disable-next-line import/no-unused-modules
1298
-
1299
-
1300
- const offset$1 = {
1301
- name: 'offset',
1302
- enabled: true,
1303
- phase: 'main',
1304
- requires: ['popperOffsets'],
1305
- fn: offset
1306
- };
1307
-
1308
- function popperOffsets(_ref) {
1309
- var state = _ref.state,
1310
- name = _ref.name;
1311
- // Offsets are the actual position the popper needs to have to be
1312
- // properly positioned near its reference element
1313
- // This is the most basic placement, and will be adjusted by
1314
- // the modifiers in the next step
1315
- state.modifiersData[name] = computeOffsets({
1316
- reference: state.rects.reference,
1317
- element: state.rects.popper,
1318
- strategy: 'absolute',
1319
- placement: state.placement
1320
- });
1321
- } // eslint-disable-next-line import/no-unused-modules
1322
-
1323
-
1324
- const popperOffsets$1 = {
1325
- name: 'popperOffsets',
1326
- enabled: true,
1327
- phase: 'read',
1328
- fn: popperOffsets,
1329
- data: {}
1330
- };
1331
-
1332
- function getAltAxis(axis) {
1333
- return axis === 'x' ? 'y' : 'x';
1334
- }
1335
-
1336
- function preventOverflow(_ref) {
1337
- var state = _ref.state,
1338
- options = _ref.options,
1339
- name = _ref.name;
1340
- var _options$mainAxis = options.mainAxis,
1341
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
1342
- _options$altAxis = options.altAxis,
1343
- checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
1344
- boundary = options.boundary,
1345
- rootBoundary = options.rootBoundary,
1346
- altBoundary = options.altBoundary,
1347
- padding = options.padding,
1348
- _options$tether = options.tether,
1349
- tether = _options$tether === void 0 ? true : _options$tether,
1350
- _options$tetherOffset = options.tetherOffset,
1351
- tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
1352
- var overflow = detectOverflow(state, {
1353
- boundary: boundary,
1354
- rootBoundary: rootBoundary,
1355
- padding: padding,
1356
- altBoundary: altBoundary
1357
- });
1358
- var basePlacement = getBasePlacement(state.placement);
1359
- var variation = getVariation(state.placement);
1360
- var isBasePlacement = !variation;
1361
- var mainAxis = getMainAxisFromPlacement(basePlacement);
1362
- var altAxis = getAltAxis(mainAxis);
1363
- var popperOffsets = state.modifiersData.popperOffsets;
1364
- var referenceRect = state.rects.reference;
1365
- var popperRect = state.rects.popper;
1366
- var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
1367
- placement: state.placement
1368
- })) : tetherOffset;
1369
- var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
1370
- mainAxis: tetherOffsetValue,
1371
- altAxis: tetherOffsetValue
1372
- } : Object.assign({
1373
- mainAxis: 0,
1374
- altAxis: 0
1375
- }, tetherOffsetValue);
1376
- var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
1377
- var data = {
1378
- x: 0,
1379
- y: 0
1380
- };
1381
-
1382
- if (!popperOffsets) {
1383
- return;
1384
- }
1385
-
1386
- if (checkMainAxis) {
1387
- var _offsetModifierState$;
1388
-
1389
- var mainSide = mainAxis === 'y' ? top : left;
1390
- var altSide = mainAxis === 'y' ? bottom : right;
1391
- var len = mainAxis === 'y' ? 'height' : 'width';
1392
- var offset = popperOffsets[mainAxis];
1393
- var min$1 = offset + overflow[mainSide];
1394
- var max$1 = offset - overflow[altSide];
1395
- var additive = tether ? -popperRect[len] / 2 : 0;
1396
- var minLen = variation === start ? referenceRect[len] : popperRect[len];
1397
- var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
1398
- // outside the reference bounds
1399
-
1400
- var arrowElement = state.elements.arrow;
1401
- var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
1402
- width: 0,
1403
- height: 0
1404
- };
1405
- var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();
1406
- var arrowPaddingMin = arrowPaddingObject[mainSide];
1407
- var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want
1408
- // to include its full size in the calculation. If the reference is small
1409
- // and near the edge of a boundary, the popper can overflow even if the
1410
- // reference is not overflowing as well (e.g. virtual elements with no
1411
- // width or height)
1412
-
1413
- var arrowLen = within(0, referenceRect[len], arrowRect[len]);
1414
- var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
1415
- var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
1416
- var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
1417
- var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
1418
- var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
1419
- var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
1420
- var tetherMax = offset + maxOffset - offsetModifierValue;
1421
- var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);
1422
- popperOffsets[mainAxis] = preventedOffset;
1423
- data[mainAxis] = preventedOffset - offset;
1424
- }
1425
-
1426
- if (checkAltAxis) {
1427
- var _offsetModifierState$2;
1428
-
1429
- var _mainSide = mainAxis === 'x' ? top : left;
1430
-
1431
- var _altSide = mainAxis === 'x' ? bottom : right;
1432
-
1433
- var _offset = popperOffsets[altAxis];
1434
-
1435
- var _len = altAxis === 'y' ? 'height' : 'width';
1436
-
1437
- var _min = _offset + overflow[_mainSide];
1438
-
1439
- var _max = _offset - overflow[_altSide];
1440
-
1441
- var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
1442
-
1443
- var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
1444
-
1445
- var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
1446
-
1447
- var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
1448
-
1449
- var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
1450
-
1451
- popperOffsets[altAxis] = _preventedOffset;
1452
- data[altAxis] = _preventedOffset - _offset;
1453
- }
1454
-
1455
- state.modifiersData[name] = data;
1456
- } // eslint-disable-next-line import/no-unused-modules
1457
-
1458
-
1459
- const preventOverflow$1 = {
1460
- name: 'preventOverflow',
1461
- enabled: true,
1462
- phase: 'main',
1463
- fn: preventOverflow,
1464
- requiresIfExists: ['offset']
1465
- };
1466
-
1467
- function getHTMLElementScroll(element) {
1468
- return {
1469
- scrollLeft: element.scrollLeft,
1470
- scrollTop: element.scrollTop
1471
- };
1472
- }
1473
-
1474
- function getNodeScroll(node) {
1475
- if (node === getWindow(node) || !isHTMLElement(node)) {
1476
- return getWindowScroll(node);
1477
- } else {
1478
- return getHTMLElementScroll(node);
1479
- }
1480
- }
1481
-
1482
- function isElementScaled(element) {
1483
- var rect = element.getBoundingClientRect();
1484
- var scaleX = round(rect.width) / element.offsetWidth || 1;
1485
- var scaleY = round(rect.height) / element.offsetHeight || 1;
1486
- return scaleX !== 1 || scaleY !== 1;
1487
- } // Returns the composite rect of an element relative to its offsetParent.
1488
- // Composite means it takes into account transforms as well as layout.
1489
-
1490
-
1491
- function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
1492
- if (isFixed === void 0) {
1493
- isFixed = false;
1494
- }
1495
-
1496
- var isOffsetParentAnElement = isHTMLElement(offsetParent);
1497
- var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
1498
- var documentElement = getDocumentElement(offsetParent);
1499
- var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
1500
- var scroll = {
1501
- scrollLeft: 0,
1502
- scrollTop: 0
1503
- };
1504
- var offsets = {
1505
- x: 0,
1506
- y: 0
1507
- };
1508
-
1509
- if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
1510
- if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
1511
- isScrollParent(documentElement)) {
1512
- scroll = getNodeScroll(offsetParent);
1513
- }
1514
-
1515
- if (isHTMLElement(offsetParent)) {
1516
- offsets = getBoundingClientRect(offsetParent, true);
1517
- offsets.x += offsetParent.clientLeft;
1518
- offsets.y += offsetParent.clientTop;
1519
- } else if (documentElement) {
1520
- offsets.x = getWindowScrollBarX(documentElement);
1521
- }
1522
- }
1523
-
1524
- return {
1525
- x: rect.left + scroll.scrollLeft - offsets.x,
1526
- y: rect.top + scroll.scrollTop - offsets.y,
1527
- width: rect.width,
1528
- height: rect.height
1529
- };
1530
- }
1531
-
1532
- function order(modifiers) {
1533
- var map = new Map();
1534
- var visited = new Set();
1535
- var result = [];
1536
- modifiers.forEach(function (modifier) {
1537
- map.set(modifier.name, modifier);
1538
- }); // On visiting object, check for its dependencies and visit them recursively
1539
-
1540
- function sort(modifier) {
1541
- visited.add(modifier.name);
1542
- var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
1543
- requires.forEach(function (dep) {
1544
- if (!visited.has(dep)) {
1545
- var depModifier = map.get(dep);
1546
-
1547
- if (depModifier) {
1548
- sort(depModifier);
1549
- }
1550
- }
1551
- });
1552
- result.push(modifier);
1553
- }
1554
-
1555
- modifiers.forEach(function (modifier) {
1556
- if (!visited.has(modifier.name)) {
1557
- // check for visited object
1558
- sort(modifier);
1559
- }
1560
- });
1561
- return result;
1562
- }
1563
-
1564
- function orderModifiers(modifiers) {
1565
- // order based on dependencies
1566
- var orderedModifiers = order(modifiers); // order based on phase
1567
-
1568
- return modifierPhases.reduce(function (acc, phase) {
1569
- return acc.concat(orderedModifiers.filter(function (modifier) {
1570
- return modifier.phase === phase;
1571
- }));
1572
- }, []);
1573
- }
1574
-
1575
- function debounce(fn) {
1576
- var pending;
1577
- return function () {
1578
- if (!pending) {
1579
- pending = new Promise(function (resolve) {
1580
- Promise.resolve().then(function () {
1581
- pending = undefined;
1582
- resolve(fn());
1583
- });
1584
- });
1585
- }
1586
-
1587
- return pending;
1588
- };
1589
- }
1590
-
1591
- function mergeByName(modifiers) {
1592
- var merged = modifiers.reduce(function (merged, current) {
1593
- var existing = merged[current.name];
1594
- merged[current.name] = existing ? Object.assign({}, existing, current, {
1595
- options: Object.assign({}, existing.options, current.options),
1596
- data: Object.assign({}, existing.data, current.data)
1597
- }) : current;
1598
- return merged;
1599
- }, {}); // IE11 does not support Object.values
1600
-
1601
- return Object.keys(merged).map(function (key) {
1602
- return merged[key];
1603
- });
1604
- }
1605
-
1606
- var DEFAULT_OPTIONS = {
1607
- placement: 'bottom',
1608
- modifiers: [],
1609
- strategy: 'absolute'
1610
- };
1611
-
1612
- function areValidElements() {
1613
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1614
- args[_key] = arguments[_key];
1615
- }
1616
-
1617
- return !args.some(function (element) {
1618
- return !(element && typeof element.getBoundingClientRect === 'function');
1619
- });
1620
- }
1621
-
1622
- function popperGenerator(generatorOptions) {
1623
- if (generatorOptions === void 0) {
1624
- generatorOptions = {};
1625
- }
1626
-
1627
- var _generatorOptions = generatorOptions,
1628
- _generatorOptions$def = _generatorOptions.defaultModifiers,
1629
- defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
1630
- _generatorOptions$def2 = _generatorOptions.defaultOptions,
1631
- defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
1632
- return function createPopper(reference, popper, options) {
1633
- if (options === void 0) {
1634
- options = defaultOptions;
1635
- }
1636
-
1637
- var state = {
1638
- placement: 'bottom',
1639
- orderedModifiers: [],
1640
- options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
1641
- modifiersData: {},
1642
- elements: {
1643
- reference: reference,
1644
- popper: popper
1645
- },
1646
- attributes: {},
1647
- styles: {}
1648
- };
1649
- var effectCleanupFns = [];
1650
- var isDestroyed = false;
1651
- var instance = {
1652
- state: state,
1653
- setOptions: function setOptions(setOptionsAction) {
1654
- var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
1655
- cleanupModifierEffects();
1656
- state.options = Object.assign({}, defaultOptions, state.options, options);
1657
- state.scrollParents = {
1658
- reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
1659
- popper: listScrollParents(popper)
1660
- }; // Orders the modifiers based on their dependencies and `phase`
1661
- // properties
1662
-
1663
- var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
1664
-
1665
- state.orderedModifiers = orderedModifiers.filter(function (m) {
1666
- return m.enabled;
1667
- });
1668
- runModifierEffects();
1669
- return instance.update();
1670
- },
1671
- // Sync update – it will always be executed, even if not necessary. This
1672
- // is useful for low frequency updates where sync behavior simplifies the
1673
- // logic.
1674
- // For high frequency updates (e.g. `resize` and `scroll` events), always
1675
- // prefer the async Popper#update method
1676
- forceUpdate: function forceUpdate() {
1677
- if (isDestroyed) {
1678
- return;
1679
- }
1680
-
1681
- var _state$elements = state.elements,
1682
- reference = _state$elements.reference,
1683
- popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
1684
- // anymore
1685
-
1686
- if (!areValidElements(reference, popper)) {
1687
- return;
1688
- } // Store the reference and popper rects to be read by modifiers
1689
-
1690
-
1691
- state.rects = {
1692
- reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
1693
- popper: getLayoutRect(popper)
1694
- }; // Modifiers have the ability to reset the current update cycle. The
1695
- // most common use case for this is the `flip` modifier changing the
1696
- // placement, which then needs to re-run all the modifiers, because the
1697
- // logic was previously ran for the previous placement and is therefore
1698
- // stale/incorrect
1699
-
1700
- state.reset = false;
1701
- state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
1702
- // is filled with the initial data specified by the modifier. This means
1703
- // it doesn't persist and is fresh on each update.
1704
- // To ensure persistent data, use `${name}#persistent`
1705
-
1706
- state.orderedModifiers.forEach(function (modifier) {
1707
- return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
1708
- });
1709
-
1710
- for (var index = 0; index < state.orderedModifiers.length; index++) {
1711
- if (state.reset === true) {
1712
- state.reset = false;
1713
- index = -1;
1714
- continue;
1715
- }
1716
-
1717
- var _state$orderedModifie = state.orderedModifiers[index],
1718
- fn = _state$orderedModifie.fn,
1719
- _state$orderedModifie2 = _state$orderedModifie.options,
1720
- _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
1721
- name = _state$orderedModifie.name;
1722
-
1723
- if (typeof fn === 'function') {
1724
- state = fn({
1725
- state: state,
1726
- options: _options,
1727
- name: name,
1728
- instance: instance
1729
- }) || state;
1730
- }
1731
- }
1732
- },
1733
- // Async and optimistically optimized update – it will not be executed if
1734
- // not necessary (debounced to run at most once-per-tick)
1735
- update: debounce(function () {
1736
- return new Promise(function (resolve) {
1737
- instance.forceUpdate();
1738
- resolve(state);
1739
- });
1740
- }),
1741
- destroy: function destroy() {
1742
- cleanupModifierEffects();
1743
- isDestroyed = true;
1744
- }
1745
- };
1746
-
1747
- if (!areValidElements(reference, popper)) {
1748
- return instance;
1749
- }
1750
-
1751
- instance.setOptions(options).then(function (state) {
1752
- if (!isDestroyed && options.onFirstUpdate) {
1753
- options.onFirstUpdate(state);
1754
- }
1755
- }); // Modifiers have the ability to execute arbitrary code before the first
1756
- // update cycle runs. They will be executed in the same order as the update
1757
- // cycle. This is useful when a modifier adds some persistent data that
1758
- // other modifiers need to use, but the modifier is run after the dependent
1759
- // one.
1760
-
1761
- function runModifierEffects() {
1762
- state.orderedModifiers.forEach(function (_ref) {
1763
- var name = _ref.name,
1764
- _ref$options = _ref.options,
1765
- options = _ref$options === void 0 ? {} : _ref$options,
1766
- effect = _ref.effect;
1767
-
1768
- if (typeof effect === 'function') {
1769
- var cleanupFn = effect({
1770
- state: state,
1771
- name: name,
1772
- instance: instance,
1773
- options: options
1774
- });
1775
-
1776
- var noopFn = function noopFn() {};
1777
-
1778
- effectCleanupFns.push(cleanupFn || noopFn);
1779
- }
1780
- });
1781
- }
1782
-
1783
- function cleanupModifierEffects() {
1784
- effectCleanupFns.forEach(function (fn) {
1785
- return fn();
1786
- });
1787
- effectCleanupFns = [];
1788
- }
1789
-
1790
- return instance;
1791
- };
1792
- }
1793
-
1794
- var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
1795
- var createPopper = /*#__PURE__*/popperGenerator({
1796
- defaultModifiers: defaultModifiers
1797
- }); // eslint-disable-next-line import/no-unused-modules
1798
-
1799
- const Check = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1800
- <path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>
1801
- </svg>
1802
- `;
1803
-
1804
- const icMenuCss = "html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type=\"button\"].sc-ic-menu-with-multi,[type=\"reset\"].sc-ic-menu-with-multi,[type=\"submit\"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type=\"button\"].sc-ic-menu-with-multi::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-with-multi::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type=\"button\"].sc-ic-menu-with-multi:-moz-focusring,[type=\"reset\"].sc-ic-menu-with-multi:-moz-focusring,[type=\"submit\"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type=\"checkbox\"].sc-ic-menu-with-multi,[type=\"radio\"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);--ic-typography-color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-with-multi-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.ic-menu-open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.ic-menu-full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{--ic-typography-color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text);--ic-typography-color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-color-tertiary-text)}.ic-menu-small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}";
1805
-
1806
- const Menu = class {
1807
- constructor(hostRef) {
1808
- index.registerInstance(this, hostRef);
1809
- this.menuKeyPress = index.createEvent(this, "menuKeyPress", 7);
1810
- this.menuOptionId = index.createEvent(this, "menuOptionId", 7);
1811
- this.menuOptionSelect = index.createEvent(this, "menuOptionSelect", 7);
1812
- this.menuOptionSelectAll = index.createEvent(this, "menuOptionSelectAll", 7);
1813
- this.menuStateChange = index.createEvent(this, "menuStateChange", 7);
1814
- this.retryButtonClicked = index.createEvent(this, "retryButtonClicked", 7);
1815
- this.timeoutBlur = index.createEvent(this, "timeoutBlur", 7);
1816
- this.ungroupedOptionsSet = index.createEvent(this, "ungroupedOptionsSet", 7);
1817
- this.activeDescendantAttr = "aria-activedescendant"; // Prevent duplicate literal string lint error
1818
- this.clearButtonId = "clear-button"; // Prevent duplicate literal string lint error
1819
- this.disabledOptionSelected = false;
1820
- this.hasPreviouslyBlurred = false;
1821
- this.hasTimedOut = false;
1822
- this.isLoading = false;
1823
- this.isMultiSelect = false;
1824
- this.isSearchBar = false;
1825
- this.isSearchableSelect = false;
1826
- this.lastOptionSelected = null; // Index of last option selected
1827
- this.lastOptionFocused = null; // Index of last option focused
1828
- this.multiOptionClicked = null;
1829
- this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.
1830
- this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.
1831
- this.shiftPressed = false;
1832
- this.ungroupedOptions = [];
1833
- this.handleClearListener = () => {
1834
- this.optionHighlighted = "";
1835
- };
1836
- this.handleSubmitSearch = () => {
1837
- const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);
1838
- this.setInputValue(highlightedOptionIndex);
1839
- };
1840
- this.handleMenuChange = (open, focusInput) => {
1841
- this.menuStateChange.emit({ open, focusInput });
1842
- if (!open) {
1843
- if (focusInput !== false) {
1844
- this.inputEl.focus();
1845
- this.preventClickOpen = false;
1846
- }
1847
- // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
1848
- if (this.isMultiSelect) {
1849
- this.optionHighlighted = undefined;
1850
- this.multiOptionClicked = null;
1851
- }
1852
- }
1853
- };
1854
- this.setNextOptionValue = (selectedOptionIndex) => {
1855
- if (this.ungroupedOptions[selectedOptionIndex + 1]) {
1856
- this.menuOptionSelect.emit({
1857
- value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],
1858
- optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),
1859
- });
1860
- }
1861
- else {
1862
- this.menuOptionSelect.emit({
1863
- value: this.ungroupedOptions[0][this.valueField],
1864
- optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),
1865
- });
1866
- }
1867
- };
1868
- this.setPreviousOptionValue = (selectedOptionIndex) => {
1869
- if (this.ungroupedOptions[selectedOptionIndex - 1]) {
1870
- this.menuOptionSelect.emit({
1871
- value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],
1872
- optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),
1873
- });
1874
- }
1875
- else {
1876
- this.menuOptionSelect.emit({
1877
- value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],
1878
- optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),
1879
- });
1880
- }
1881
- };
1882
- this.getParentEl = (parent) => {
1883
- if (parent.tagName === "IC-SEARCH-BAR") {
1884
- this.isSearchBar = true;
1885
- }
1886
- else if (parent.tagName === "IC-SELECT" ||
1887
- parent.tagName === "IC-SELECT-WITH-MULTI") {
1888
- if (parent.getAttribute("searchable") !== null &&
1889
- parent.getAttribute("searchable") !== undefined) {
1890
- this.isSearchableSelect = true;
1891
- }
1892
- else if (parent.getAttribute("multiple") !== null &&
1893
- parent.getAttribute("multiple") !== undefined) {
1894
- this.isMultiSelect = true;
1895
- }
1896
- }
1897
- };
1898
- // Open menu when up or down arrow keys are pressed
1899
- this.arrowBehaviour = (event) => {
1900
- event.preventDefault();
1901
- this.handleMenuChange(true);
1902
- };
1903
- this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
1904
- // Set option that is focused and so should show focus state
1905
- this.setHighlightedOption = (highlightedIndex) => {
1906
- const menuOptions = this.getMenuOptions();
1907
- menuOptions[highlightedIndex] &&
1908
- !menuOptions[highlightedIndex].timedOut &&
1909
- (this.optionHighlighted =
1910
- menuOptions[highlightedIndex][this.valueField] || undefined);
1911
- };
1912
- // Determines keyboard behaviour when selection is automatic
1913
- // (i.e. you don't have to press Enter select an option - just focus on it)
1914
- // and menu is closed
1915
- this.autoSetInputValueKeyboardOpen = (event) => {
1916
- const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
1917
- this.keyboardNav = false;
1918
- switch (event.key) {
1919
- case "ArrowDown":
1920
- this.keyboardNav = true;
1921
- this.arrowBehaviour(event);
1922
- this.setNextOptionValue(selectedOptionIndex);
1923
- break;
1924
- case "ArrowUp":
1925
- this.keyboardNav = true;
1926
- this.arrowBehaviour(event);
1927
- this.setPreviousOptionValue(selectedOptionIndex);
1928
- break;
1929
- case " ":
1930
- case "Enter":
1931
- if (event.target.id !== this.clearButtonId) {
1932
- this.handleMenuChange(true);
1933
- }
1934
- break;
1935
- }
1936
- };
1937
- this.selectHighlightedOption = (target, options, highlightedOptionIndex) => {
1938
- if (!this.isLoading && !this.hasTimedOut) {
1939
- this.keyboardNav = true;
1940
- }
1941
- const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;
1942
- if (isOpen) {
1943
- if (highlightedOptionIndex >= 0) {
1944
- if (options[highlightedOptionIndex] !== undefined) {
1945
- if (this.isSearchBar &&
1946
- options[highlightedOptionIndex].disabled === true) {
1947
- this.disabledOptionSelected = true;
1948
- }
1949
- else {
1950
- this.setInputValue(highlightedOptionIndex);
1951
- }
1952
- }
1953
- }
1954
- else {
1955
- this.setInputValue(highlightedOptionIndex);
1956
- }
1957
- }
1958
- else if (target.id !== this.clearButtonId &&
1959
- this.isMultiSelect) {
1960
- this.handleMenuChange(true);
1961
- }
1962
- };
1963
- // Check if option is selected based on the index of the option
1964
- this.isOptionSelected = (index) => {
1965
- const menuOptions = this.getMenuOptions();
1966
- return this.value
1967
- ? this.value.includes(menuOptions[index][this.valueField])
1968
- : false;
1969
- };
1970
- // Deselect currently selected options when shift pressed, but keep certain options selected
1971
- this.deselectSelectedOptions = (optionsToKeepSelected) => {
1972
- const menuOptions = this.getMenuOptions();
1973
- if (this.value) {
1974
- const selectedOptionIndexes = this.value.map((value) => {
1975
- return menuOptions.findIndex((option) => option[this.valueField] === value);
1976
- });
1977
- // Call setInputValue (which toggles the selected state) on options that need to be deselected
1978
- selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));
1979
- }
1980
- };
1981
- // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)
1982
- this.manualSetInputValueKeyboardOpen = (event) => {
1983
- const menuOptions = this.getMenuOptions();
1984
- // Prevent focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed
1985
- // (i.e. when user is likely in the middle of executing a keyboard combination to select options)
1986
- if (!(event.shiftKey || event.metaKey || event.ctrlKey)) {
1987
- this.keyboardNav = false;
1988
- }
1989
- const highlightedOptionIndex = this.getOptionHighlightedIndex();
1990
- const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);
1991
- const getOptionId = (index) => { var _a; return (_a = Array.from(this.el.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
1992
- // Space press should be equivalent to Enter when multi-select
1993
- if (event.key === " " && this.isMultiSelect) {
1994
- this.handleOptionSelect(event, highlightedOptionIndex);
1995
- }
1996
- else {
1997
- switch (event.key) {
1998
- case "ArrowDown":
1999
- this.keyboardNav = true;
2000
- this.arrowBehaviour(event);
2001
- if (this.multiOptionClicked) {
2002
- // Set focus to option last clicked
2003
- // Prevents it resetting to the top of the menu when user switches to using keyboard
2004
- this.setHighlightedOption(clickedMultiOptionIndex);
2005
- this.multiOptionClicked = null;
2006
- }
2007
- else {
2008
- this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
2009
- if (highlightedOptionIndex < menuOptions.length - 1) {
2010
- this.setHighlightedOption(highlightedOptionIndex + 1);
2011
- this.menuOptionId.emit({
2012
- optionId: getOptionId(highlightedOptionIndex + 1),
2013
- });
2014
- this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);
2015
- }
2016
- else {
2017
- this.setHighlightedOption(0);
2018
- this.menuOptionId.emit({
2019
- optionId: getOptionId(0),
2020
- });
2021
- this.handleSingleShiftSelect(event, 0, menuOptions);
2022
- }
2023
- // Deselect currently selected options if arrow was pressed for first time after shift is held
2024
- if (this.isMultiSelect && this.shiftPressed) {
2025
- this.deselectSelectedOptions([
2026
- highlightedOptionIndex,
2027
- this.getOptionHighlightedIndex(),
2028
- ]);
2029
- this.shiftPressed = false;
2030
- }
2031
- }
2032
- this.lastOptionFocused = this.getOptionHighlightedIndex();
2033
- this.preventIncorrectTabOrder = false;
2034
- this.focusFromSearchKeypress = false;
2035
- break;
2036
- case "ArrowUp":
2037
- this.keyboardNav = true;
2038
- this.arrowBehaviour(event);
2039
- if (this.multiOptionClicked) {
2040
- // Set focus to option last clicked
2041
- // Prevents it resetting to the bottom of the menu when user switches to using keyboard
2042
- this.setHighlightedOption(clickedMultiOptionIndex);
2043
- this.multiOptionClicked = null;
2044
- }
2045
- else {
2046
- this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
2047
- if (highlightedOptionIndex <= 0 ||
2048
- highlightedOptionIndex > menuOptions.length + 1) {
2049
- this.setHighlightedOption(menuOptions.length - 1);
2050
- this.menuOptionId.emit({
2051
- optionId: getOptionId(menuOptions.length - 1),
2052
- });
2053
- this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);
2054
- }
2055
- else {
2056
- this.setHighlightedOption(highlightedOptionIndex - 1);
2057
- this.menuOptionId.emit({
2058
- optionId: getOptionId(highlightedOptionIndex - 1),
2059
- });
2060
- this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);
2061
- }
2062
- // Deselect currently selected options if arrow was pressed for first time after shift is held
2063
- if (this.isMultiSelect && this.shiftPressed) {
2064
- this.deselectSelectedOptions([
2065
- highlightedOptionIndex,
2066
- this.getOptionHighlightedIndex(),
2067
- ]);
2068
- this.shiftPressed = false;
2069
- }
2070
- }
2071
- this.lastOptionFocused = this.getOptionHighlightedIndex();
2072
- this.preventIncorrectTabOrder = false;
2073
- this.focusFromSearchKeypress = false;
2074
- break;
2075
- case "Home": {
2076
- const startOptionIndex = 0;
2077
- this.keyboardNav = true;
2078
- event.preventDefault();
2079
- this.arrowBehaviour(event);
2080
- this.setHighlightedOption(startOptionIndex);
2081
- this.menuOptionId.emit({
2082
- optionId: getOptionId(startOptionIndex),
2083
- });
2084
- if (event.shiftKey && event.ctrlKey) {
2085
- this.handleMultipleShiftSelect(startOptionIndex);
2086
- }
2087
- this.lastOptionFocused = startOptionIndex;
2088
- this.lastOptionSelected = startOptionIndex;
2089
- break;
2090
- }
2091
- case "End": {
2092
- const endOptionIndex = menuOptions.length - 1;
2093
- this.keyboardNav = true;
2094
- event.preventDefault();
2095
- this.arrowBehaviour(event);
2096
- this.setHighlightedOption(endOptionIndex);
2097
- this.menuOptionId.emit({
2098
- optionId: getOptionId(endOptionIndex),
2099
- });
2100
- if (event.shiftKey && event.ctrlKey) {
2101
- this.handleMultipleShiftSelect(endOptionIndex);
2102
- }
2103
- this.lastOptionFocused = endOptionIndex;
2104
- this.lastOptionSelected = endOptionIndex;
2105
- break;
2106
- }
2107
- case " ":
2108
- if (this.isSearchBar || this.isSearchableSelect) {
2109
- break;
2110
- }
2111
- else {
2112
- if (event.target.id !== this.clearButtonId) {
2113
- this.handleMenuChange(true);
2114
- }
2115
- }
2116
- break;
2117
- case "Enter":
2118
- event.preventDefault();
2119
- this.handleOptionSelect(event, highlightedOptionIndex);
2120
- break;
2121
- case "Escape":
2122
- if (this.open) {
2123
- event.stopImmediatePropagation();
2124
- }
2125
- this.handleMenuChange(false);
2126
- this.menuOptionId.emit({ optionId: undefined });
2127
- break;
2128
- case "a":
2129
- // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)
2130
- // Otherwise, if a different OS, checks Ctrl key
2131
- if ((helpers.isMacDevice() && event.metaKey) ||
2132
- (!helpers.isMacDevice() && event.ctrlKey)) {
2133
- this.emitSelectAll();
2134
- this.lastOptionFocused = null;
2135
- this.lastOptionSelected = null;
2136
- }
2137
- break;
2138
- case "Shift":
2139
- case "Tab":
2140
- if (event.key === "Shift") {
2141
- this.shiftPressed = true;
2142
- }
2143
- if (this.isSearchBar) {
2144
- this.keyboardNav = true;
2145
- }
2146
- if (this.isMultiSelect) {
2147
- if (this.open && !event.shiftKey && this.selectAllButton) {
2148
- event.preventDefault();
2149
- this.selectAllButton.focus(); // Move focus to select all button instead of focused option
2150
- this.preventMenuFocus = true;
2151
- this.preventClickOpen = true;
2152
- this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button
2153
- }
2154
- }
2155
- else {
2156
- this.preventIncorrectTabOrder = true;
2157
- }
2158
- break;
2159
- case "Backspace":
2160
- if (this.isSearchBar) {
2161
- this.parentEl.setFocus();
2162
- if (this.searchMode === "navigation")
2163
- this.setHighlightedOption(0);
2164
- }
2165
- else if (this.isSearchableSelect) {
2166
- this.parentEl.setFocus();
2167
- }
2168
- this.focusFromSearchKeypress = true;
2169
- break;
2170
- default:
2171
- if (event.key !== "Tab") {
2172
- if (this.isSearchBar) {
2173
- this.parentEl.setFocus();
2174
- if (this.searchMode === "navigation")
2175
- this.setHighlightedOption(0);
2176
- }
2177
- else if (this.isSearchableSelect) {
2178
- this.parentEl.setFocus();
2179
- }
2180
- this.focusFromSearchKeypress = true;
2181
- break;
2182
- }
2183
- }
2184
- }
2185
- };
2186
- this.setInputValue = (highlightedOptionIndex) => {
2187
- const menuOptions = this.getMenuOptions();
2188
- if (menuOptions[highlightedOptionIndex] !== undefined) {
2189
- this.menuOptionSelect.emit({
2190
- value: menuOptions[highlightedOptionIndex][this.valueField],
2191
- });
2192
- if (this.closeOnSelect) {
2193
- this.optionHighlighted = undefined;
2194
- this.menuOptionId.emit({ optionId: undefined });
2195
- }
2196
- }
2197
- if (this.closeOnSelect) {
2198
- if (!this.hasTimedOut) {
2199
- this.handleMenuChange(false);
2200
- }
2201
- else {
2202
- this.parentEl.setFocus();
2203
- }
2204
- }
2205
- };
2206
- this.handleOptionClick = (event) => {
2207
- const { value, label } = event.target.dataset;
2208
- if (this.isMultiSelect) {
2209
- const menuOptions = this.getMenuOptions();
2210
- const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
2211
- this.handleOptionSelect(event, selectedOptionIndex, true);
2212
- this.multiOptionClicked = value;
2213
- }
2214
- else {
2215
- this.menuOptionSelect.emit({ value, label });
2216
- this.handleMenuChange(false);
2217
- }
2218
- this.optionHighlighted = undefined;
2219
- };
2220
- this.handleRetry = () => {
2221
- this.retryButtonClicked.emit({ value: this.value });
2222
- };
2223
- this.handleRetryKeyDown = (ev) => {
2224
- if (ev.key === "Enter" || ev.key === " ") {
2225
- ev.preventDefault();
2226
- this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });
2227
- }
2228
- };
2229
- this.handleBlur = (event) => {
2230
- if (event.relatedTarget !== this.inputEl) {
2231
- if (event.relatedTarget === this.selectAllButton) {
2232
- this.menu.removeAttribute(this.activeDescendantAttr);
2233
- }
2234
- if (!(this.menu.contains(event.relatedTarget) ||
2235
- event.relatedTarget === this.selectAllButton)) {
2236
- this.handleMenuChange(false, this.hasPreviouslyBlurred);
2237
- this.menu.removeAttribute(this.activeDescendantAttr);
2238
- this.lastOptionFocused = null;
2239
- this.lastOptionSelected = null;
2240
- }
2241
- }
2242
- else {
2243
- this.handleMenuChange(false);
2244
- this.preventClickOpen = true;
2245
- this.menu.removeAttribute(this.activeDescendantAttr);
2246
- this.lastOptionFocused = null;
2247
- this.lastOptionSelected = null;
2248
- }
2249
- if (!this.isSearchBar)
2250
- this.hasPreviouslyBlurred = !!event.relatedTarget;
2251
- };
2252
- this.handleMouseDown = (event) => {
2253
- event.preventDefault();
2254
- };
2255
- this.handleMenuKeyDown = (event) => {
2256
- if (this.activationType === "automatic") {
2257
- this.autoSetValueOnMenuKeyDown(event);
2258
- }
2259
- else if (this.activationType === "manual" && !this.isSearchBar) {
2260
- this.manualSetInputValueKeyboardOpen(event);
2261
- }
2262
- };
2263
- this.handleMenuKeyUp = (event) => {
2264
- if (event.key === "Tab" && event.shiftKey) {
2265
- this.preventClickOpen = false;
2266
- }
2267
- if (event.key === "Enter" && this.disabledOptionSelected) {
2268
- this.disabledOptionSelected = false;
2269
- event.stopImmediatePropagation();
2270
- }
2271
- if (event.key === "Shift") {
2272
- this.shiftPressed = false;
2273
- }
2274
- };
2275
- this.handleSelectAllClick = () => {
2276
- this.keyboardNav = false;
2277
- this.menu.focus();
2278
- this.emitSelectAll();
2279
- this.lastOptionFocused = null;
2280
- this.lastOptionSelected = null;
2281
- };
2282
- this.handleSelectAllBlur = (event) => {
2283
- this.el.classList.remove("select-all-focused");
2284
- if (!this.menu.contains(event.relatedTarget)) {
2285
- this.handleMenuChange(false, false);
2286
- }
2287
- };
2288
- this.handleSelectAllFocus = () => {
2289
- this.el.classList.add("select-all-focused");
2290
- this.lastOptionFocused = null;
2291
- this.lastOptionSelected = null;
2292
- };
2293
- // Fix for Safari - select all button click was causing menu to close
2294
- this.handleSelectAllMouseDown = (event) => {
2295
- event.preventDefault();
2296
- };
2297
- // When shift key is being used to select contiguous options one by one on a multi-select
2298
- // I.e. holding shift and pressing up and down arrow keys
2299
- this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {
2300
- if (this.isMultiSelect &&
2301
- event.shiftKey &&
2302
- !this.isOptionSelected(optionToSelectIndex)) {
2303
- this.selectHighlightedOption(event.target, options, optionToSelectIndex);
2304
- this.lastOptionSelected = optionToSelectIndex;
2305
- }
2306
- };
2307
- // When shift key is being used to select multiple options at once on a multi-select
2308
- // I.e. holding shift when selecting another option
2309
- this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {
2310
- this.shiftPressed = false;
2311
- const firstOptionInSelection = firstOptionSelected === null
2312
- ? this.getFirstOptionInSelection(useFocusForSelection)
2313
- : firstOptionSelected;
2314
- if (firstOptionInSelection !== null) {
2315
- const optionsToSelect = [];
2316
- if (firstOptionInSelection < lastOptionInSelection) {
2317
- for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {
2318
- optionsToSelect.push(i);
2319
- }
2320
- }
2321
- else {
2322
- for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {
2323
- optionsToSelect.push(i);
2324
- }
2325
- }
2326
- optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));
2327
- this.deselectSelectedOptions(optionsToSelect);
2328
- }
2329
- };
2330
- this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {
2331
- const menuOptions = this.getMenuOptions();
2332
- const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);
2333
- if (event.shiftKey && firstOptionInSelection !== null) {
2334
- this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);
2335
- }
2336
- else {
2337
- this.selectHighlightedOption(event.target, menuOptions, optionIndex);
2338
- }
2339
- this.lastOptionFocused = optionIndex;
2340
- this.lastOptionSelected = optionIndex;
2341
- };
2342
- this.getFirstOptionInSelection = (useFocusForSelection) => {
2343
- return useFocusForSelection && this.lastOptionFocused !== null
2344
- ? this.lastOptionFocused
2345
- : this.lastOptionSelected !== null
2346
- ? this.lastOptionSelected
2347
- : null;
2348
- };
2349
- this.emitSelectAll = () => {
2350
- var _a;
2351
- // Select all if there is either no value or not all options are selected
2352
- // 'true' means select all, 'false' means clear all
2353
- this.menuOptionSelectAll.emit({
2354
- select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),
2355
- });
2356
- };
2357
- this.emitMenuKeyPress = (isNavKey, key) => {
2358
- this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
2359
- };
2360
- // Determines keyboard behaviour when selection is automatic
2361
- // (i.e. you don't have to press Enter select an option - just focus on it)
2362
- // and menu is focused
2363
- this.autoSetValueOnMenuKeyDown = (event) => {
2364
- event.cancelBubble = true;
2365
- const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
2366
- const isSearchableSelect = this.inputEl.tagName === "INPUT";
2367
- this.keyboardNav = false;
2368
- switch (event.key) {
2369
- case " ":
2370
- event.preventDefault();
2371
- break;
2372
- case "ArrowUp":
2373
- if (!this.hasTimedOut) {
2374
- event.preventDefault();
2375
- this.setPreviousOptionValue(selectedOptionIndex);
2376
- this.keyboardNav = true;
2377
- }
2378
- break;
2379
- case "ArrowDown":
2380
- if (!this.hasTimedOut) {
2381
- event.preventDefault();
2382
- this.setNextOptionValue(selectedOptionIndex);
2383
- this.keyboardNav = true;
2384
- }
2385
- break;
2386
- case "Home":
2387
- this.menuOptionSelect.emit({
2388
- value: this.ungroupedOptions[0][this.valueField],
2389
- });
2390
- this.keyboardNav = true;
2391
- break;
2392
- case "End":
2393
- this.menuOptionSelect.emit({
2394
- value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],
2395
- });
2396
- this.keyboardNav = true;
2397
- break;
2398
- case "Enter":
2399
- !this.hasTimedOut && this.handleMenuChange(false);
2400
- break;
2401
- case "Escape":
2402
- this.handleMenuChange(false);
2403
- break;
2404
- case "Backspace":
2405
- if (isSearchableSelect) {
2406
- this.inputEl.focus();
2407
- }
2408
- break;
2409
- case "Shift":
2410
- break;
2411
- default:
2412
- if (isSearchableSelect && event.key !== "Tab" && !this.hasTimedOut) {
2413
- this.inputEl.focus();
2414
- }
2415
- if (event.key.length === 1) {
2416
- this.keyboardNav = true;
2417
- }
2418
- break;
2419
- }
2420
- this.emitMenuKeyPress(this.keyboardNav, event.key);
2421
- };
2422
- this.getOptionId = (value) => {
2423
- return `${this.menuId}-${value}`;
2424
- };
2425
- this.getOptionAriaLabel = (option, parentOption) => {
2426
- let ariaLabel = option[this.labelField];
2427
- if (option.description) {
2428
- ariaLabel = `${ariaLabel}, ${option.description}`;
2429
- }
2430
- if (option.element) {
2431
- ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;
2432
- }
2433
- if (parentOption) {
2434
- return `${ariaLabel}, ${parentOption[this.labelField]} group`;
2435
- }
2436
- else {
2437
- return ariaLabel;
2438
- }
2439
- };
2440
- this.getSortedOptions = (options) => {
2441
- let sorted = [];
2442
- if (options.sort) {
2443
- sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);
2444
- }
2445
- return sorted;
2446
- };
2447
- this.getOptionHighlightedIndex = () => {
2448
- const menuOptions = this.getMenuOptions();
2449
- return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
2450
- };
2451
- this.isManualMode = this.activationType === "manual";
2452
- this.scrollToSelected = (menu) => {
2453
- const selectedOption = this.selectOnEnter
2454
- ? this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`)
2455
- : menu.querySelector(".option[aria-selected='true']");
2456
- if (selectedOption) {
2457
- const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;
2458
- if (elTop > menu.scrollTop + menu.offsetHeight ||
2459
- elTop < menu.scrollTop + menu.offsetHeight) {
2460
- menu.scrollTop = selectedOption.offsetTop;
2461
- }
2462
- // 'aria-activedescendant' affects screen reader focus
2463
- // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant
2464
- this.menu.setAttribute(this.activeDescendantAttr, selectedOption.id);
2465
- selectedOption.focus();
2466
- }
2467
- };
2468
- // Set 'ungroupedOptions' variable and emit its value
2469
- // - this is all the options with disabled options and group titles removed
2470
- this.loadUngroupedOptions = () => {
2471
- if (this.options.length > 0 && this.options.map) {
2472
- this.options.map((option) => {
2473
- if (option.children) {
2474
- option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));
2475
- }
2476
- else if (!option.disabled) {
2477
- this.ungroupedOptions.push(option);
2478
- }
2479
- });
2480
- }
2481
- this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);
2482
- this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });
2483
- };
2484
- this.setMenuScrollbar = () => {
2485
- let optionsHeight = 0;
2486
- this.el
2487
- .querySelectorAll(".option")
2488
- .forEach((option) => (optionsHeight += option.clientHeight));
2489
- if (optionsHeight >= 320) {
2490
- this.menu.classList.add("menu-scroll");
2491
- }
2492
- };
2493
- this.handleTimeoutBlur = (ev) => {
2494
- this.timeoutBlur.emit({ ev });
2495
- };
2496
- this.optionContent = (option, selected) => {
2497
- return (index.h(index.Fragment, null, option.loading && index.h("ic-loading-indicator", { size: "icon" }), index.h("div", { class: "option-text-container" }, index.h("div", { class: "option-label" }, option.icon && (index.h("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), index.h("ic-typography", { variant: "body", "aria-hidden": "true" }, index.h("p", null, option[this.labelField]))), option.description && (index.h("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, index.h("p", null, option.description))), option.element && (index.h("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), !!option[this.valueField] &&
2498
- !!this.value &&
2499
- selected &&
2500
- this.parentEl.tagName !== "IC-SEARCH-BAR" && (index.h("span", { class: "check-icon", innerHTML: Check }))));
2501
- };
2502
- this.displayOption = (option, selected, index$1, parentOption) => {
2503
- const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
2504
- return (index.h("li", { id: this.getOptionId(option[this.valueField]), class: {
2505
- option: true,
2506
- "focused-option": isManualMode
2507
- ? (keyboardNav || initialOptionsListRender) &&
2508
- option[this.valueField] === optionHighlighted
2509
- : keyboardNav && selected,
2510
- "last-recommended-option": option.recommended &&
2511
- options[index$1 + 1] &&
2512
- !options[index$1 + 1].recommended,
2513
- "disabled-option": option.disabled,
2514
- "loading-option": option.loading,
2515
- timeout: option.timedOut,
2516
- }, role: "option", tabindex: open &&
2517
- (selected || option[this.valueField] === optionHighlighted) &&
2518
- keyboardNav
2519
- ? "0"
2520
- : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (index.h(index.Fragment, null, index.h("div", { class: "loading-error-info" }, index.h("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, index.h("title", { id: "error-title" }, "Error"), index.h("g", { id: "close-octagon" }, index.h("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), index.h("ic-typography", { variant: "label" }, option[this.labelField])), index.h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
2521
- };
2522
- this.focusFromSearchKeypress = false;
2523
- this.initialOptionsListRender = false;
2524
- this.keyboardNav = false;
2525
- this.optionHighlighted = undefined;
2526
- this.preventIncorrectTabOrder = false;
2527
- this.menuOptions = undefined;
2528
- this.activationType = "automatic";
2529
- this.anchorEl = undefined;
2530
- this.autoFocusOnSelected = true;
2531
- this.closeOnSelect = true;
2532
- this.fullWidth = false;
2533
- this.inputEl = undefined;
2534
- this.inputLabel = undefined;
2535
- this.labelField = "label";
2536
- this.menuId = undefined;
2537
- this.open = undefined;
2538
- this.parentEl = undefined;
2539
- this.searchMode = "navigation";
2540
- this.selectOnEnter = false;
2541
- this.size = "medium";
2542
- this.options = undefined;
2543
- this.value = undefined;
2544
- this.valueField = "value";
2545
- }
2546
- watchOpenHandler() {
2547
- if (!this.open && this.popperInstance) {
2548
- this.popperInstance.destroy();
2549
- this.popperInstance = null;
2550
- }
2551
- }
2552
- watchOptionsHandler(newOptions) {
2553
- this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
2554
- this.isLoading = newOptions.some((opt) => opt.loading);
2555
- this.ungroupedOptions = [];
2556
- this.loadUngroupedOptions();
2557
- }
2558
- connectedCallback() {
2559
- this.getParentEl(this.parentEl);
2560
- if (this.isSearchBar) {
2561
- if (this.searchMode === "navigation")
2562
- this.setHighlightedOption(0);
2563
- this.initialOptionsListRender = true;
2564
- }
2565
- }
2566
- disconnectedCallback() {
2567
- if (this.popperInstance) {
2568
- this.popperInstance.destroy();
2569
- }
2570
- this.parentEl.removeEventListener("icClear", this.handleClearListener);
2571
- this.parentEl.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
2572
- }
2573
- componentWillLoad() {
2574
- var _a, _b;
2575
- this.loadUngroupedOptions();
2576
- this.parentEl.addEventListener("icClear", this.handleClearListener);
2577
- this.parentEl.addEventListener("icSubmitSearch", this.handleSubmitSearch);
2578
- this.hasTimedOut = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some((opt) => opt.timedOut);
2579
- this.isLoading = (_b = this.options) === null || _b === void 0 ? void 0 : _b.some((opt) => opt.loading);
2580
- }
2581
- componentDidLoad() {
2582
- if (this.isSearchBar &&
2583
- this.parentEl.disableAutoFiltering) {
2584
- this.focusFromSearchKeypress = true;
2585
- }
2586
- helpers.onComponentRequiredPropUndefined([
2587
- { prop: this.open, propName: "open" },
2588
- { prop: this.options, propName: "options" },
2589
- { prop: this.menuId, propName: "menu-id" },
2590
- { prop: this.inputLabel, propName: "input-label" },
2591
- //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component
2592
- ], "Menu");
2593
- }
2594
- componentDidUpdate() {
2595
- const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);
2596
- const optionHighlightedIsSet = this.optionHighlighted !== null &&
2597
- this.optionHighlighted !== undefined &&
2598
- this.optionHighlighted !== "";
2599
- if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {
2600
- if (this.value &&
2601
- this.keyboardNav &&
2602
- inputValueInOptions &&
2603
- this.autoFocusOnSelected &&
2604
- !this.isSearchableSelect) {
2605
- this.scrollToSelected(this.menu);
2606
- }
2607
- else if (optionHighlightedIsSet &&
2608
- !this.focusFromSearchKeypress &&
2609
- !this.preventIncorrectTabOrder) {
2610
- const highlightedEl = this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);
2611
- if (highlightedEl) {
2612
- this.menu.setAttribute(this.activeDescendantAttr, highlightedEl.id);
2613
- highlightedEl.focus();
2614
- }
2615
- }
2616
- else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
2617
- this.inputEl.tagName !== "INPUT") {
2618
- this.menu.focus();
2619
- }
2620
- }
2621
- if (this.open && !this.value && this.selectOnEnter) {
2622
- this.scrollToSelected(this.menu);
2623
- }
2624
- this.preventMenuFocus = false;
2625
- }
2626
- componentDidRender() {
2627
- if (this.open && !this.popperInstance && this.anchorEl) {
2628
- this.initPopperJs(this.anchorEl);
2629
- }
2630
- if (this.open && !!this.options.length) {
2631
- this.setMenuScrollbar();
2632
- }
2633
- }
2634
- /**
2635
- * @internal If menu is opened with the mouse, emit menuStateChange custom event.
2636
- */
2637
- async handleClickOpen() {
2638
- if (!this.preventClickOpen) {
2639
- this.menuStateChange.emit({ open: !this.open });
2640
- this.keyboardNav = false;
2641
- }
2642
- this.preventClickOpen = false;
2643
- }
2644
- /**
2645
- * Used alongside activationType
2646
- * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
2647
- * @param {KeyboardEvent} event - keyboard event
2648
- */
2649
- async handleKeyboardOpen(event) {
2650
- this.keyboardNav = false;
2651
- if (this.activationType === "automatic") {
2652
- this.autoSetInputValueKeyboardOpen(event);
2653
- }
2654
- else {
2655
- this.manualSetInputValueKeyboardOpen(event);
2656
- }
2657
- }
2658
- /**
2659
- * @internal Used to highlight the first option in the menu.
2660
- */
2661
- async handleSetFirstOption() {
2662
- this.setHighlightedOption(0);
2663
- }
2664
- /**
2665
- * @internal Used to initialize popperJS with an anchor element.
2666
- * 5/12/2023: Tested with Floating UI, however, discovered inconsistent
2667
- * boundary behaviour so sticking with PopperJS.
2668
- */
2669
- async initPopperJs(anchor) {
2670
- // Placements set to "-start" to accommodate for custom menu width - menu should always be aligned to the left
2671
- this.popperInstance = createPopper(anchor, this.el, {
2672
- placement: "bottom-start",
2673
- modifiers: [
2674
- {
2675
- name: "offset",
2676
- options: {
2677
- offset: [0, 7],
2678
- },
2679
- },
2680
- {
2681
- name: "flip",
2682
- options: {
2683
- fallbackPlacements: ["top-start"],
2684
- rootBoundary: "viewport",
2685
- },
2686
- },
2687
- ],
2688
- });
2689
- }
2690
- render() {
2691
- const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;
2692
- const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
2693
- const hasNoResults = this.el.classList.contains("no-results");
2694
- return (index.h(index.Host, { class: {
2695
- "ic-menu-full-width": fullWidth,
2696
- "ic-menu-no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" ||
2697
- hasTimedOut ||
2698
- isLoading ||
2699
- hasNoResults,
2700
- [`ic-menu-${size}`]: true,
2701
- "ic-menu-open": open && options.length !== 0,
2702
- "ic-menu-multiple": this.isMultiSelect,
2703
- } }, options.length !== 0 && (index.h("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index$1) => {
2704
- if (option.children) {
2705
- if (option.children.length > 0) {
2706
- return (index.h("div", null, index.h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, index.h("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
2707
- this.displayOption(childOption, this.isMultiSelect
2708
- ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
2709
- : childOption[this.valueField] === value, index$1, option))));
2710
- }
2711
- else {
2712
- return null;
2713
- }
2714
- }
2715
- else {
2716
- // Display option only if it has a label (rather than displaying an empty space)
2717
- return (option.label &&
2718
- this.displayOption(option, this.isMultiSelect
2719
- ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
2720
- : option[this.valueField] === value, index$1));
2721
- }
2722
- }))), options.length !== 0 &&
2723
- this.isMultiSelect &&
2724
- !isLoading &&
2725
- !hasTimedOut &&
2726
- !hasNoResults && (index.h("div", { class: "option-bar" }, index.h("ic-typography", null, index.h("p", null, `${value ? value.length : 0}/${helpers.getOptionsWithoutGroupTitlesCount(this.options)} selected`)), index.h("ic-button", { class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
2727
- }
2728
- get el() { return index.getElement(this); }
2729
- static get watchers() { return {
2730
- "open": ["watchOpenHandler"],
2731
- "options": ["watchOptionsHandler"]
2732
- }; }
2733
- };
2734
- Menu.style = icMenuCss;
2735
-
2736
- exports.ic_menu_with_multi = Menu;
2737
-
2738
- //# sourceMappingURL=ic-menu-with-multi.cjs.entry.js.map