@ukic/canary-web-components 3.0.0-canary.4 → 3.0.0-canary.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (530) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-36cdc6cb.js → helpers-55099147.js} +5 -4
  3. package/dist/cjs/helpers-55099147.js.map +1 -0
  4. package/dist/cjs/{helpers-a67ad3a4.js → helpers-c80f6ce4.js} +13 -11
  5. package/dist/cjs/helpers-c80f6ce4.js.map +1 -0
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-alert.cjs.entry.js +3 -3
  9. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-badge.cjs.entry.js +2 -2
  13. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-button_3.cjs.entry.js +11 -13
  19. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-card-horizontal.cjs.entry.js +3 -3
  21. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js +7 -6
  23. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-chip.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  28. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  29. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-data-table.cjs.entry.js +22 -19
  31. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-date-input.cjs.entry.js +9 -9
  33. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-date-picker.cjs.entry.js +9 -5
  35. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-dialog.cjs.entry.js +2 -2
  37. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-empty-state_2.cjs.entry.js +5 -5
  40. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-footer-link-group.cjs.entry.js +3 -3
  42. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-hero.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +12 -5
  48. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +11 -23
  50. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-input-label_2.cjs.entry.js +21 -25
  52. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-link.cjs.entry.js +3 -8
  54. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  56. package/dist/cjs/ic-menu-item.cjs.entry.js +10 -9
  57. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-navigation-button.cjs.entry.js +7 -3
  59. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-navigation-group.cjs.entry.js +4 -2
  61. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-navigation-item.cjs.entry.js +29 -4
  63. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  65. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-page-header.cjs.entry.js +5 -3
  67. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-pagination_4.cjs.entry.js +31 -48
  69. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-popover-menu.cjs.entry.js +6 -6
  71. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
  73. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  74. package/dist/cjs/ic-search-bar.cjs.entry.js +4 -4
  75. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-side-navigation.cjs.entry.js +11 -7
  77. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  79. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  81. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  82. package/dist/cjs/ic-switch.cjs.entry.js +2 -2
  83. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  85. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  87. package/dist/cjs/ic-tab.cjs.entry.js +1 -1
  88. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  89. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  90. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +28 -4
  91. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-toggle-button.cjs.entry.js +9 -6
  93. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-top-navigation.cjs.entry.js +6 -4
  95. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-tree-item.cjs.entry.js +2 -2
  97. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-tree-view.cjs.entry.js +1 -1
  99. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  101. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  102. package/dist/cjs/loader.cjs.js +1 -1
  103. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +10 -10
  104. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +1 -1
  105. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  106. package/dist/collection/components/ic-data-table/ic-data-table.css +60 -32
  107. package/dist/collection/components/ic-data-table/ic-data-table.js +52 -37
  108. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  109. package/dist/collection/components/ic-data-table/story-data.js +43 -0
  110. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  111. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +1 -1
  112. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  113. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +9 -4
  114. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
  115. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  116. package/dist/collection/components/ic-date-input/ic-date-input.css +58 -6
  117. package/dist/collection/components/ic-date-input/ic-date-input.js +32 -8
  118. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  119. package/dist/collection/components/ic-date-picker/ic-date-picker.css +16 -15
  120. package/dist/collection/components/ic-date-picker/ic-date-picker.js +31 -3
  121. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  122. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +1 -5
  123. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +4 -4
  124. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  125. package/dist/collection/components/ic-tree-item/ic-tree-item.css +4 -1
  126. package/dist/collection/components/ic-tree-item/ic-tree-item.js +2 -2
  127. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  128. package/dist/collection/components/ic-tree-view/ic-tree-view.js +2 -2
  129. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  130. package/dist/collection/utils/helpers.js +12 -10
  131. package/dist/collection/utils/helpers.js.map +1 -1
  132. package/dist/components/helpers.js +5 -4
  133. package/dist/components/helpers.js.map +1 -1
  134. package/dist/components/helpers2.js +12 -10
  135. package/dist/components/helpers2.js.map +1 -1
  136. package/dist/components/ic-alert.js +2 -2
  137. package/dist/components/ic-alert.js.map +1 -1
  138. package/dist/components/ic-back-to-top.js +9 -5
  139. package/dist/components/ic-back-to-top.js.map +1 -1
  140. package/dist/components/ic-badge.js +1 -1
  141. package/dist/components/ic-badge.js.map +1 -1
  142. package/dist/components/ic-breadcrumb-group.js +43 -19
  143. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  144. package/dist/components/ic-breadcrumb2.js +1 -1
  145. package/dist/components/ic-breadcrumb2.js.map +1 -1
  146. package/dist/components/ic-button2.js +12 -13
  147. package/dist/components/ic-button2.js.map +1 -1
  148. package/dist/components/ic-card-horizontal.js +2 -2
  149. package/dist/components/ic-card-horizontal.js.map +1 -1
  150. package/dist/components/ic-card-vertical.js +8 -7
  151. package/dist/components/ic-card-vertical.js.map +1 -1
  152. package/dist/components/ic-data-table-title-bar.js +6 -6
  153. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  154. package/dist/components/ic-data-table.js +22 -18
  155. package/dist/components/ic-data-table.js.map +1 -1
  156. package/dist/components/ic-date-input2.js +10 -9
  157. package/dist/components/ic-date-input2.js.map +1 -1
  158. package/dist/components/ic-date-picker.js +9 -4
  159. package/dist/components/ic-date-picker.js.map +1 -1
  160. package/dist/components/ic-dialog.js +1 -1
  161. package/dist/components/ic-dialog.js.map +1 -1
  162. package/dist/components/ic-footer-link-group.js +2 -2
  163. package/dist/components/ic-footer-link-group.js.map +1 -1
  164. package/dist/components/ic-hero.js +1 -1
  165. package/dist/components/ic-hero.js.map +1 -1
  166. package/dist/components/ic-horizontal-scroll2.js +13 -4
  167. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  168. package/dist/components/ic-input-component-container2.js +9 -22
  169. package/dist/components/ic-input-component-container2.js.map +1 -1
  170. package/dist/components/ic-input-label2.js +12 -17
  171. package/dist/components/ic-input-label2.js.map +1 -1
  172. package/dist/components/ic-input-validation2.js +8 -8
  173. package/dist/components/ic-input-validation2.js.map +1 -1
  174. package/dist/components/ic-link2.js +4 -9
  175. package/dist/components/ic-link2.js.map +1 -1
  176. package/dist/components/ic-menu-item2.js +11 -10
  177. package/dist/components/ic-menu-item2.js.map +1 -1
  178. package/dist/components/ic-menu2.js +1 -1
  179. package/dist/components/ic-menu2.js.map +1 -1
  180. package/dist/components/ic-navigation-button.js +7 -2
  181. package/dist/components/ic-navigation-button.js.map +1 -1
  182. package/dist/components/ic-navigation-group.js +4 -1
  183. package/dist/components/ic-navigation-group.js.map +1 -1
  184. package/dist/components/ic-navigation-item.js +30 -4
  185. package/dist/components/ic-navigation-item.js.map +1 -1
  186. package/dist/components/ic-navigation-menu2.js +6 -4
  187. package/dist/components/ic-navigation-menu2.js.map +1 -1
  188. package/dist/components/ic-page-header.js +5 -2
  189. package/dist/components/ic-page-header.js.map +1 -1
  190. package/dist/components/ic-pagination-bar2.js +3 -3
  191. package/dist/components/ic-pagination-bar2.js.map +1 -1
  192. package/dist/components/ic-pagination2.js +4 -22
  193. package/dist/components/ic-pagination2.js.map +1 -1
  194. package/dist/components/ic-popover-menu.js +5 -5
  195. package/dist/components/ic-popover-menu.js.map +1 -1
  196. package/dist/components/ic-search-bar.js +4 -4
  197. package/dist/components/ic-search-bar.js.map +1 -1
  198. package/dist/components/ic-select2.js +11 -12
  199. package/dist/components/ic-select2.js.map +1 -1
  200. package/dist/components/ic-side-navigation.js +11 -7
  201. package/dist/components/ic-side-navigation.js.map +1 -1
  202. package/dist/components/ic-status-tag.js +5 -3
  203. package/dist/components/ic-status-tag.js.map +1 -1
  204. package/dist/components/ic-switch.js +1 -1
  205. package/dist/components/ic-switch.js.map +1 -1
  206. package/dist/components/ic-tab-group.js +2 -18
  207. package/dist/components/ic-tab-group.js.map +1 -1
  208. package/dist/components/ic-text-field2.js +18 -14
  209. package/dist/components/ic-text-field2.js.map +1 -1
  210. package/dist/components/ic-toast.js +1 -1
  211. package/dist/components/ic-toggle-button-group.js +35 -6
  212. package/dist/components/ic-toggle-button-group.js.map +1 -1
  213. package/dist/components/ic-toggle-button.js +11 -7
  214. package/dist/components/ic-toggle-button.js.map +1 -1
  215. package/dist/components/ic-top-navigation.js +7 -4
  216. package/dist/components/ic-top-navigation.js.map +1 -1
  217. package/dist/components/ic-tree-item.js +1 -1
  218. package/dist/components/ic-tree-item.js.map +1 -1
  219. package/dist/components/ic-tree-view.js.map +1 -1
  220. package/dist/components/ic-typography2.js +1 -1
  221. package/dist/components/ic-typography2.js.map +1 -1
  222. package/dist/core/core.css +844 -88
  223. package/dist/core/core.esm.js +1 -1
  224. package/dist/core/core.esm.js.map +1 -1
  225. package/dist/core/{p-7c663d4a.entry.js → p-006afa83.entry.js} +2 -2
  226. package/dist/core/{p-5eecd3fc.entry.js → p-0687cc81.entry.js} +2 -2
  227. package/dist/core/{p-8bec76d1.entry.js → p-10afa533.entry.js} +2 -2
  228. package/dist/core/p-10afa533.entry.js.map +1 -0
  229. package/dist/core/p-12b1db1b.entry.js +2 -0
  230. package/dist/core/p-12b1db1b.entry.js.map +1 -0
  231. package/dist/core/p-160de322.entry.js +2 -0
  232. package/dist/core/p-160de322.entry.js.map +1 -0
  233. package/dist/core/p-199ce579.entry.js +2 -0
  234. package/dist/core/p-199ce579.entry.js.map +1 -0
  235. package/dist/core/{p-e6a330e4.js → p-25597c03.js} +2 -2
  236. package/dist/core/p-25597c03.js.map +1 -0
  237. package/dist/core/{p-3b0fae40.entry.js → p-29623ad5.entry.js} +2 -2
  238. package/dist/core/p-2d6fffa4.entry.js +2 -0
  239. package/dist/core/p-2d6fffa4.entry.js.map +1 -0
  240. package/dist/core/{p-fbb5c8f2.entry.js → p-3106c4fd.entry.js} +2 -2
  241. package/dist/core/p-31082e64.entry.js +2 -0
  242. package/dist/core/p-31082e64.entry.js.map +1 -0
  243. package/dist/core/p-3b3a8108.entry.js +2 -0
  244. package/dist/core/p-3b3a8108.entry.js.map +1 -0
  245. package/dist/core/p-3bbfefcc.entry.js +2 -0
  246. package/dist/core/p-3bbfefcc.entry.js.map +1 -0
  247. package/dist/core/p-3d478ba9.entry.js +2 -0
  248. package/dist/core/p-3d478ba9.entry.js.map +1 -0
  249. package/dist/core/{p-82aa8136.entry.js → p-40f94113.entry.js} +2 -2
  250. package/dist/core/p-40f94113.entry.js.map +1 -0
  251. package/dist/core/p-43891495.entry.js +2 -0
  252. package/dist/core/p-43891495.entry.js.map +1 -0
  253. package/dist/core/p-47ae7d10.entry.js +2 -0
  254. package/dist/core/p-47ae7d10.entry.js.map +1 -0
  255. package/dist/core/p-59d48811.entry.js +2 -0
  256. package/dist/core/p-59d48811.entry.js.map +1 -0
  257. package/dist/core/p-690d0bbd.entry.js +2 -0
  258. package/dist/core/p-690d0bbd.entry.js.map +1 -0
  259. package/dist/core/p-6f7cf143.entry.js +2 -0
  260. package/dist/core/p-6f7cf143.entry.js.map +1 -0
  261. package/dist/core/{p-606ad46f.entry.js → p-6f92ee7a.entry.js} +2 -2
  262. package/dist/core/p-70543f44.entry.js +2 -0
  263. package/dist/core/p-70543f44.entry.js.map +1 -0
  264. package/dist/core/p-7a1f1e0d.entry.js +2 -0
  265. package/dist/core/p-7a1f1e0d.entry.js.map +1 -0
  266. package/dist/core/{p-8ffdd236.entry.js → p-7c843bc8.entry.js} +2 -2
  267. package/dist/core/p-7c843bc8.entry.js.map +1 -0
  268. package/dist/core/p-7e358f32.entry.js +2 -0
  269. package/dist/core/p-7e358f32.entry.js.map +1 -0
  270. package/dist/core/{p-a22d335b.entry.js → p-81da002e.entry.js} +2 -2
  271. package/dist/core/p-83c09d8d.entry.js +2 -0
  272. package/dist/core/p-83c09d8d.entry.js.map +1 -0
  273. package/dist/core/p-8d933976.entry.js +2 -0
  274. package/dist/core/p-8d933976.entry.js.map +1 -0
  275. package/dist/core/{p-878df16f.entry.js → p-91cf88d6.entry.js} +2 -2
  276. package/dist/core/{p-42f1b9cc.entry.js → p-9235425c.entry.js} +2 -2
  277. package/dist/core/p-92f443aa.entry.js +2 -0
  278. package/dist/core/p-92f443aa.entry.js.map +1 -0
  279. package/dist/core/p-982deb94.entry.js +2 -0
  280. package/dist/core/p-982deb94.entry.js.map +1 -0
  281. package/dist/core/{p-9a62c3b8.entry.js → p-99c76218.entry.js} +2 -2
  282. package/dist/core/p-9ae77f11.entry.js +2 -0
  283. package/dist/core/p-9ae77f11.entry.js.map +1 -0
  284. package/dist/core/{p-7aa6b76e.entry.js → p-9da6df82.entry.js} +2 -2
  285. package/dist/core/{p-26613dbd.entry.js → p-a0c3f221.entry.js} +2 -2
  286. package/dist/core/p-a0c3f221.entry.js.map +1 -0
  287. package/dist/core/{p-00ff3a06.entry.js → p-a67c358a.entry.js} +2 -2
  288. package/dist/core/p-a67c358a.entry.js.map +1 -0
  289. package/dist/core/p-acb0eddb.entry.js +2 -0
  290. package/dist/core/p-acb0eddb.entry.js.map +1 -0
  291. package/dist/core/{p-043cf5de.js → p-b2389339.js} +2 -2
  292. package/dist/core/p-b2389339.js.map +1 -0
  293. package/dist/core/p-b4dd4835.entry.js +2 -0
  294. package/dist/core/p-b4dd4835.entry.js.map +1 -0
  295. package/dist/core/p-b4eb1c6d.entry.js +2 -0
  296. package/dist/core/p-b4eb1c6d.entry.js.map +1 -0
  297. package/dist/core/p-bc7d33e1.entry.js +2 -0
  298. package/dist/core/p-bc7d33e1.entry.js.map +1 -0
  299. package/dist/core/{p-80b296cd.entry.js → p-bd5aada7.entry.js} +2 -2
  300. package/dist/core/p-bdce46ca.entry.js +2 -0
  301. package/dist/core/p-bdce46ca.entry.js.map +1 -0
  302. package/dist/core/{p-24d03bbd.entry.js → p-be7bc371.entry.js} +2 -2
  303. package/dist/core/{p-2f4bec06.entry.js → p-c12f3582.entry.js} +2 -2
  304. package/dist/core/p-c4dc8fdf.entry.js +2 -0
  305. package/dist/core/p-c4dc8fdf.entry.js.map +1 -0
  306. package/dist/core/p-c5ea1e19.entry.js +2 -0
  307. package/dist/core/p-c5ea1e19.entry.js.map +1 -0
  308. package/dist/core/{p-53228014.entry.js → p-c894bc8f.entry.js} +2 -2
  309. package/dist/core/p-dd3a9cb1.entry.js +2 -0
  310. package/dist/core/p-dd3a9cb1.entry.js.map +1 -0
  311. package/dist/core/{p-e7b6d9c5.entry.js → p-df05b999.entry.js} +2 -2
  312. package/dist/core/{p-1d24a02a.entry.js → p-e4b9221b.entry.js} +2 -2
  313. package/dist/core/{p-1d24a02a.entry.js.map → p-e4b9221b.entry.js.map} +1 -1
  314. package/dist/core/{p-b3d93bc1.entry.js → p-e532fa26.entry.js} +2 -2
  315. package/dist/core/p-e89e5ec8.entry.js +2 -0
  316. package/dist/core/p-e89e5ec8.entry.js.map +1 -0
  317. package/dist/core/p-f08723ca.entry.js +2 -0
  318. package/dist/core/p-f08723ca.entry.js.map +1 -0
  319. package/dist/core/{p-72210cd4.entry.js → p-f4414801.entry.js} +2 -2
  320. package/dist/core/p-f4414801.entry.js.map +1 -0
  321. package/dist/core/p-f5d1e747.entry.js +2 -0
  322. package/dist/core/p-f5d1e747.entry.js.map +1 -0
  323. package/dist/core/{p-cc22644d.entry.js → p-fca3589b.entry.js} +2 -2
  324. package/dist/core/{p-7c6710f8.entry.js → p-ffe923ae.entry.js} +2 -2
  325. package/dist/esm/core.js +1 -1
  326. package/dist/esm/{helpers-c326255f.js → helpers-d3091c8c.js} +6 -5
  327. package/dist/esm/helpers-d3091c8c.js.map +1 -0
  328. package/dist/esm/{helpers-1e2516ae.js → helpers-d399f9c8.js} +13 -11
  329. package/dist/esm/helpers-d399f9c8.js.map +1 -0
  330. package/dist/esm/ic-accordion-group.entry.js +1 -1
  331. package/dist/esm/ic-accordion.entry.js +1 -1
  332. package/dist/esm/ic-alert.entry.js +3 -3
  333. package/dist/esm/ic-alert.entry.js.map +1 -1
  334. package/dist/esm/ic-back-to-top.entry.js +9 -6
  335. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  336. package/dist/esm/ic-badge.entry.js +2 -2
  337. package/dist/esm/ic-badge.entry.js.map +1 -1
  338. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  339. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  340. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  341. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  342. package/dist/esm/ic-button_3.entry.js +11 -13
  343. package/dist/esm/ic-button_3.entry.js.map +1 -1
  344. package/dist/esm/ic-card-horizontal.entry.js +3 -3
  345. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  346. package/dist/esm/ic-card-vertical.entry.js +7 -6
  347. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  348. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  349. package/dist/esm/ic-checkbox.entry.js +1 -1
  350. package/dist/esm/ic-chip.entry.js +1 -1
  351. package/dist/esm/ic-data-row.entry.js +1 -1
  352. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  353. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  354. package/dist/esm/ic-data-table.entry.js +22 -19
  355. package/dist/esm/ic-data-table.entry.js.map +1 -1
  356. package/dist/esm/ic-date-input.entry.js +9 -9
  357. package/dist/esm/ic-date-input.entry.js.map +1 -1
  358. package/dist/esm/ic-date-picker.entry.js +9 -5
  359. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  360. package/dist/esm/ic-dialog.entry.js +2 -2
  361. package/dist/esm/ic-dialog.entry.js.map +1 -1
  362. package/dist/esm/ic-divider.entry.js +1 -1
  363. package/dist/esm/ic-empty-state_2.entry.js +5 -5
  364. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  365. package/dist/esm/ic-footer-link-group.entry.js +3 -3
  366. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  367. package/dist/esm/ic-footer-link.entry.js +1 -1
  368. package/dist/esm/ic-footer.entry.js +1 -1
  369. package/dist/esm/ic-hero.entry.js +2 -2
  370. package/dist/esm/ic-hero.entry.js.map +1 -1
  371. package/dist/esm/ic-horizontal-scroll.entry.js +12 -5
  372. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  373. package/dist/esm/ic-input-component-container_3.entry.js +11 -23
  374. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  375. package/dist/esm/ic-input-label_2.entry.js +21 -25
  376. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  377. package/dist/esm/ic-link.entry.js +3 -8
  378. package/dist/esm/ic-link.entry.js.map +1 -1
  379. package/dist/esm/ic-menu-group.entry.js +1 -1
  380. package/dist/esm/ic-menu-item.entry.js +10 -9
  381. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  382. package/dist/esm/ic-navigation-button.entry.js +7 -3
  383. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  384. package/dist/esm/ic-navigation-group.entry.js +4 -2
  385. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  386. package/dist/esm/ic-navigation-item.entry.js +29 -4
  387. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  388. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  389. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  390. package/dist/esm/ic-page-header.entry.js +5 -3
  391. package/dist/esm/ic-page-header.entry.js.map +1 -1
  392. package/dist/esm/ic-pagination_4.entry.js +31 -48
  393. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  394. package/dist/esm/ic-popover-menu.entry.js +6 -6
  395. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  396. package/dist/esm/ic-radio-group.entry.js +1 -1
  397. package/dist/esm/ic-radio-option.entry.js +1 -1
  398. package/dist/esm/ic-search-bar.entry.js +4 -4
  399. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  400. package/dist/esm/ic-side-navigation.entry.js +11 -7
  401. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  402. package/dist/esm/ic-status-tag.entry.js +5 -4
  403. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  404. package/dist/esm/ic-step.entry.js +1 -1
  405. package/dist/esm/ic-stepper.entry.js +1 -1
  406. package/dist/esm/ic-switch.entry.js +2 -2
  407. package/dist/esm/ic-switch.entry.js.map +1 -1
  408. package/dist/esm/ic-tab-group.entry.js +3 -19
  409. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  410. package/dist/esm/ic-tab-panel.entry.js +1 -1
  411. package/dist/esm/ic-tab.entry.js +1 -1
  412. package/dist/esm/ic-theme.entry.js +1 -1
  413. package/dist/esm/ic-toast.entry.js +1 -1
  414. package/dist/esm/ic-toggle-button-group.entry.js +28 -4
  415. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  416. package/dist/esm/ic-toggle-button.entry.js +9 -6
  417. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  418. package/dist/esm/ic-top-navigation.entry.js +6 -4
  419. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  420. package/dist/esm/ic-tree-item.entry.js +2 -2
  421. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  422. package/dist/esm/ic-tree-view.entry.js +1 -1
  423. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  424. package/dist/esm/ic-typography.entry.js +2 -2
  425. package/dist/esm/ic-typography.entry.js.map +1 -1
  426. package/dist/esm/loader.js +1 -1
  427. package/dist/types/components/ic-data-table/ic-data-table.d.ts +6 -5
  428. package/dist/types/components/ic-data-table/story-data.d.ts +25 -0
  429. package/dist/types/components/ic-date-input/ic-date-input.d.ts +5 -1
  430. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +5 -1
  431. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +1 -1
  432. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +1 -2
  433. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +1 -2
  434. package/dist/types/components.d.ts +31 -17
  435. package/hydrate/index.js +362 -289
  436. package/package.json +3 -3
  437. package/dist/cjs/helpers-36cdc6cb.js.map +0 -1
  438. package/dist/cjs/helpers-a67ad3a4.js.map +0 -1
  439. package/dist/core/p-00ff3a06.entry.js.map +0 -1
  440. package/dist/core/p-036d251b.entry.js +0 -2
  441. package/dist/core/p-036d251b.entry.js.map +0 -1
  442. package/dist/core/p-043cf5de.js.map +0 -1
  443. package/dist/core/p-13d2db9b.entry.js +0 -2
  444. package/dist/core/p-13d2db9b.entry.js.map +0 -1
  445. package/dist/core/p-235b461f.entry.js +0 -2
  446. package/dist/core/p-235b461f.entry.js.map +0 -1
  447. package/dist/core/p-26613dbd.entry.js.map +0 -1
  448. package/dist/core/p-2873f871.entry.js +0 -2
  449. package/dist/core/p-2873f871.entry.js.map +0 -1
  450. package/dist/core/p-2a3bd99a.entry.js +0 -2
  451. package/dist/core/p-2a3bd99a.entry.js.map +0 -1
  452. package/dist/core/p-350074d4.entry.js +0 -2
  453. package/dist/core/p-350074d4.entry.js.map +0 -1
  454. package/dist/core/p-39101ffc.entry.js +0 -2
  455. package/dist/core/p-39101ffc.entry.js.map +0 -1
  456. package/dist/core/p-50dd2744.entry.js +0 -2
  457. package/dist/core/p-50dd2744.entry.js.map +0 -1
  458. package/dist/core/p-574355c9.entry.js +0 -2
  459. package/dist/core/p-574355c9.entry.js.map +0 -1
  460. package/dist/core/p-5af1273f.entry.js +0 -2
  461. package/dist/core/p-5af1273f.entry.js.map +0 -1
  462. package/dist/core/p-620b758c.entry.js +0 -2
  463. package/dist/core/p-620b758c.entry.js.map +0 -1
  464. package/dist/core/p-637035c3.entry.js +0 -2
  465. package/dist/core/p-637035c3.entry.js.map +0 -1
  466. package/dist/core/p-6727166b.entry.js +0 -2
  467. package/dist/core/p-6727166b.entry.js.map +0 -1
  468. package/dist/core/p-6dc00a8f.entry.js +0 -2
  469. package/dist/core/p-6dc00a8f.entry.js.map +0 -1
  470. package/dist/core/p-6dffaac0.entry.js +0 -2
  471. package/dist/core/p-6dffaac0.entry.js.map +0 -1
  472. package/dist/core/p-72210cd4.entry.js.map +0 -1
  473. package/dist/core/p-7b90f0ae.entry.js +0 -2
  474. package/dist/core/p-7b90f0ae.entry.js.map +0 -1
  475. package/dist/core/p-7c3c080a.entry.js +0 -2
  476. package/dist/core/p-7c3c080a.entry.js.map +0 -1
  477. package/dist/core/p-80dee118.entry.js +0 -2
  478. package/dist/core/p-80dee118.entry.js.map +0 -1
  479. package/dist/core/p-82aa8136.entry.js.map +0 -1
  480. package/dist/core/p-83b4efe2.entry.js +0 -2
  481. package/dist/core/p-83b4efe2.entry.js.map +0 -1
  482. package/dist/core/p-83e4d955.entry.js +0 -2
  483. package/dist/core/p-83e4d955.entry.js.map +0 -1
  484. package/dist/core/p-85d51975.entry.js +0 -2
  485. package/dist/core/p-85d51975.entry.js.map +0 -1
  486. package/dist/core/p-8bec76d1.entry.js.map +0 -1
  487. package/dist/core/p-8ffdd236.entry.js.map +0 -1
  488. package/dist/core/p-97953d8b.entry.js +0 -2
  489. package/dist/core/p-97953d8b.entry.js.map +0 -1
  490. package/dist/core/p-a22e5356.entry.js +0 -2
  491. package/dist/core/p-a22e5356.entry.js.map +0 -1
  492. package/dist/core/p-b03218df.entry.js +0 -2
  493. package/dist/core/p-b03218df.entry.js.map +0 -1
  494. package/dist/core/p-c1feb2b2.entry.js +0 -2
  495. package/dist/core/p-c1feb2b2.entry.js.map +0 -1
  496. package/dist/core/p-c40c57ee.entry.js +0 -2
  497. package/dist/core/p-c40c57ee.entry.js.map +0 -1
  498. package/dist/core/p-c883b5c1.entry.js +0 -2
  499. package/dist/core/p-c883b5c1.entry.js.map +0 -1
  500. package/dist/core/p-d7632baf.entry.js +0 -2
  501. package/dist/core/p-d7632baf.entry.js.map +0 -1
  502. package/dist/core/p-dcbfc485.entry.js +0 -2
  503. package/dist/core/p-dcbfc485.entry.js.map +0 -1
  504. package/dist/core/p-e6a330e4.js.map +0 -1
  505. package/dist/core/p-ea3e2419.entry.js +0 -2
  506. package/dist/core/p-ea3e2419.entry.js.map +0 -1
  507. package/dist/core/p-f32ab3de.entry.js +0 -2
  508. package/dist/core/p-f32ab3de.entry.js.map +0 -1
  509. package/dist/core/p-f3f9acbb.entry.js +0 -2
  510. package/dist/core/p-f3f9acbb.entry.js.map +0 -1
  511. package/dist/esm/helpers-1e2516ae.js.map +0 -1
  512. package/dist/esm/helpers-c326255f.js.map +0 -1
  513. /package/dist/core/{p-7c663d4a.entry.js.map → p-006afa83.entry.js.map} +0 -0
  514. /package/dist/core/{p-5eecd3fc.entry.js.map → p-0687cc81.entry.js.map} +0 -0
  515. /package/dist/core/{p-3b0fae40.entry.js.map → p-29623ad5.entry.js.map} +0 -0
  516. /package/dist/core/{p-fbb5c8f2.entry.js.map → p-3106c4fd.entry.js.map} +0 -0
  517. /package/dist/core/{p-606ad46f.entry.js.map → p-6f92ee7a.entry.js.map} +0 -0
  518. /package/dist/core/{p-a22d335b.entry.js.map → p-81da002e.entry.js.map} +0 -0
  519. /package/dist/core/{p-878df16f.entry.js.map → p-91cf88d6.entry.js.map} +0 -0
  520. /package/dist/core/{p-42f1b9cc.entry.js.map → p-9235425c.entry.js.map} +0 -0
  521. /package/dist/core/{p-9a62c3b8.entry.js.map → p-99c76218.entry.js.map} +0 -0
  522. /package/dist/core/{p-7aa6b76e.entry.js.map → p-9da6df82.entry.js.map} +0 -0
  523. /package/dist/core/{p-80b296cd.entry.js.map → p-bd5aada7.entry.js.map} +0 -0
  524. /package/dist/core/{p-24d03bbd.entry.js.map → p-be7bc371.entry.js.map} +0 -0
  525. /package/dist/core/{p-2f4bec06.entry.js.map → p-c12f3582.entry.js.map} +0 -0
  526. /package/dist/core/{p-53228014.entry.js.map → p-c894bc8f.entry.js.map} +0 -0
  527. /package/dist/core/{p-e7b6d9c5.entry.js.map → p-df05b999.entry.js.map} +0 -0
  528. /package/dist/core/{p-b3d93bc1.entry.js.map → p-e532fa26.entry.js.map} +0 -0
  529. /package/dist/core/{p-cc22644d.entry.js.map → p-fca3589b.entry.js.map} +0 -0
  530. /package/dist/core/{p-7c6710f8.entry.js.map → p-ffe923ae.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"names":["icInputComponentContainerCss","InputComponentContainer","constructor","hostRef","this","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","appearance","disabled","fullWidth","multiLine","readonly","size","validationInline","validationStatus","componentDidLoad","hostMutationObserver","MutationObserver","observe","el","childList","render","hasValidationStatus","h","Host","class","dark","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","InputContainer","icMenuCss","Menu","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","isMultiSelect","isSearchBar","isSearchableSelect","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","valueField","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","keyboardNav","key","target","id","selectHighlightedOption","isOpen","isOptionSelected","index","includes","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","_a","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","preventIncorrectTabOrder","focusFromSearchKeypress","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAll","selectAllButton","focusOnSearchOrSelectInput","closeOnSelect","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","activationType","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","menuId","getOptionAriaLabel","parentOption","ariaLabel","labelField","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","selectOnEnter","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","Fragment","loading","icon","variant","component","Check","displayOption","initialOptionsListRender","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","anchorEl","autoFocusOnSelected","inputLabel","searchMode","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","opt","connectedCallback","disconnectedCallback","_b","removeEventListener","componentWillLoad","addEventListener","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","placement","modifiers","offset","fallbackPlacements","rootBoundary","selectAllButtonText","hasNoResults","ref","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js","../web-components/dist/collection/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/dist/collection/components/ic-input-container/ic-input-container.js","../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.js"],"sourcesContent":["ic-input-component-container {\n /**\n * @prop --border-color: Border colour of the input component container\n * @prop --border-color-disabled: Border colour of the input component container when disabled\n */\n\n display: flex;\n border: var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-slow);\n height: 2.5rem;\n width: var(--input-width, 20rem);\n padding: var(--ic-space-1px);\n background-color: var(--input-bg-color, var(--ic-architectural-white));\n box-sizing: border-box;\n fill: var(--ic-architectural-400);\n outline: none;\n}\n\nic-input-component-container.ic-input-component-container-full-width {\n width: 100%;\n}\n\nic-input-component-container.ic-input-component-container-disabled,\nic-input-component-container.ic-input-component-container-disabled:hover {\n border: var(--ic-border-width) dashed\n var(--border-color-disabled, var(--ic-architectural-200));\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-readonly:hover {\n border: none;\n padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error {\n border: var(--ic-border-error);\n padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error:hover {\n border: var(--ic-border-error-hover);\n}\n\nic-input-component-container.ic-input-component-container-error:focus-within {\n border: var(--ic-border-error-pressed);\n}\n\nic-input-component-container.ic-input-component-container-warning {\n border: var(--ic-border-warning);\n padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-warning:hover {\n border: var(--ic-border-warning-hover);\n}\n\nic-input-component-container.ic-input-component-container-warning:focus-within {\n border: var(--ic-border-warning-pressed);\n}\n\nic-input-component-container.ic-input-component-container-success {\n border: var(--ic-border-success);\n padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-success:hover {\n border: var(--ic-border-success-hover);\n}\n\nic-input-component-container.ic-input-component-container-success:focus-within {\n border: var(--ic-success-border-pressed);\n}\n\nic-input-component-container.ic-input-component-container-small {\n height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n height: var(--ic-space-xxl);\n}\n\nic-input-component-container.ic-input-component-container-multiline {\n height: auto;\n}\n\nic-input-component-container .icon-container {\n margin-top: var(--ic-space-xxs);\n margin-left: 0.438rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-multiline\n .icon-container,\nic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small\n .icon-container {\n margin-top: 0.375rem;\n display: block;\n}\n\nic-input-component-container.ic-input-component-container-readonly\n .icon-container {\n margin-left: -0.313rem;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n ::-moz-placeholder {\n display: none;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n ::placeholder {\n display: none;\n}\n\nic-input-component-container .inline-success {\n margin: var(--ic-space-xs) 0.375rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-dark:hover {\n --border-color: var(--ic-architectural-400);\n}\n\nic-input-component-container .inline-success > svg {\n fill: var(--ic-status-success-default);\n height: 1.25rem;\n width: 1.25rem;\n}\n\nic-input-component-container:hover {\n border: var(--ic-border-hover);\n color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:focus {\n border: var(--ic-border-pressed);\n}\n\n.focus-indicator {\n display: flex;\n width: 100%;\n margin: -0.125rem;\n padding: 0.125rem;\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.ic-input-component-container-dark:focus-within {\n box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n ic-input-component-container,\n .focus-indicator {\n transition: none;\n }\n\n ic-input-component-container:focus-within {\n border: var(--ic-border-width) solid Highlight;\n outline: 0.125rem solid Highlight;\n }\n\n ic-input-component-container.ic-input-component-container-disabled,\n ic-input-component-container.ic-input-component-container-disabled:hover {\n border: var(--ic-border-width) dashed GrayText;\n }\n}\n","import { Host, forceUpdate, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { checkSlotInChildMutations, slotHasContent } from \"../../utils/helpers\";\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n constructor() {\n this.hostMutationCallback = (mutationList) => {\n if (mutationList.some(({ type, addedNodes, removedNodes }) => type === \"childList\"\n ? checkSlotInChildMutations(addedNodes, removedNodes, \"left-icon\")\n : false)) {\n forceUpdate(this);\n }\n };\n this.appearance = \"default\";\n this.disabled = false;\n this.fullWidth = false;\n this.multiLine = false;\n this.readonly = false;\n this.size = \"medium\";\n this.validationInline = false;\n this.validationStatus = \"\";\n }\n componentDidLoad() {\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, { childList: true });\n }\n render() {\n const { size, validationStatus, disabled, readonly, multiLine, fullWidth, appearance, validationInline, } = this;\n const hasValidationStatus = this.validationStatus !== \"\" && !this.disabled && !this.readonly\n ? true\n : false;\n return (h(Host, { class: {\n [`ic-input-component-container-${size}`]: true,\n [`ic-input-component-container-${validationStatus}`]: hasValidationStatus,\n [`ic-input-component-container-disabled`]: disabled,\n [`ic-input-component-container-readonly`]: readonly,\n [\"ic-input-component-container-multiline\"]: multiLine,\n [\"ic-input-component-container-full-width\"]: fullWidth,\n [\"ic-input-component-container-dark\"]: appearance === \"dark\",\n }, \"aria-disabled\": disabled && `${disabled}` }, h(\"div\", { class: {\n \"focus-indicator\": true,\n dark: appearance === \"dark\",\n } }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { class: {\n [\"icon-container\"]: true,\n } }, h(\"slot\", { name: \"left-icon\" }))), h(\"slot\", null), validationInline &&\n validationStatus === IcInformationStatus.Success && (h(\"span\", { class: {\n [\"inline-success\"]: true,\n }, innerHTML: successIcon })))));\n }\n static get is() { return \"ic-input-component-container\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"dark\\\" | \\\"default\\\"\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the input component container.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"multiLine\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n },\n \"attribute\": \"multi-line\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the readonly state will be set.\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the input component container component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"validationInline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the validation will display inline.\"\n },\n \"attribute\": \"validation-inline\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"validationStatus\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcInformationStatusOrEmpty\",\n \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n \"references\": {\n \"IcInformationStatusOrEmpty\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\"\n },\n \"attribute\": \"validation-status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n","ic-input-container .component-container {\n display: flex;\n flex-direction: column;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class InputContainer {\n constructor() {\n this.disabled = false;\n this.readonly = false;\n }\n render() {\n return (h(Host, null, h(\"div\", { class: {\n [\"component-container\"]: true,\n [\"disabled\"]: this.disabled,\n [\"readonly\"]: this.readonly,\n } }, h(\"slot\", null))));\n }\n static get is() { return \"ic-input-container\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-input-container.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-input-container.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the readonly state will be set.\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n}\n//# sourceMappingURL=ic-input-container.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n :host(.ic-menu-open) .menu {\n transition: max-height var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n max-height: 0;\n width: var(--menu-width, var(--input-width, 20rem));\n color: var(--menu-item-text-color, var(--ic-color-text-primary));\n\n --ic-typography-color: var(\n --menu-item-text-color,\n var(--ic-color-text-primary)\n );\n\n background-color: var(--menu-bg-color, var(--ic-architectural-white));\n position: relative;\n z-index: var(--ic-z-index-menu);\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-menu-open:not(.ic-menu-no-focus):focus-within) {\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-select-select-all-focused) {\n box-shadow: var(--ic-elevation-overlay) !important;\n}\n\n#retry-button::part(button) {\n height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n height: var(--ic-space-md);\n}\n\n:host(.on-dialog) {\n inset: auto !important;\n}\n\n.menu {\n text-decoration: none;\n list-style-type: none;\n border-radius: 1px;\n background-color: var(--menu-bg-color, var(--ic-architectural-white));\n visibility: hidden;\n max-height: 0;\n overflow-y: hidden;\n}\n\n.menu:has(+ .option-bar) {\n border-radius: 0 0 1px 1px;\n}\n\n.menu-scroll {\n overflow-y: auto;\n}\n\n.menu:focus-visible {\n outline: none;\n}\n\n:host(.ic-menu-open) {\n max-height: none;\n display: flex;\n flex-direction: column-reverse;\n border: var(--ic-border-width) solid\n var(--menu-border-color, var(--ic-architectural-400));\n transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.ic-menu-open) .menu {\n visibility: visible;\n max-height: calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs));\n}\n\n:host(.ic-menu-open) .option-bar {\n visibility: visible;\n}\n\n:host(.ic-menu-open) .select-all-button {\n display: block;\n}\n\n:host(.ic-menu-full-width) {\n width: 100%;\n}\n\n.option {\n padding: var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.loading-option p {\n margin-bottom: 0 !important;\n}\n\n.option:not(.loading-option) {\n justify-content: space-between;\n}\n\n:host(.ic-menu-small) .option {\n padding: var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-menu-large) .option {\n padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n.option:last-child {\n border-radius: 0 0 1px 1px;\n}\n\n:not(.menu:has(+ .option-bar)) .option:first-child {\n border-radius: 1px 1px 0 0;\n}\n\n.option:not(.disabled-option):hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.option:not(.disabled-option):active {\n background-color: var(--ic-action-dark-bg-pressed);\n}\n\n.option:focus-visible {\n outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n --ic-typography-color: var(--ic-color-text-secondary);\n}\n\n.option .option-label {\n display: flex;\n flex-direction: row;\n align-items: top;\n}\n\n.option .option-label ic-typography {\n max-width: 100%;\n word-wrap: break-word;\n}\n\n.option .option-element {\n margin-top: var(--ic-space-xxs);\n}\n\n.option .option-icon {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n margin-top: var(--ic-space-xxs);\n margin-right: var(--ic-space-xxxs);\n}\n\n.option-text-container {\n pointer-events: none;\n width: 100%;\n}\n\n.option-text-container.show-check-icon {\n width: calc(var(--ic-space-lg) * 10 + var(--ic-space-xl));\n}\n\n.option.loading-option .option-text-container {\n margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n color: var(--ic-color-text-secondary);\n\n --ic-typography-color: var(--ic-color-text-secondary);\n}\n\n.error-icon-svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n fill: var(--ic-status-error-default);\n align-self: center;\n display: flex;\n margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n display: flex;\n}\n\n.check-icon {\n height: var(--ic-space-lg);\n min-width: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: var(--ic-space-xs);\n pointer-events: none;\n}\n\n.focused-option .check-icon * {\n fill: currentcolor;\n}\n\n.option-group-title {\n padding: var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);\n\n --ic-typography-color: var(--ic-color-text-tertiary);\n}\n\n:host(.ic-menu-small) .option-group-title {\n padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs);\n}\n\n.last-recommended-option {\n border-bottom: var(--ic-border-default);\n}\n\n.disabled-option {\n color: var(--ic-architectural-200);\n\n --ic-typography-color: var(--ic-architectural-200);\n\n cursor: default;\n pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n background-color: var(--ic-color-focus-inner) !important;\n color: var(--ic-architectural-white) !important;\n\n --ic-typography-color: var(--ic-architectural-white) !important;\n}\n\n:host(.no-results) li {\n cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n background-color: transparent;\n}\n\n.option-bar {\n padding: var(--ic-space-xxs) var(--ic-space-xs);\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: var(--ic-architectural-40);\n visibility: hidden;\n border-bottom: var(--ic-border-width) solid var(--ic-architectural-400);\n border-radius: 1px 1px 0 0;\n}\n\n.option-bar p {\n margin-bottom: 0 !important;\n}\n\n:host(.ic-menu-large) .option-bar {\n padding: var(--ic-space-xs);\n}\n\n.select-all-button {\n display: none;\n}\n\n.select-all-button:focus {\n z-index: calc(var(--ic-z-index-menu) + 1);\n}\n\n@media (forced-colors: active) {\n .focused-option:focus {\n outline: none;\n border: 0.125rem solid transparent;\n }\n}\n","import { h, Host, Fragment, } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { getOptionsWithoutGroupTitlesCount, isMacDevice, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n constructor() {\n this.ACTIVE_DESCENDANT = \"aria-activedescendant\";\n this.CLEAR_BUTTON_ID = \"clear-button\";\n this.disabledOptionSelected = false;\n this.hasPreviouslyBlurred = false;\n this.hasTimedOut = false;\n this.isLoading = false;\n this.isMultiSelect = false;\n this.isSearchBar = false;\n this.isSearchableSelect = false;\n this.lastOptionSelected = null; // Index of last option selected\n this.lastOptionFocused = null; // Index of last option focused\n this.multiOptionClicked = null;\n this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n this.shiftPressed = false;\n this.ungroupedOptions = [];\n this.handleClearListener = () => {\n this.optionHighlighted = \"\";\n };\n this.handleSubmitSearch = () => {\n const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n this.setInputValue(highlightedOptionIndex);\n };\n this.handleMenuChange = (open, focusInput) => {\n this.menuStateChange.emit({ open, focusInput });\n if (!open) {\n if (focusInput !== false) {\n this.inputEl.focus();\n this.preventClickOpen = false;\n }\n // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n if (this.isMultiSelect) {\n this.optionHighlighted = undefined;\n this.multiOptionClicked = null;\n }\n }\n };\n this.setNextOptionValue = (selectedOptionIndex) => {\n if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n });\n }\n else {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[0][this.valueField],\n optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n });\n }\n };\n this.setPreviousOptionValue = (selectedOptionIndex) => {\n if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n });\n }\n else {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n });\n }\n };\n this.getParentEl = (parent) => {\n if (parent.tagName === \"IC-SEARCH-BAR\") {\n this.isSearchBar = true;\n }\n else if (parent.tagName === \"IC-SELECT\") {\n if (parent.getAttribute(\"searchable\") !== null &&\n parent.getAttribute(\"searchable\") !== undefined) {\n this.isSearchableSelect = true;\n }\n else if (parent.getAttribute(\"multiple\") !== null &&\n parent.getAttribute(\"multiple\") !== undefined) {\n this.isMultiSelect = true;\n }\n }\n };\n // Open menu when up or down arrow keys are pressed\n this.arrowBehaviour = (event) => {\n event.preventDefault();\n this.handleMenuChange(true);\n };\n this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;\n // Set option that is focused and so should show focus state\n this.setHighlightedOption = (highlightedIndex) => {\n const menuOptions = this.getMenuOptions();\n menuOptions[highlightedIndex] &&\n !menuOptions[highlightedIndex].timedOut &&\n (this.optionHighlighted =\n menuOptions[highlightedIndex][this.valueField] || undefined);\n };\n // Determines keyboard behaviour when selection is automatic\n // (i.e. you don't have to press Enter select an option - just focus on it)\n // and menu is closed\n this.autoSetInputValueKeyboardOpen = (event) => {\n const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n this.keyboardNav = false;\n switch (event.key) {\n case \"ArrowDown\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n this.setNextOptionValue(selectedOptionIndex);\n break;\n case \"ArrowUp\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n this.setPreviousOptionValue(selectedOptionIndex);\n break;\n case \" \":\n case \"Enter\":\n if (event.target.id !== this.CLEAR_BUTTON_ID) {\n this.handleMenuChange(true);\n }\n break;\n }\n };\n this.selectHighlightedOption = (options, highlightedOptionIndex) => {\n if (!this.isLoading && !this.hasTimedOut) {\n this.keyboardNav = true;\n }\n const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;\n if (isOpen) {\n if (highlightedOptionIndex >= 0) {\n if (options[highlightedOptionIndex] !== undefined) {\n if (this.isSearchBar &&\n options[highlightedOptionIndex].disabled === true) {\n this.disabledOptionSelected = true;\n }\n else {\n this.setInputValue(highlightedOptionIndex);\n }\n }\n }\n else {\n this.setInputValue(highlightedOptionIndex);\n }\n }\n else {\n this.handleMenuChange(true);\n }\n };\n // Check if option is selected based on the index of the option\n this.isOptionSelected = (index) => {\n const menuOptions = this.getMenuOptions();\n return this.value\n ? this.value.includes(menuOptions[index][this.valueField])\n : false;\n };\n // Deselect currently selected options when shift pressed, but keep certain options selected\n this.deselectSelectedOptions = (optionsToKeepSelected) => {\n const menuOptions = this.getMenuOptions();\n if (this.value) {\n const selectedOptionIndexes = this.value.map((value) => {\n return menuOptions.findIndex((option) => option[this.valueField] === value);\n });\n // Call setInputValue (which toggles the selected state) on options that need to be deselected\n selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));\n }\n };\n // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n this.manualSetInputValueKeyboardOpen = (event) => {\n const menuOptions = this.getMenuOptions();\n // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed\n // (i.e. when user is likely in the middle of executing a keyboard combination to select options)\n const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;\n const highlightedOptionIndex = this.getOptionHighlightedIndex();\n const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);\n const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n // Space press should be equivalent to Enter when multi-select\n if (event.key === \" \" && this.isMultiSelect) {\n this.handleOptionSelect(event, highlightedOptionIndex);\n }\n else {\n switch (event.key) {\n case \"ArrowDown\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n if (this.multiOptionClicked) {\n // Set focus to option last clicked\n // Prevents it resetting to the top of the menu when user switches to using keyboard\n this.setHighlightedOption(clickedMultiOptionIndex);\n this.multiOptionClicked = null;\n }\n else {\n this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n if (highlightedOptionIndex < menuOptions.length - 1) {\n this.setHighlightedOption(highlightedOptionIndex + 1);\n this.menuOptionId.emit({\n optionId: getOptionId(highlightedOptionIndex + 1),\n });\n this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);\n }\n else {\n this.setHighlightedOption(0);\n this.menuOptionId.emit({\n optionId: getOptionId(0),\n });\n this.handleSingleShiftSelect(event, 0, menuOptions);\n }\n // Deselect currently selected options if arrow was pressed for first time after shift is held\n if (this.isMultiSelect && this.shiftPressed) {\n this.deselectSelectedOptions([\n highlightedOptionIndex,\n this.getOptionHighlightedIndex(),\n ]);\n this.shiftPressed = false;\n }\n }\n this.lastOptionFocused = this.getOptionHighlightedIndex();\n this.preventIncorrectTabOrder = false;\n this.focusFromSearchKeypress = false;\n break;\n case \"ArrowUp\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n if (this.multiOptionClicked) {\n // Set focus to option last clicked\n // Prevents it resetting to the bottom of the menu when user switches to using keyboard\n this.setHighlightedOption(clickedMultiOptionIndex);\n this.multiOptionClicked = null;\n }\n else {\n this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n if (highlightedOptionIndex <= 0 ||\n highlightedOptionIndex > menuOptions.length + 1) {\n this.setHighlightedOption(menuOptions.length - 1);\n this.menuOptionId.emit({\n optionId: getOptionId(menuOptions.length - 1),\n });\n this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);\n }\n else {\n this.setHighlightedOption(highlightedOptionIndex - 1);\n this.menuOptionId.emit({\n optionId: getOptionId(highlightedOptionIndex - 1),\n });\n this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);\n }\n // Deselect currently selected options if arrow was pressed for first time after shift is held\n if (this.isMultiSelect && this.shiftPressed) {\n this.deselectSelectedOptions([\n highlightedOptionIndex,\n this.getOptionHighlightedIndex(),\n ]);\n this.shiftPressed = false;\n }\n }\n this.lastOptionFocused = this.getOptionHighlightedIndex();\n this.preventIncorrectTabOrder = false;\n this.focusFromSearchKeypress = false;\n break;\n case \"Home\": {\n const startOptionIndex = 0;\n this.keyboardNav = true;\n event.preventDefault();\n this.arrowBehaviour(event);\n this.setHighlightedOption(startOptionIndex);\n this.menuOptionId.emit({\n optionId: getOptionId(startOptionIndex),\n });\n if (event.shiftKey && event.ctrlKey) {\n this.handleMultipleShiftSelect(startOptionIndex);\n }\n this.lastOptionFocused = startOptionIndex;\n this.lastOptionSelected = startOptionIndex;\n break;\n }\n case \"End\": {\n const endOptionIndex = menuOptions.length - 1;\n this.keyboardNav = true;\n event.preventDefault();\n this.arrowBehaviour(event);\n this.setHighlightedOption(endOptionIndex);\n this.menuOptionId.emit({\n optionId: getOptionId(endOptionIndex),\n });\n if (event.shiftKey && event.ctrlKey) {\n this.handleMultipleShiftSelect(endOptionIndex);\n }\n this.lastOptionFocused = endOptionIndex;\n this.lastOptionSelected = endOptionIndex;\n break;\n }\n case \" \":\n if (!isKeyboardCombination) {\n this.keyboardNav = false;\n }\n if (this.isSearchBar || this.isSearchableSelect) {\n break;\n }\n else {\n if (event.target.id !== this.CLEAR_BUTTON_ID) {\n this.handleMenuChange(true);\n }\n }\n break;\n case \"Enter\":\n event.preventDefault();\n if (!isKeyboardCombination) {\n this.keyboardNav = false;\n }\n this.handleOptionSelect(event, highlightedOptionIndex);\n break;\n case \"Escape\":\n if (this.open) {\n event.stopImmediatePropagation();\n }\n this.handleMenuChange(false);\n this.menuOptionId.emit({ optionId: undefined });\n break;\n case \"a\":\n // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)\n // Otherwise, if a different OS, checks Ctrl key\n if ((isMacDevice() && event.metaKey) ||\n (!isMacDevice() && event.ctrlKey)) {\n this.emitSelectAll();\n this.lastOptionFocused = null;\n this.lastOptionSelected = null;\n }\n break;\n case \"Shift\":\n case \"Tab\":\n if (event.key === \"Shift\") {\n this.shiftPressed = true;\n }\n if (this.isSearchBar) {\n this.keyboardNav = true;\n }\n if (this.isMultiSelect) {\n if (this.open && !event.shiftKey && this.selectAllButton) {\n event.preventDefault();\n this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n this.preventMenuFocus = true;\n this.preventClickOpen = true;\n this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n }\n }\n else {\n this.preventIncorrectTabOrder = true;\n }\n break;\n default:\n if (!isKeyboardCombination) {\n this.keyboardNav = false;\n }\n this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n }\n }\n };\n this.setInputValue = (highlightedOptionIndex) => {\n const menuOptions = this.getMenuOptions();\n if (menuOptions[highlightedOptionIndex] !== undefined) {\n this.menuOptionSelect.emit({\n value: menuOptions[highlightedOptionIndex][this.valueField],\n });\n if (this.closeOnSelect) {\n this.optionHighlighted = undefined;\n this.menuOptionId.emit({ optionId: undefined });\n }\n }\n if (this.closeOnSelect) {\n if (!this.hasTimedOut) {\n this.handleMenuChange(false);\n }\n else {\n this.parentEl.setFocus();\n }\n }\n };\n this.handleOptionClick = (event) => {\n const { value, label } = event.target.dataset;\n if (this.isMultiSelect) {\n const menuOptions = this.getMenuOptions();\n const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);\n this.handleOptionSelect(event, selectedOptionIndex, true);\n this.multiOptionClicked = value;\n }\n else {\n this.menuOptionSelect.emit({ value, label });\n this.handleMenuChange(false);\n }\n this.optionHighlighted = undefined;\n };\n this.handleRetry = () => {\n this.retryButtonClicked.emit({ value: this.value });\n };\n this.handleRetryKeyDown = (ev) => {\n if (ev.key === \"Enter\" || ev.key === \" \") {\n ev.preventDefault();\n this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n }\n };\n this.handleBlur = (event) => {\n if (event.relatedTarget !== this.inputEl) {\n if (event.relatedTarget === this.selectAllButton) {\n this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n }\n if (!(this.menu.contains(event.relatedTarget) ||\n event.relatedTarget === this.selectAllButton)) {\n this.handleMenuChange(false, this.hasPreviouslyBlurred);\n this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n this.lastOptionFocused = null;\n this.lastOptionSelected = null;\n }\n }\n else {\n this.handleMenuChange(false);\n this.preventClickOpen = true;\n this.menu.removeAttribute(this.ACTIVE_DESCENDANT);\n this.lastOptionFocused = null;\n this.lastOptionSelected = null;\n }\n if (!this.isSearchBar)\n this.hasPreviouslyBlurred = !!event.relatedTarget;\n };\n this.handleMouseDown = (event) => {\n event.preventDefault();\n };\n this.handleMenuKeyDown = (event) => {\n if (this.activationType === \"automatic\") {\n this.autoSetValueOnMenuKeyDown(event);\n }\n else if (this.activationType === \"manual\" && !this.isSearchBar) {\n this.manualSetInputValueKeyboardOpen(event);\n }\n };\n this.handleMenuKeyUp = (event) => {\n if (event.key === \"Tab\" && event.shiftKey) {\n this.preventClickOpen = false;\n }\n if (event.key === \"Enter\" && this.disabledOptionSelected) {\n this.disabledOptionSelected = false;\n event.stopImmediatePropagation();\n }\n if (event.key === \"Shift\") {\n this.shiftPressed = false;\n }\n };\n this.handleSelectAllClick = () => {\n this.keyboardNav = false;\n this.menu.focus();\n this.emitSelectAll();\n this.lastOptionFocused = null;\n this.lastOptionSelected = null;\n };\n this.handleSelectAllBlur = (event) => {\n this.host.classList.remove(\"ic-select-select-all-focused\");\n if (!this.menu.contains(event.relatedTarget)) {\n this.handleMenuChange(false, false);\n }\n };\n this.handleSelectAllFocus = () => {\n this.host.classList.add(\"ic-select-select-all-focused\");\n this.lastOptionFocused = null;\n this.lastOptionSelected = null;\n };\n // Fix for Safari - select all button click was causing menu to close\n this.handleSelectAllMouseDown = (event) => {\n event.preventDefault();\n };\n // When shift key is being used to select contiguous options one by one on a multi-select\n // I.e. holding shift and pressing up and down arrow keys\n this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {\n if (this.isMultiSelect &&\n event.shiftKey &&\n !this.isOptionSelected(optionToSelectIndex)) {\n this.selectHighlightedOption(options, optionToSelectIndex);\n this.lastOptionSelected = optionToSelectIndex;\n }\n };\n // When shift key is being used to select multiple options at once on a multi-select\n // I.e. holding shift when selecting another option\n this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {\n this.shiftPressed = false;\n const firstOptionInSelection = firstOptionSelected === null\n ? this.getFirstOptionInSelection(useFocusForSelection)\n : firstOptionSelected;\n if (firstOptionInSelection !== null) {\n const optionsToSelect = [];\n if (firstOptionInSelection < lastOptionInSelection) {\n for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {\n optionsToSelect.push(i);\n }\n }\n else {\n for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {\n optionsToSelect.push(i);\n }\n }\n optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));\n this.deselectSelectedOptions(optionsToSelect);\n }\n };\n this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {\n const menuOptions = this.getMenuOptions();\n const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);\n if (event.shiftKey && firstOptionInSelection !== null) {\n this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);\n }\n else {\n this.selectHighlightedOption(menuOptions, optionIndex);\n }\n this.lastOptionFocused = optionIndex;\n this.lastOptionSelected = optionIndex;\n };\n this.getFirstOptionInSelection = (useFocusForSelection) => {\n return useFocusForSelection && this.lastOptionFocused !== null\n ? this.lastOptionFocused\n : this.lastOptionSelected !== null\n ? this.lastOptionSelected\n : null;\n };\n this.emitSelectAll = () => {\n var _a;\n // Select all if there is either no value or not all options are selected\n // 'true' means select all, 'false' means clear all\n this.menuOptionSelectAll.emit({\n select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),\n });\n };\n this.emitMenuKeyPress = (isNavKey, key) => {\n this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n };\n // Determines keyboard behaviour when selection is automatic\n // (i.e. you don't have to press Enter select an option - just focus on it)\n // and menu is focused\n this.autoSetValueOnMenuKeyDown = (event) => {\n event.cancelBubble = true;\n const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n this.keyboardNav = false;\n switch (event.key) {\n case \" \":\n event.preventDefault();\n break;\n case \"ArrowUp\":\n if (!this.hasTimedOut) {\n event.preventDefault();\n this.setPreviousOptionValue(selectedOptionIndex);\n this.keyboardNav = true;\n }\n break;\n case \"ArrowDown\":\n if (!this.hasTimedOut) {\n event.preventDefault();\n this.setNextOptionValue(selectedOptionIndex);\n this.keyboardNav = true;\n }\n break;\n case \"Home\":\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[0][this.valueField],\n });\n this.keyboardNav = true;\n break;\n case \"End\":\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n });\n this.keyboardNav = true;\n break;\n case \"Enter\":\n !this.hasTimedOut && this.handleMenuChange(false);\n break;\n case \"Escape\":\n this.handleMenuChange(false);\n break;\n case \"Backspace\":\n if (isSearchableSelect) {\n this.inputEl.focus();\n }\n break;\n case \"Shift\":\n break;\n default:\n if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n this.inputEl.focus();\n }\n if (event.key.length === 1) {\n this.keyboardNav = true;\n }\n break;\n }\n this.emitMenuKeyPress(this.keyboardNav, event.key);\n };\n this.getOptionId = (value) => {\n return `${this.menuId}-${value}`;\n };\n this.getOptionAriaLabel = (option, parentOption) => {\n let ariaLabel = option[this.labelField];\n if (option.description) {\n ariaLabel = `${ariaLabel}, ${option.description}`;\n }\n if (option.element) {\n ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n }\n if (parentOption) {\n return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n }\n else {\n return ariaLabel;\n }\n };\n this.getSortedOptions = (options) => {\n let sorted = [];\n if (options.sort) {\n sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n }\n return sorted;\n };\n this.getOptionHighlightedIndex = () => {\n const menuOptions = this.getMenuOptions();\n return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n };\n this.isManualMode = this.activationType === \"manual\";\n this.scrollToSelected = (menu) => {\n const selectedOption = this.selectOnEnter\n ? this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`)\n : menu.querySelector(\".option[aria-selected='true']\");\n if (selectedOption) {\n const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n if (elTop > menu.scrollTop + menu.offsetHeight ||\n elTop < menu.scrollTop + menu.offsetHeight) {\n menu.scrollTop = selectedOption.offsetTop;\n }\n // 'aria-activedescendant' affects screen reader focus\n // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant\n this.menu.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);\n selectedOption.focus();\n }\n };\n // Set 'ungroupedOptions' variable and emit its value\n // - this is all the options with disabled options and group titles removed\n this.loadUngroupedOptions = () => {\n if (this.options.length > 0 && this.options.map) {\n this.options.map((option) => {\n if (option.children) {\n option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));\n }\n else if (!option.disabled) {\n this.ungroupedOptions.push(option);\n }\n });\n }\n this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n };\n this.setMenuScrollbar = () => {\n let optionsHeight = 0;\n this.host\n .querySelectorAll(\".option\")\n .forEach((option) => (optionsHeight += option.clientHeight));\n if (optionsHeight >= 320) {\n this.menu.classList.add(\"menu-scroll\");\n }\n };\n this.handleTimeoutBlur = (ev) => {\n this.timeoutBlur.emit({ ev });\n };\n this.optionContent = (option, selected) => {\n const showCheckIcon = !!option[this.valueField] &&\n !!this.value &&\n selected &&\n this.parentEl.tagName !== \"IC-SEARCH-BAR\";\n return (h(Fragment, null, option.loading && h(\"ic-loading-indicator\", { size: \"icon\" }), h(\"div\", { class: {\n \"option-text-container\": true,\n \"show-check-icon\": showCheckIcon,\n } }, h(\"div\", { class: \"option-label\" }, option.icon && (h(\"div\", { class: \"option-icon\", innerHTML: option.icon, \"aria-hidden\": \"true\" })), h(\"ic-typography\", { variant: \"body\", \"aria-hidden\": \"true\" }, option[this.labelField])), option.description && (h(\"ic-typography\", { id: `${this.getOptionId(option[this.valueField])}-description`, class: \"option-description\", variant: \"caption\", \"aria-hidden\": \"true\" }, h(\"p\", null, option.description))), option.element && (h(\"div\", { class: \"option-element\", innerHTML: option.element.component, \"aria-hidden\": \"true\" }))), showCheckIcon && h(\"span\", { class: \"check-icon\", innerHTML: Check })));\n };\n this.displayOption = (option, selected, index, parentOption) => {\n const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;\n return (h(\"li\", { id: this.getOptionId(option[this.valueField]), class: {\n option: true,\n \"focused-option\": isManualMode\n ? (keyboardNav || initialOptionsListRender) &&\n option[this.valueField] === optionHighlighted\n : keyboardNav && selected,\n \"last-recommended-option\": option.recommended &&\n options[index + 1] &&\n !options[index + 1].recommended,\n \"disabled-option\": option.disabled,\n \"loading-option\": option.loading,\n timeout: option.timedOut,\n }, role: \"option\", tabindex: open &&\n (selected || option[this.valueField] === optionHighlighted) &&\n keyboardNav\n ? \"0\"\n : \"-1\", \"aria-label\": this.getOptionAriaLabel(option, parentOption), \"aria-selected\": selected ? \"true\" : \"false\", \"aria-disabled\": option.disabled ? \"true\" : \"false\", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, \"data-value\": option[this.valueField], \"data-label\": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h(\"div\", { class: \"loading-error-info\" }, h(\"svg\", { class: \"error-icon-svg\", \"aria-labelledby\": \"error-title\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#000000\" }, h(\"title\", { id: \"error-title\" }, \"Error\"), h(\"g\", { id: \"close-octagon\" }, h(\"path\", { id: \"Vector\", d: \"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41\" }))), h(\"ic-typography\", { variant: \"label\" }, option[this.labelField])), h(\"ic-button\", { size: \"small\", variant: \"tertiary\", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: \"retry-button\" }, \"Retry\"))) : (this.optionContent(option, selected))));\n };\n this.focusFromSearchKeypress = false;\n this.initialOptionsListRender = false;\n this.keyboardNav = false;\n this.optionHighlighted = undefined;\n this.preventIncorrectTabOrder = false;\n this.menuOptions = undefined;\n this.activationType = \"automatic\";\n this.anchorEl = undefined;\n this.autoFocusOnSelected = true;\n this.closeOnSelect = true;\n this.fullWidth = false;\n this.inputEl = undefined;\n this.inputLabel = undefined;\n this.labelField = \"label\";\n this.menuId = undefined;\n this.open = undefined;\n this.parentEl = undefined;\n this.searchMode = \"navigation\";\n this.selectOnEnter = false;\n this.size = \"medium\";\n this.options = undefined;\n this.value = undefined;\n this.valueField = \"value\";\n }\n watchOpenHandler() {\n if (!this.open && this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n watchOptionsHandler(newOptions) {\n this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n this.isLoading = newOptions.some((opt) => opt.loading);\n this.ungroupedOptions = [];\n this.loadUngroupedOptions();\n }\n connectedCallback() {\n this.getParentEl(this.parentEl);\n if (this.isSearchBar) {\n if (this.searchMode === \"navigation\")\n this.setHighlightedOption(0);\n this.initialOptionsListRender = true;\n }\n }\n disconnectedCallback() {\n var _a, _b;\n if (this.popperInstance) {\n this.popperInstance.destroy();\n }\n (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"icClear\", this.handleClearListener);\n (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n }\n componentWillLoad() {\n var _a, _b;\n this.loadUngroupedOptions();\n this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n this.hasTimedOut = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some((opt) => opt.timedOut);\n this.isLoading = (_b = this.options) === null || _b === void 0 ? void 0 : _b.some((opt) => opt.loading);\n }\n componentDidLoad() {\n if (this.isSearchBar &&\n this.parentEl.disableAutoFiltering) {\n this.focusFromSearchKeypress = true;\n }\n onComponentRequiredPropUndefined([\n { prop: this.open, propName: \"open\" },\n { prop: this.options, propName: \"options\" },\n { prop: this.menuId, propName: \"menu-id\" },\n { prop: this.inputLabel, propName: \"input-label\" },\n //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n ], \"Menu\");\n }\n componentDidUpdate() {\n const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {\n if (this.value &&\n this.keyboardNav &&\n inputValueInOptions &&\n this.autoFocusOnSelected &&\n !this.isSearchableSelect) {\n this.scrollToSelected(this.menu);\n }\n else if (this.selectOnEnter) {\n this.menu.focus();\n }\n else if (!!this.optionHighlighted &&\n !this.focusFromSearchKeypress &&\n !this.preventIncorrectTabOrder) {\n const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n if (highlightedEl) {\n this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n highlightedEl.focus();\n }\n }\n else if (this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n this.inputEl.tagName !== \"INPUT\") {\n this.menu.focus();\n }\n }\n if (this.open && !this.value && this.selectOnEnter) {\n this.scrollToSelected(this.menu);\n }\n this.preventMenuFocus = false;\n }\n componentDidRender() {\n if (this.open && !this.popperInstance && this.anchorEl) {\n this.initPopperJs(this.anchorEl);\n }\n if (this.open && !!this.options.length) {\n this.setMenuScrollbar();\n }\n }\n /**\n * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n */\n async handleClickOpen() {\n if (!this.preventClickOpen) {\n this.menuStateChange.emit({ open: !this.open });\n this.keyboardNav = false;\n }\n this.preventClickOpen = false;\n }\n /**\n * Used alongside activationType\n * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n * @param {KeyboardEvent} event The keyboard event which is available when handleKeyboardOpen is invoked.\n */\n async handleKeyboardOpen(event) {\n if (this.activationType === \"automatic\") {\n this.autoSetInputValueKeyboardOpen(event);\n }\n else {\n this.manualSetInputValueKeyboardOpen(event);\n }\n }\n /**\n * @internal Used to highlight the first option in the menu.\n */\n async handleSetFirstOption() {\n this.setHighlightedOption(0);\n }\n /**\n * @internal Used to initialize popperJS with an anchor element.\n * 5/12/2023: Tested with Floating UI, however, discovered inconsistent\n * boundary behaviour so sticking with PopperJS.\n */\n async initPopperJs(anchor) {\n // Placements set to \"-start\" to accommodate for custom menu width - menu should always be aligned to the left\n this.popperInstance = createPopper(anchor, this.host, {\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 7],\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: [\"top-start\"],\n rootBoundary: \"viewport\",\n },\n },\n ],\n });\n }\n focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n if (!menuOptions[highlightedOptionIndex])\n return;\n if (this.isSearchBar) {\n this.parentEl.setFocus();\n if (this.searchMode === \"navigation\")\n this.setHighlightedOption(0);\n }\n if (this.isSearchableSelect) {\n this.parentEl.setFocus();\n }\n this.focusFromSearchKeypress = true;\n }\n render() {\n const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;\n const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? \"Clear\" : \"Select\"} all`;\n const hasNoResults = this.host.classList.contains(\"no-results\");\n return (h(Host, { class: {\n \"ic-menu-full-width\": fullWidth,\n \"ic-menu-no-focus\": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" || hasTimedOut || isLoading,\n [`ic-menu-${size}`]: true,\n \"ic-menu-open\": open && options.length !== 0,\n \"ic-menu-multiple\": this.isMultiSelect,\n } }, options.length !== 0 && (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) => {\n if (option.children) {\n if (option.children.length > 0) {\n return (h(\"div\", null, h(\"ic-typography\", { class: \"option-group-title\", role: \"presentation\", variant: \"subtitle-small\" }, h(\"p\", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&\n this.displayOption(childOption, this.isMultiSelect\n ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])\n : childOption[this.valueField] === value, index, option))));\n }\n else {\n return null;\n }\n }\n else {\n // Display option only if it has a label (rather than displaying an empty space)\n return (option.label &&\n this.displayOption(option, this.isMultiSelect\n ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])\n : option[this.valueField] === value, index));\n }\n }))), options.length !== 0 &&\n this.isMultiSelect &&\n !isLoading &&\n !hasTimedOut &&\n !hasNoResults && (h(\"div\", { class: \"option-bar\" }, h(\"ic-typography\", null, h(\"p\", null, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { class: \"select-all-button\", \"aria-label\": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: \"tertiary\", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === \"small\" ? \"small\" : \"medium\" }, selectAllButtonText)))));\n }\n static get is() { return \"ic-menu\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-menu.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-menu.css\"]\n };\n }\n static get properties() {\n return {\n \"activationType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcActivationTypes\",\n \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n \"references\": {\n \"IcActivationTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcActivationTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n },\n \"attribute\": \"activation-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"automatic\\\"\"\n },\n \"anchorEl\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HTMLElement\",\n \"resolved\": \"HTMLElement\",\n \"references\": {\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n }\n },\n \"autoFocusOnSelected\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, autofocus will be applied on selected item when menu is open.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"auto-focus-on-selected\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"closeOnSelect\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the menu will close when an option is selected.\"\n },\n \"attribute\": \"close-on-select\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the menu will fill the width of the container.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"inputEl\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HTMLElement\",\n \"resolved\": \"HTMLElement\",\n \"references\": {\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The reference to the input element.\"\n }\n },\n \"inputLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the input element.\"\n },\n \"attribute\": \"input-label\",\n \"reflect\": false\n },\n \"labelField\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom name for the label field for IcMenuOption.\"\n },\n \"attribute\": \"label-field\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"label\\\"\"\n },\n \"menuId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the menu.\"\n },\n \"attribute\": \"menu-id\",\n \"reflect\": false\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the menu will be displayed open.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true\n },\n \"parentEl\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HTMLElement\",\n \"resolved\": \"HTMLElement\",\n \"references\": {\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"- The parent element if ic-menu is nested inside another component.\"\n }],\n \"text\": \"\"\n }\n },\n \"searchMode\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSearchBarSearchModes\",\n \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n \"references\": {\n \"IcSearchBarSearchModes\": {\n \"location\": \"import\",\n \"path\": \"../ic-search-bar/ic-search-bar.types\",\n \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n },\n \"attribute\": \"search-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"navigation\\\"\"\n },\n \"selectOnEnter\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"select-on-enter\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the menu.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"options\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcMenuOption[]\",\n \"resolved\": \"IcMenuOption[]\",\n \"references\": {\n \"IcMenuOption\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcMenuOption\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The possible menu selection options.\"\n }\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | string[]\",\n \"resolved\": \"string | string[]\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value of the currently selected option - or array of values (if multiple options allowed).\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"valueField\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom name for the value field for IcMenuOption.\"\n },\n \"attribute\": \"value-field\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"value\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"focusFromSearchKeypress\": {},\n \"initialOptionsListRender\": {},\n \"keyboardNav\": {},\n \"optionHighlighted\": {},\n \"preventIncorrectTabOrder\": {},\n \"menuOptions\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"menuKeyPress\",\n \"name\": \"menuKeyPress\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when key is pressed while menu is open.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ isNavKey: boolean; key: string }\",\n \"resolved\": \"{ isNavKey: boolean; key: string; }\",\n \"references\": {}\n }\n }, {\n \"method\": \"menuOptionId\",\n \"name\": \"menuOptionId\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when an option has been highlighted.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcMenuOptionIdEventDetail\",\n \"resolved\": \"IcMenuOptionIdEventDetail\",\n \"references\": {\n \"IcMenuOptionIdEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-menu.types\",\n \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuOptionIdEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"menuOptionSelect\",\n \"name\": \"menuOptionSelect\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when an option is selected.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcOptionSelectEventDetail\",\n \"resolved\": \"IcOptionSelectEventDetail\",\n \"references\": {\n \"IcOptionSelectEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-menu.types\",\n \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"menuOptionSelectAll\",\n \"name\": \"menuOptionSelectAll\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when all options are selected or deselected.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ select: boolean }\",\n \"resolved\": \"{ select: boolean; }\",\n \"references\": {}\n }\n }, {\n \"method\": \"menuStateChange\",\n \"name\": \"menuStateChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when state of menu changes (i.e. open or closed).\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcMenuChangeEventDetail\",\n \"resolved\": \"IcMenuChangeEventDetail\",\n \"references\": {\n \"IcMenuChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-menu.types\",\n \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"retryButtonClicked\",\n \"name\": \"retryButtonClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when the retry button is clicked.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"timeoutBlur\",\n \"name\": \"timeoutBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when the timeout menu loses focus.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ ev: FocusEvent }\",\n \"resolved\": \"{ ev: FocusEvent; }\",\n \"references\": {\n \"FocusEvent\": {\n \"location\": \"global\",\n \"id\": \"global::FocusEvent\"\n }\n }\n }\n }, {\n \"method\": \"ungroupedOptionsSet\",\n \"name\": \"ungroupedOptionsSet\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when the ungrouped options have been set.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ options: IcMenuOption[] }\",\n \"resolved\": \"{ options: IcMenuOption[]; }\",\n \"references\": {\n \"IcMenuOption\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcMenuOption\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"handleClickOpen\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If menu is opened with the mouse, emit menuStateChange custom event.\"\n }]\n }\n },\n \"handleKeyboardOpen\": {\n \"complexType\": {\n \"signature\": \"(event: KeyboardEvent) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"event\",\n \"type\": \"KeyboardEvent\",\n \"docs\": \"The keyboard event which is available when handleKeyboardOpen is invoked.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"KeyboardEvent\": {\n \"location\": \"global\",\n \"id\": \"global::KeyboardEvent\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Used alongside activationType\\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"event The keyboard event which is available when handleKeyboardOpen is invoked.\"\n }]\n }\n },\n \"handleSetFirstOption\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to highlight the first option in the menu.\"\n }]\n }\n },\n \"initPopperJs\": {\n \"complexType\": {\n \"signature\": \"(anchor: HTMLElement) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"anchor\",\n \"type\": \"HTMLElement\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to initialize popperJS with an anchor element.\\n5/12/2023: Tested with Floating UI, however, discovered inconsistent\\nboundary behaviour so sticking with PopperJS.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"open\",\n \"methodName\": \"watchOpenHandler\"\n }, {\n \"propName\": \"options\",\n \"methodName\": \"watchOptionsHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-menu.js.map\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as t,c as e,h as o,H as i,g as n}from"./p-8455d1bb.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-action-default);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid var(--ic-action-default)}:host(.ic-toggle-button-group-disabled){border:var(--ic-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-disabled)}:host(.ic-toggle-button-group-dark){border:var(--ic-border-width) solid var(--ic-action-dark)}:host(.ic-toggle-button-group-dark) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid var(--ic-action-dark)}:host(.ic-toggle-button-group-light) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid var(--ic-action-light)}:host(.ic-toggle-button-group-light){border:var(--ic-border-width) solid var(--ic-action-light)}';const r="IC-TOGGLE-BUTTON-GROUP";const a=class{constructor(o){t(this,o);this.icChange=e(this,"icChange",7);this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.setSlottedAria=t=>{const e=t.shadowRoot.querySelector("ic-button").shadowRoot.querySelector("button");let o=e.getAttribute("aria-label");o+=", ";o+=this.accessibleLabel;e.setAttribute("aria-label",o)};this.handleHostFocus=t=>{if(this.loading||this.disabled){return null}const e=t.target;const o=t.relatedTarget;const i=Array.from(e.querySelectorAll("ic-toggle-button"));if((i.every((t=>!t.checked))||this.selectType!=="single")&&this.lastKeyPressed.shift===false||i.every((t=>!t.checked))&&this.lastKeyPressed.shift===true&&o.tagName==r){i[0].focus()}else if(this.lastKeyPressed.shift===false||this.lastKeyPressed.shift===true&&o.tagName==r){const t=i.filter((t=>t.checked));t[0].focus()}};this.handleKeyDown=t=>{const e=this.getAllToggleButtons();const o=e.indexOf(e.filter((t=>t===document.activeElement))[0]);switch(t.key){case"ArrowDown":case"ArrowRight":this.selectMethod==="auto"?this.proxySelectHandler(e[this.getNextItemToSelect(o,true)]):e[this.getNextItemToSelect(o,true)].focus();break;case"ArrowUp":case"ArrowLeft":this.selectMethod==="auto"?this.proxySelectHandler(e[this.getNextItemToSelect(o,false)]):e[this.getNextItemToSelect(o,false)].focus();break}};this.getNextItemToSelect=(t,e)=>{const o=this.getAllToggleButtons();const i=o.length-1;if(t<1){t=0}let n=e?t+1:t-1;if(n<0){n=i}else if(n>i){n=0}if(o[n].disabled){n=this.getNextItemToSelect(n,e)}return n};this.lastKeyPressed={key:null,shift:false};this.accessibleLabel="Toggle button group";this.appearance="default";this.disabled=false;this.fullWidth=false;this.iconPlacement=undefined;this.loading=false;this.selectMethod="manual";this.selectType="single";this.size="medium";this.variant="default"}selectHandler(t,e){const o=this.getAllToggleButtons();let i=t.target;e&&e.focus();if(this.selectType==="single"){if(!i){i=e}o.forEach((t=>{if(t.id!==i.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:i})}else{const t=this.getAllToggleButtons().filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:i})}}componentWillLoad(){this.selectType==="multi"&&(this.selectMethod="manual");document.addEventListener("keydown",this.keyListener)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,e)=>{this.setSlottedAria(t);t.size=this.size;t.loading=this.loading;t.iconPlacement=this.iconPlacement;t.disabled?null:t.disabled=this.disabled;t.appearance=this.appearance;t.variant=this.variant;t.fullWidth=this.fullWidth;t.id=e.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}proxySelectHandler(t){t.checked=true;const e=new CustomEvent("icToggleChecked",{detail:{checked:t.checked}});this.selectHandler(e,t)}getAllToggleButtons(){return Array.from(this.el.querySelectorAll("ic-toggle-button"))}render(){return o(i,{role:"group","aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":"false",tabindex:0,class:{["ic-toggle-button-group-full-width"]:this.fullWidth,["ic-toggle-button-group-loading"]:this.loading,["ic-toggle-button-group-disabled"]:this.disabled,[`ic-toggle-button-group-${this.appearance}`]:true},onFocus:this.handleHostFocus},o("slot",null))}get el(){return n(this)}};a.style=s;export{a as ic_toggle_button_group};
2
- //# sourceMappingURL=p-39101ffc.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icToggleButtonGroupCss","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","keyListener","ev","lastKeyPressed","key","shift","shiftKey","setSlottedAria","el","btn","shadowRoot","querySelector","aria","getAttribute","accessibleLabel","setAttribute","handleHostFocus","loading","disabled","target","relEl","relatedTarget","toggleButtons","Array","from","querySelectorAll","every","checked","selectType","tagName","focus","toggledButton","filter","handleKeyDown","event","toggleButtonOptions","getAllToggleButtons","focussedChild","indexOf","document","activeElement","selectMethod","proxySelectHandler","getNextItemToSelect","currentItem","movingDown","numToggles","length","nextItem","appearance","fullWidth","iconPlacement","undefined","size","variant","selectHandler","tabTarget","allToggles","clickedToggle","forEach","id","icChange","emit","detail","selectedOption","toggledOptions","map","opt","toggleButton","componentWillLoad","addEventListener","componentDidLoad","i","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","toggle","customEv","CustomEvent","render","h","Host","role","tabindex","class","onFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/* PARENT HOST */\n\n:root {\n display: block;\n}\n\n:host {\n display: flex;\n flex-direction: row;\n width: -moz-fit-content;\n width: fit-content;\n min-width: -moz-min-content;\n min-width: min-content;\n border: var(--ic-border-width) solid var(--ic-action-default);\n border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n width: 100%;\n max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n min-width: -moz-max-content;\n min-width: max-content;\n}\n\n:host(:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n flex-grow: 1;\n width: -moz-min-content;\n width: min-content;\n\n --toggle-button-border: none;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n border-right: var(--ic-border-width) solid var(--ic-action-default);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n border: var(--ic-border-disabled);\n pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n ::slotted(ic-toggle-button:not(:last-of-type)) {\n border-right: var(--ic-border-disabled);\n}\n\n/* DARK */\n:host(.ic-toggle-button-group-dark) {\n border: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n:host(.ic-toggle-button-group-dark)\n ::slotted(ic-toggle-button:not(:last-of-type)) {\n border-right: var(--ic-border-width) solid var(--ic-action-dark);\n}\n\n/* LIGHT */\n:host(.ic-toggle-button-group-light)\n ::slotted(ic-toggle-button:not(:last-of-type)) {\n border-right: var(--ic-border-width) solid var(--ic-action-light);\n}\n\n:host(.ic-toggle-button-group-light) {\n border: var(--ic-border-width) solid var(--ic-action-light);\n}\n","import { Host, h, } from \"@stencil/core\";\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\nexport class ToggleButtonGroup {\n constructor() {\n this.keyListener = (ev) => {\n this.lastKeyPressed = {\n key: ev.key,\n shift: ev.shiftKey,\n };\n };\n this.setSlottedAria = (el) => {\n const btn = el.shadowRoot\n .querySelector(\"ic-button\")\n .shadowRoot.querySelector(\"button\");\n let aria = btn.getAttribute(\"aria-label\");\n aria += \", \";\n aria += this.accessibleLabel;\n btn.setAttribute(\"aria-label\", aria);\n };\n this.handleHostFocus = (ev) => {\n if (this.loading || this.disabled) {\n return null;\n }\n const el = ev.target;\n const relEl = ev.relatedTarget;\n const toggleButtons = Array.from(el.querySelectorAll(\"ic-toggle-button\"));\n if (((toggleButtons.every((el) => !el.checked) ||\n this.selectType !== \"single\") &&\n this.lastKeyPressed.shift === false) ||\n (toggleButtons.every((el) => !el.checked) &&\n this.lastKeyPressed.shift === true &&\n relEl.tagName == TOGGLE_GROUP)) {\n toggleButtons[0].focus();\n }\n else if (this.lastKeyPressed.shift === false ||\n (this.lastKeyPressed.shift === true && relEl.tagName == TOGGLE_GROUP)) {\n // if checked is true and selectMethod is \"single\", focus that toggle\n const toggledButton = toggleButtons.filter((el) => el.checked);\n toggledButton[0].focus();\n }\n };\n this.handleKeyDown = (event) => {\n const toggleButtonOptions = this.getAllToggleButtons();\n const focussedChild = toggleButtonOptions.indexOf(toggleButtonOptions.filter((el) => el === document.activeElement)[0]);\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n this.selectMethod === \"auto\"\n ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)])\n : toggleButtonOptions[this.getNextItemToSelect(focussedChild, true)].focus();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n this.selectMethod === \"auto\"\n ? this.proxySelectHandler(toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)])\n : toggleButtonOptions[this.getNextItemToSelect(focussedChild, false)].focus();\n break;\n case \"Tab\":\n break;\n }\n };\n this.getNextItemToSelect = (currentItem, movingDown) => {\n const toggleButtonOptions = this.getAllToggleButtons();\n const numToggles = toggleButtonOptions.length - 1;\n if (currentItem < 1) {\n currentItem = 0;\n }\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n if (nextItem < 0) {\n nextItem = numToggles;\n }\n else if (nextItem > numToggles) {\n nextItem = 0;\n }\n if (toggleButtonOptions[nextItem].disabled) {\n nextItem = this.getNextItemToSelect(nextItem, movingDown);\n }\n return nextItem;\n };\n this.lastKeyPressed = {\n key: null,\n shift: false,\n };\n this.accessibleLabel = \"Toggle button group\";\n this.appearance = \"default\";\n this.disabled = false;\n this.fullWidth = false;\n this.iconPlacement = undefined;\n this.loading = false;\n this.selectMethod = \"manual\";\n this.selectType = \"single\";\n this.size = \"medium\";\n this.variant = \"default\";\n }\n selectHandler(ev, tabTarget) {\n const allToggles = this.getAllToggleButtons();\n let clickedToggle = ev.target;\n // tabTarget used in proxySelectHandler\n tabTarget && tabTarget.focus();\n if (this.selectType === \"single\") {\n if (!clickedToggle) {\n clickedToggle = tabTarget;\n }\n allToggles.forEach((el) => {\n if (el.id !== clickedToggle.id && el.checked) {\n el.checked = false;\n }\n });\n this.icChange.emit({\n checked: ev.detail.checked,\n selectedOption: clickedToggle,\n });\n }\n else {\n const toggledOptions = this.getAllToggleButtons().filter((el) => el.checked && !el.disabled);\n this.icChange.emit({\n checked: toggledOptions.map((opt) => opt.checked),\n toggledOptions: toggledOptions.map((opt) => ({\n toggleButton: opt,\n })),\n selectedOption: clickedToggle,\n });\n }\n }\n componentWillLoad() {\n this.selectType === \"multi\" && (this.selectMethod = \"manual\");\n this.selectMethod === \"auto\" && this.selectType === \"single\";\n document.addEventListener(\"keydown\", this.keyListener);\n }\n componentDidLoad() {\n this.getAllToggleButtons().forEach((el, i) => {\n this.setSlottedAria(el);\n el.size = this.size;\n el.loading = this.loading;\n el.iconPlacement = this.iconPlacement;\n el.disabled ? null : (el.disabled = this.disabled);\n el.appearance = this.appearance;\n el.variant = this.variant;\n el.fullWidth = this.fullWidth;\n el.id = i.toString();\n el.tabIndex = -1;\n el.addEventListener(\"keydown\", (ev) => {\n this.handleKeyDown(ev);\n });\n el.classList.add(\"expand-toggle-group-child\");\n });\n }\n disconnectedCallback() {\n document === null || document === void 0 ? void 0 : document.removeEventListener(\"keydown\", this.keyListener);\n }\n // trigger selectHandler when unable to add 'target'\n proxySelectHandler(toggle) {\n toggle.checked = true;\n const customEv = new CustomEvent(\"icToggleChecked\", {\n detail: {\n checked: toggle.checked,\n },\n });\n this.selectHandler(customEv, toggle);\n }\n getAllToggleButtons() {\n return Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n }\n render() {\n return (h(Host, { role: \"group\", \"aria-label\": this.accessibleLabel, \"aria-disabled\": this.disabled ? \"true\" : \"false\", tabindex: 0, class: {\n [\"ic-toggle-button-group-full-width\"]: this.fullWidth,\n [\"ic-toggle-button-group-loading\"]: this.loading,\n [\"ic-toggle-button-group-disabled\"]: this.disabled,\n [`ic-toggle-button-group-${this.appearance}`]: true,\n }, onFocus: this.handleHostFocus }, h(\"slot\", null)));\n }\n static get is() { return \"ic-toggle-button-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-toggle-button-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-toggle-button-group.css\"]\n };\n }\n static get properties() {\n return {\n \"accessibleLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The accessible label of the toggle button group component to provide context for screen reader users.\"\n },\n \"attribute\": \"accessible-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Toggle button group\\\"\"\n },\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeForeground\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeForeground\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeForeground\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the toggle button group, e.g dark, or light.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the toggle button group will be set to the disabled state.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the toggle button group will fill the width of the container.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"iconPlacement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n \"resolved\": \"\\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The placement of the icons in relation to the toggle button labels.\"\n },\n \"attribute\": \"icon-placement\",\n \"reflect\": false\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the toggle button group will be in loading state.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"selectMethod\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcSelectMethodTypes\",\n \"resolved\": \"\\\"auto\\\" | \\\"manual\\\"\",\n \"references\": {\n \"IcSelectMethodTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSelectMethodTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\"\n },\n \"attribute\": \"select-method\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"manual\\\"\"\n },\n \"selectType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSelectTypes\",\n \"resolved\": \"\\\"multi\\\" | \\\"single\\\"\",\n \"references\": {\n \"IcSelectTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSelectTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\"\n },\n \"attribute\": \"select-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"single\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"default\\\" | \\\"icon\\\"\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the toggle button.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"lastKeyPressed\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icChange\",\n \"name\": \"icChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when a toggle button is selected.\"\n },\n \"complexType\": {\n \"original\": \"IcChangeEventDetail\",\n \"resolved\": \"IcChangeEventDetail\",\n \"references\": {\n \"IcChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-toggle-button-group.types\",\n \"id\": \"src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"icToggleChecked\",\n \"method\": \"selectHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-toggle-button-group.js.map\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as i,c as e,h as t,H as c,g as s}from"./p-8455d1bb.js";import{k as a,j as o,r,a as n,l,n as h}from"./p-043cf5de.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-checked-status{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg);color:var(--ic-switch-help-text)}.ic-switch-toggle::before{content:"";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled~.ic-switch-checked-status{color:var(--ic-architectural-300)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-checked-status{padding-left:0.375rem}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted(*){margin-left:var(--ic-space-sm)}::slotted(svg){fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-input:disabled~.ic-switch-checked-status{color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}';let b=0;const p=class{constructor(t){i(this,t);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.inputId=`ic-switch-input-${b++}`;this.handleChange=()=>{this.checkedState=!this.checkedState;this.icChange.emit({checked:this.checkedState,value:this.value})};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.handleFormReset=()=>{this.checkedState=this.initiallyChecked};this.checkedState=false;this.initiallyChecked=this.checked;this.checked=false;this.disabled=false;this.helperText="";this.hideLabel=false;this.label=undefined;this.name=this.inputId;this.showState=false;this.size="medium";this.theme="inherit";this.value="on"}checkedChangeHandler(){this.checkedState=this.checked}disconnectedCallback(){a(this.el,this.handleFormReset)}componentWillLoad(){this.checkedState=this.checked;o(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Switch")}async setFocus(){if(this.el.shadowRoot.querySelector("input")){this.el.shadowRoot.querySelector("input").focus()}}render(){const{label:i,checkedState:e,size:s,disabled:a,name:o,showState:r,value:n,hideLabel:d,helperText:b,inputId:p,theme:w}=this;l(true,this.el,o,e?n:"",a);const u=h(p,b!=="",false);return t(c,{class:{[`ic-theme-${w}`]:w!=="inherit"}},t("label",{class:{["ic-switch-container"]:true,["ic-switch-disabled"]:a,["ic-switch-small"]:s==="small"},htmlFor:p},!d&&t("ic-input-label",{for:p,label:i,helperText:b,readonly:true,disabled:a,class:{["ic-switch-label"]:true,["ic-switch-label-small"]:s==="small"}}),!d&&t("span",{class:"ic-switch-line-break"}),t("input",{checked:e,disabled:a,"aria-label":i,"aria-checked":e?"true":"false","aria-describedby":u,role:"switch",class:"ic-switch-input",type:"checkbox",name:"toggle",id:p,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.handleChange}),t("span",{class:"ic-switch-toggle"},t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("line",{class:"ic-switch-icon-line",x1:"9",y1:s==="small"?"2":"1",x2:"9",y2:s==="small"?"8":"9"})),t("svg",{class:"ic-switch-icon","aria-hidden":"true",focusable:"false",viewBox:"0 0 10 10",xmlns:"http://www.w3.org/2000/svg"},t("circle",{class:"ic-switch-icon-circle",fill:"none",cx:"5",cy:"5",r:s==="small"?"3.335":"4.445"}))),t("slot",{name:"right-adornment"}),r&&t("ic-typography",{"aria-hidden":"true",variant:"label",class:"ic-switch-checked-status"},e?"On":"Off")))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChangeHandler"]}}};p.style=d;export{p as ic_switch};
2
- //# sourceMappingURL=p-50dd2744.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icSwitchCss","inputIds","Switch","constructor","hostRef","this","inputId","handleChange","checkedState","icChange","emit","checked","value","onFocus","icFocus","onBlur","icBlur","handleFormReset","initiallyChecked","disabled","helperText","hideLabel","label","undefined","name","showState","size","theme","checkedChangeHandler","disconnectedCallback","removeFormResetListener","el","componentWillLoad","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","setFocus","shadowRoot","querySelector","focus","render","renderHiddenInput","describedBy","getInputDescribedByText","h","Host","class","htmlFor","for","readonly","role","type","id","onChange","focusable","viewBox","xmlns","x1","y1","x2","y2","fill","cx","cy","r","variant","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-switch/ic-switch.css?tag=ic-switch&encapsulation=shadow","../web-components/dist/collection/components/ic-switch/ic-switch.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: inline-block;\n}\n\ninput {\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.ic-switch-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--ic-space-xxs);\n cursor: pointer;\n}\n\n.ic-switch-label {\n margin-left: var(--ic-space-xxs);\n margin-bottom: var(--ic-space-sm);\n}\n\n.ic-switch-label-small {\n margin-bottom: 0.625rem;\n}\n\n.ic-switch-toggle {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: 4rem;\n height: var(--ic-space-xl);\n position: relative;\n border-radius: 100vw;\n background-color: var(--ic-switch-unchecked-bg);\n border: var(--ic-border-width) solid var(--ic-switch-unchecked);\n box-sizing: border-box;\n transition: var(--ic-transition-duration-fast);\n}\n\n.ic-switch-line-break {\n flex: 1 0 100%;\n}\n\n.ic-switch-checked-status {\n padding-left: var(--ic-space-xxs);\n width: var(--ic-space-lg);\n color: var(--ic-switch-help-text);\n}\n\n.ic-switch-toggle::before {\n content: \"\";\n width: 1.333rem;\n height: 1.333rem;\n border-radius: 50%;\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 0.333rem;\n transform: translate(0, -50%);\n background-color: var(--ic-switch-unchecked);\n transition: var(--ic-transition-duration-slow);\n}\n\n.ic-switch-icon {\n display: inline-block;\n vertical-align: middle;\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.ic-switch-icon-circle,\n.ic-switch-icon-line {\n stroke-width: 1;\n}\n\n.ic-switch-icon-circle {\n stroke: var(--ic-switch-indicator-off);\n}\n\n.ic-switch-icon-line {\n stroke: var(--ic-switch-indicator-on);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ic-switch-toggle::before {\n transition-duration: 0ms;\n }\n}\n\n.ic-switch-input:checked + .ic-switch-toggle {\n background-color: var(--ic-switch-checked-bg);\n border: none;\n}\n\n.ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(var(--ic-space-xl), -50%);\n background-color: var(--ic-switch-checked);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover);\n}\n\n.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-checked-bg-hover);\n}\n\n.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before {\n box-shadow: 0 0 0 0.75rem var(--ic-switch-checked-bg-pressed);\n}\n\n.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle {\n box-shadow: var(--ic-border-focus);\n}\n\n.ic-switch-disabled {\n cursor: default;\n}\n\n.ic-switch-disabled .ic-switch-icon-circle {\n stroke: var(--ic-switch-indicator-off-disabled);\n}\n\n.ic-switch-disabled .ic-switch-icon-line {\n stroke: var(--ic-switch-indicator-on-disabled);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle {\n background-color: var(--ic-switch-unchecked-bg-disabled);\n border: var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled);\n}\n\n.ic-switch-input:disabled ~ .ic-switch-checked-status {\n color: var(--ic-architectural-300);\n}\n\n.ic-switch-input:disabled + .ic-switch-toggle::before {\n background-color: var(--ic-switch-unchecked-disabled);\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle {\n background-color: var(--ic-switch-checked-bg-disabled);\n border: var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled);\n}\n\n.ic-switch-input:disabled:checked + .ic-switch-toggle::before {\n background-color: var(--ic-switch-checked);\n}\n\n.ic-switch-small {\n gap: var(--ic-space-xxxs);\n}\n\n.ic-switch-small .ic-switch-checked-status {\n padding-left: 0.375rem;\n}\n\n.ic-switch-small .ic-switch-toggle {\n width: var(--ic-space-xxl);\n height: var(--ic-space-lg);\n}\n\n.ic-switch-small .ic-switch-toggle::before {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n left: var(--ic-space-xxs);\n}\n\n.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(var(--ic-space-lg), -50%);\n}\n\n::slotted(*) {\n margin-left: var(--ic-space-sm);\n}\n\n::slotted(svg) {\n fill: var(--ic-switch-icon);\n}\n\n@media (forced-colors: active) {\n .ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle {\n border: var(--ic-border-hc);\n }\n\n .ic-switch-input:focus + .ic-switch-toggle {\n border-color: highlight;\n outline: var(--ic-space-xxxs) solid highlight;\n }\n\n .ic-switch-input:checked + .ic-switch-toggle::before {\n transform: translate(calc(var(--ic-space-xl) - 0.125rem), -50%);\n }\n\n .ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before {\n border-color: GrayText;\n }\n\n .ic-switch-input:disabled ~ .ic-switch-checked-status {\n color: GrayText;\n }\n\n .ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line {\n stroke: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from \"../../utils/helpers\";\nlet inputIds = 0;\n/**\n * @slot right-adornment - Content is placed to the right of switch before state label.\n */\nexport class Switch {\n constructor() {\n this.inputId = `ic-switch-input-${inputIds++}`;\n this.handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value,\n });\n };\n this.onFocus = () => {\n this.icFocus.emit();\n };\n this.onBlur = () => {\n this.icBlur.emit();\n };\n this.handleFormReset = () => {\n this.checkedState = this.initiallyChecked;\n };\n this.checkedState = false;\n this.initiallyChecked = this.checked;\n this.checked = false;\n this.disabled = false;\n this.helperText = \"\";\n this.hideLabel = false;\n this.label = undefined;\n this.name = this.inputId;\n this.showState = false;\n this.size = \"medium\";\n this.theme = \"inherit\";\n this.value = \"on\";\n }\n checkedChangeHandler() {\n this.checkedState = this.checked;\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n componentWillLoad() {\n this.checkedState = this.checked;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Switch\");\n }\n /**\n * Sets focus on the switch.\n */\n async setFocus() {\n if (this.el.shadowRoot.querySelector(\"input\")) {\n this.el.shadowRoot.querySelector(\"input\").focus();\n }\n }\n render() {\n const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, theme, } = this;\n renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n const describedBy = getInputDescribedByText(inputId, helperText !== \"\", false);\n return (h(Host, { class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"label\", { class: {\n [\"ic-switch-container\"]: true,\n [\"ic-switch-disabled\"]: disabled,\n [\"ic-switch-small\"]: size === \"small\",\n }, htmlFor: inputId }, !hideLabel && (h(\"ic-input-label\", { for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {\n [\"ic-switch-label\"]: true,\n [\"ic-switch-label-small\"]: size === \"small\",\n } })), !hideLabel && h(\"span\", { class: \"ic-switch-line-break\" }), h(\"input\", { checked: checkedState, disabled: disabled, \"aria-label\": label, \"aria-checked\": checkedState ? \"true\" : \"false\", \"aria-describedby\": describedBy, role: \"switch\", class: \"ic-switch-input\", type: \"checkbox\", name: \"toggle\", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), h(\"span\", { class: \"ic-switch-toggle\" }, h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { class: \"ic-switch-icon-line\", x1: \"9\", y1: size === \"small\" ? \"2\" : \"1\", x2: \"9\", y2: size === \"small\" ? \"8\" : \"9\" })), h(\"svg\", { class: \"ic-switch-icon\", \"aria-hidden\": \"true\", focusable: \"false\", viewBox: \"0 0 10 10\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"circle\", { class: \"ic-switch-icon-circle\", fill: \"none\", cx: \"5\", cy: \"5\", r: size === \"small\" ? \"3.335\" : \"4.445\" }))), h(\"slot\", { name: \"right-adornment\" }), showState && (h(\"ic-typography\", { \"aria-hidden\": \"true\", variant: \"label\", class: \"ic-switch-checked-status\" }, checkedState ? \"On\" : \"Off\")))));\n }\n static get is() { return \"ic-switch\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-switch.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-switch.css\"]\n };\n }\n static get properties() {\n return {\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the switch will display as checked.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"helperText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The helper text that will be displayed for additional field guidance.\"\n },\n \"attribute\": \"helper-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"hideLabel\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n },\n \"attribute\": \"hide-label\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The aria-label applied to the switch when no visual 'name' is provided.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name of the control, which is submitted with the form data.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false,\n \"defaultValue\": \"this.inputId\"\n },\n \"showState\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the switch will render the On/Off state text.\"\n },\n \"attribute\": \"show-state\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizesNoLarge\",\n \"resolved\": \"\\\"medium\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizesNoLarge\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the switch component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | null\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value of the toggle does not mean if it's checked or not, use the `checked`\\nproperty for that.\\n\\nThe value of a toggle is analogous to the value of a `<input type=\\\"checkbox\\\">`,\\nit's only used when the toggle participates in a native `<form>`.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"on\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"checkedState\": {},\n \"initiallyChecked\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icBlur\",\n \"name\": \"icBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the toggle loses focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icChange\",\n \"name\": \"icChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the value property has changed.\"\n },\n \"complexType\": {\n \"original\": \"IcSwitchChangeEventDetail\",\n \"resolved\": \"IcSwitchChangeEventDetail\",\n \"references\": {\n \"IcSwitchChangeEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-switch.types\",\n \"id\": \"src/components/ic-switch/ic-switch.types.ts::IcSwitchChangeEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icFocus\",\n \"name\": \"icFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the toggle has focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the switch.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"checked\",\n \"methodName\": \"checkedChangeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-switch.js.map\n"],"mappings":"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"}