@ukic/canary-web-components 2.0.0-canary.15 → 2.0.0-canary.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (425) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-191dca49.js → helpers-4f5f087e.js} +6 -2
  3. package/dist/cjs/helpers-4f5f087e.js.map +1 -0
  4. package/dist/cjs/{helpers-765a5118.js → helpers-fc9441f8.js} +6 -2
  5. package/dist/cjs/helpers-fc9441f8.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 +1 -1
  9. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-badge.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  12. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  13. package/dist/cjs/ic-button_3.cjs.entry.js +13 -13
  14. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  18. package/dist/cjs/ic-checkbox.cjs.entry.js +4 -3
  19. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-chip.cjs.entry.js +1 -1
  21. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  23. package/dist/cjs/ic-data-table.cjs.entry.js +12 -8
  24. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-date-input.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-dialog.cjs.entry.js +4 -2
  28. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-empty-state_2.cjs.entry.js +37 -14
  31. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  33. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  35. package/dist/cjs/ic-footer.cjs.entry.js +2 -2
  36. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-hero.cjs.entry.js +3 -2
  38. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -3
  40. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +2 -2
  42. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-link.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-menu-item.cjs.entry.js +3 -9
  46. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +1 -1
  48. package/dist/cjs/ic-menu.cjs.entry.js +7 -9
  49. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  51. package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
  53. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  55. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  56. package/dist/cjs/ic-pagination_4.cjs.entry.js +46 -25
  57. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-popover-menu.cjs.entry.js +11 -17
  59. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-radio-group.cjs.entry.js +12 -16
  61. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-radio-option.cjs.entry.js +37 -37
  63. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
  65. package/dist/cjs/ic-select-with-multi.cjs.entry.js +1 -1
  66. package/dist/cjs/ic-side-navigation.cjs.entry.js +2 -2
  67. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
  69. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  71. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  73. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  75. package/dist/cjs/ic-switch.cjs.entry.js +2 -2
  76. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  78. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  79. package/dist/cjs/ic-tab.cjs.entry.js +2 -2
  80. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  82. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  83. package/dist/cjs/ic-toggle-button.cjs.entry.js +5 -3
  84. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-top-navigation.cjs.entry.js +15 -24
  86. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-typography.cjs.entry.js +1 -1
  88. package/dist/cjs/loader.cjs.js +1 -1
  89. package/dist/collection/components/ic-data-table/ic-data-table.js +18 -24
  90. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  91. package/dist/collection/components/ic-data-table/story-data.js +10 -10
  92. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  93. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +6 -4
  94. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  95. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +46 -46
  96. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -1
  97. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +49 -17
  98. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  99. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +10 -2
  100. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  101. package/dist/collection/utils/helpers.js +4 -1
  102. package/dist/collection/utils/helpers.js.map +1 -1
  103. package/dist/collection/utils/types.js.map +1 -1
  104. package/dist/components/helpers.js +5 -2
  105. package/dist/components/helpers.js.map +1 -1
  106. package/dist/components/helpers2.js +5 -2
  107. package/dist/components/helpers2.js.map +1 -1
  108. package/dist/components/ic-button2.js +11 -11
  109. package/dist/components/ic-button2.js.map +1 -1
  110. package/dist/components/ic-card.js.map +1 -1
  111. package/dist/components/ic-checkbox.js +4 -2
  112. package/dist/components/ic-checkbox.js.map +1 -1
  113. package/dist/components/ic-data-table.js +12 -8
  114. package/dist/components/ic-data-table.js.map +1 -1
  115. package/dist/components/ic-date-input2.js +1 -1
  116. package/dist/components/ic-date-picker.js +1 -1
  117. package/dist/components/ic-dialog.js +4 -2
  118. package/dist/components/ic-dialog.js.map +1 -1
  119. package/dist/components/ic-footer-link-group.js +1 -1
  120. package/dist/components/ic-footer-link-group.js.map +1 -1
  121. package/dist/components/ic-footer.js +2 -2
  122. package/dist/components/ic-footer.js.map +1 -1
  123. package/dist/components/ic-hero.js +3 -2
  124. package/dist/components/ic-hero.js.map +1 -1
  125. package/dist/components/ic-horizontal-scroll2.js +2 -3
  126. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  127. package/dist/components/ic-input-component-container2.js +2 -2
  128. package/dist/components/ic-input-component-container2.js.map +1 -1
  129. package/dist/components/ic-input-label2.js.map +1 -1
  130. package/dist/components/ic-loading-indicator2.js +1 -1
  131. package/dist/components/ic-loading-indicator2.js.map +1 -1
  132. package/dist/components/ic-menu-item2.js +2 -8
  133. package/dist/components/ic-menu-item2.js.map +1 -1
  134. package/dist/components/ic-menu2.js +6 -8
  135. package/dist/components/ic-menu2.js.map +1 -1
  136. package/dist/components/ic-menu3.js +1 -1
  137. package/dist/components/ic-navigation-group.js +1 -1
  138. package/dist/components/ic-navigation-item.js +2 -2
  139. package/dist/components/ic-navigation-item.js.map +1 -1
  140. package/dist/components/ic-navigation-menu2.js +1 -1
  141. package/dist/components/ic-pagination-bar2.js +44 -14
  142. package/dist/components/ic-pagination-bar2.js.map +1 -1
  143. package/dist/components/ic-pagination-item2.js +22 -12
  144. package/dist/components/ic-pagination-item2.js.map +1 -1
  145. package/dist/components/ic-pagination2.js +23 -8
  146. package/dist/components/ic-pagination2.js.map +1 -1
  147. package/dist/components/ic-popover-menu.js +11 -17
  148. package/dist/components/ic-popover-menu.js.map +1 -1
  149. package/dist/components/ic-radio-group.js +11 -15
  150. package/dist/components/ic-radio-group.js.map +1 -1
  151. package/dist/components/ic-radio-option.js +37 -37
  152. package/dist/components/ic-radio-option.js.map +1 -1
  153. package/dist/components/ic-search-bar.js +1 -1
  154. package/dist/components/ic-select-with-multi.js +1 -1
  155. package/dist/components/ic-select2.js +2 -2
  156. package/dist/components/ic-select2.js.map +1 -1
  157. package/dist/components/ic-side-navigation.js +2 -2
  158. package/dist/components/ic-side-navigation.js.map +1 -1
  159. package/dist/components/ic-skeleton.js +17 -40
  160. package/dist/components/ic-skeleton.js.map +1 -1
  161. package/dist/components/ic-status-tag.js.map +1 -1
  162. package/dist/components/ic-step.js.map +1 -1
  163. package/dist/components/ic-stepper.js +1 -1
  164. package/dist/components/ic-switch.js +1 -1
  165. package/dist/components/ic-switch.js.map +1 -1
  166. package/dist/components/ic-tab.js +1 -1
  167. package/dist/components/ic-tab.js.map +1 -1
  168. package/dist/components/ic-text-field2.js +8 -8
  169. package/dist/components/ic-text-field2.js.map +1 -1
  170. package/dist/components/ic-theme.js +1 -1
  171. package/dist/components/ic-toast.js +1 -1
  172. package/dist/components/ic-toggle-button.js +4 -2
  173. package/dist/components/ic-toggle-button.js.map +1 -1
  174. package/dist/components/ic-top-navigation.js +15 -24
  175. package/dist/components/ic-top-navigation.js.map +1 -1
  176. package/dist/core/core.esm.js +1 -1
  177. package/dist/core/core.esm.js.map +1 -1
  178. package/dist/core/{p-3f20608d.entry.js → p-0e51d58e.entry.js} +2 -2
  179. package/dist/core/{p-c3dabce4.entry.js → p-11b243c9.entry.js} +2 -2
  180. package/dist/core/{p-b8247636.entry.js → p-185e91f0.entry.js} +2 -2
  181. package/dist/core/p-185e91f0.entry.js.map +1 -0
  182. package/dist/core/{p-87743c4a.entry.js → p-1a45f961.entry.js} +2 -2
  183. package/dist/core/{p-11bbb09c.js → p-1b4f852c.js} +2 -2
  184. package/dist/core/p-1b4f852c.js.map +1 -0
  185. package/dist/core/{p-c3af5dab.entry.js → p-1fb48c84.entry.js} +2 -2
  186. package/dist/core/p-1fb48c84.entry.js.map +1 -0
  187. package/dist/core/{p-16c82b13.entry.js → p-1fff20ce.entry.js} +2 -2
  188. package/dist/core/p-1fff20ce.entry.js.map +1 -0
  189. package/dist/core/{p-593f0318.entry.js → p-201ec29e.entry.js} +2 -2
  190. package/dist/core/{p-593f0318.entry.js.map → p-201ec29e.entry.js.map} +1 -1
  191. package/dist/core/p-20d4ded5.js +2 -0
  192. package/dist/core/p-20d4ded5.js.map +1 -0
  193. package/dist/core/{p-f11597df.entry.js → p-20f244ad.entry.js} +2 -2
  194. package/dist/core/{p-ee52a11a.entry.js → p-2536b95b.entry.js} +2 -2
  195. package/dist/core/{p-53e45d51.entry.js → p-303dc008.entry.js} +2 -2
  196. package/dist/core/p-303dc008.entry.js.map +1 -0
  197. package/dist/core/p-3484b15b.entry.js +2 -0
  198. package/dist/core/p-3484b15b.entry.js.map +1 -0
  199. package/dist/core/{p-5d5979fa.entry.js → p-3fa986f8.entry.js} +2 -2
  200. package/dist/core/{p-d71e9cb5.entry.js → p-48c39d2a.entry.js} +2 -2
  201. package/dist/core/{p-0646ef0c.entry.js → p-4aac2373.entry.js} +2 -2
  202. package/dist/core/{p-66af5958.entry.js → p-5201cd2b.entry.js} +2 -2
  203. package/dist/core/{p-66af5958.entry.js.map → p-5201cd2b.entry.js.map} +1 -1
  204. package/dist/core/p-52d5a3a5.entry.js +2 -0
  205. package/dist/core/p-52d5a3a5.entry.js.map +1 -0
  206. package/dist/core/p-53aeca18.entry.js +2 -0
  207. package/dist/core/p-53aeca18.entry.js.map +1 -0
  208. package/dist/core/{p-c7e932b5.entry.js → p-5447f2fd.entry.js} +2 -2
  209. package/dist/core/{p-4737844f.entry.js → p-5a5a52d3.entry.js} +2 -2
  210. package/dist/core/p-5a5a52d3.entry.js.map +1 -0
  211. package/dist/core/p-5fa17f98.entry.js +2 -0
  212. package/dist/core/p-5fa17f98.entry.js.map +1 -0
  213. package/dist/core/{p-a9d07792.entry.js → p-60494f69.entry.js} +2 -2
  214. package/dist/core/{p-1cf8a04e.entry.js → p-646b886c.entry.js} +2 -2
  215. package/dist/core/{p-f1f3acd2.entry.js → p-6996b750.entry.js} +2 -2
  216. package/dist/core/p-70d734d4.entry.js +2 -0
  217. package/dist/core/p-70d734d4.entry.js.map +1 -0
  218. package/dist/core/{p-2170f59e.entry.js → p-7114ae3b.entry.js} +2 -2
  219. package/dist/core/{p-c0d88af8.entry.js → p-71ddb6d9.entry.js} +2 -2
  220. package/dist/core/{p-baf81f30.entry.js → p-787ffd96.entry.js} +2 -2
  221. package/dist/core/p-787ffd96.entry.js.map +1 -0
  222. package/dist/core/{p-67b0faac.entry.js → p-7c569c2d.entry.js} +2 -2
  223. package/dist/core/p-7c569c2d.entry.js.map +1 -0
  224. package/dist/core/{p-05df3901.entry.js → p-7f6de032.entry.js} +2 -2
  225. package/dist/core/p-7f6de032.entry.js.map +1 -0
  226. package/dist/core/{p-d09aaa5b.entry.js → p-7fe37432.entry.js} +2 -2
  227. package/dist/core/{p-72cea8fd.entry.js → p-86e679ab.entry.js} +2 -2
  228. package/dist/core/{p-005e83b0.entry.js → p-87075008.entry.js} +2 -2
  229. package/dist/core/{p-a0e42564.entry.js → p-8a67e960.entry.js} +2 -2
  230. package/dist/core/{p-53374a27.entry.js → p-8ccb23bd.entry.js} +2 -2
  231. package/dist/core/{p-53374a27.entry.js.map → p-8ccb23bd.entry.js.map} +1 -1
  232. package/dist/core/{p-2e167ebb.entry.js → p-952b1f46.entry.js} +2 -2
  233. package/dist/core/p-952b1f46.entry.js.map +1 -0
  234. package/dist/core/{p-4415c93f.entry.js → p-9c22b14f.entry.js} +2 -2
  235. package/dist/core/{p-4415c93f.entry.js.map → p-9c22b14f.entry.js.map} +1 -1
  236. package/dist/core/{p-f659e5eb.entry.js → p-a1df23b4.entry.js} +2 -2
  237. package/dist/core/p-a1df23b4.entry.js.map +1 -0
  238. package/dist/core/{p-114bea92.entry.js → p-a821c21f.entry.js} +2 -2
  239. package/dist/core/{p-ecd6d123.entry.js → p-b3b834b3.entry.js} +2 -2
  240. package/dist/core/p-b7c644d1.entry.js +2 -0
  241. package/dist/core/p-b7c644d1.entry.js.map +1 -0
  242. package/dist/core/{p-b79c0631.entry.js → p-b94ef8de.entry.js} +2 -2
  243. package/dist/core/{p-a8110c27.entry.js → p-ba1c1804.entry.js} +2 -2
  244. package/dist/core/{p-9729086f.entry.js → p-bbb1ce94.entry.js} +2 -2
  245. package/dist/core/{p-41606de1.entry.js → p-bda7d350.entry.js} +2 -2
  246. package/dist/core/p-bda7d350.entry.js.map +1 -0
  247. package/dist/core/{p-fc2551c0.entry.js → p-c292fd86.entry.js} +2 -2
  248. package/dist/core/p-c292fd86.entry.js.map +1 -0
  249. package/dist/core/{p-9cc19e91.entry.js → p-c5147498.entry.js} +2 -2
  250. package/dist/core/p-d2d40668.entry.js +2 -0
  251. package/dist/core/p-d2d40668.entry.js.map +1 -0
  252. package/dist/core/{p-bebf535f.entry.js → p-d3a13342.entry.js} +2 -2
  253. package/dist/core/{p-a088373e.entry.js → p-d4fed5f6.entry.js} +2 -2
  254. package/dist/core/{p-b08f4371.entry.js → p-d79bfead.entry.js} +2 -2
  255. package/dist/core/{p-b08f4371.entry.js.map → p-d79bfead.entry.js.map} +1 -1
  256. package/dist/core/{p-73dad5cf.entry.js → p-db5c4969.entry.js} +2 -2
  257. package/dist/core/{p-872c3555.entry.js → p-dd787b5b.entry.js} +2 -2
  258. package/dist/core/p-e42b66d5.entry.js +2 -0
  259. package/dist/core/p-e42b66d5.entry.js.map +1 -0
  260. package/dist/core/{p-9de20265.entry.js → p-e4e89a4d.entry.js} +2 -2
  261. package/dist/core/{p-85e2a9af.entry.js → p-f704629e.entry.js} +2 -2
  262. package/dist/core/p-fae5b518.entry.js +2 -0
  263. package/dist/core/p-fae5b518.entry.js.map +1 -0
  264. package/dist/esm/core.js +1 -1
  265. package/dist/esm/{helpers-8df79303.js → helpers-1cd71f8a.js} +6 -3
  266. package/dist/esm/helpers-1cd71f8a.js.map +1 -0
  267. package/dist/esm/{helpers-da05c476.js → helpers-84d21612.js} +6 -3
  268. package/dist/esm/helpers-84d21612.js.map +1 -0
  269. package/dist/esm/ic-accordion-group.entry.js +1 -1
  270. package/dist/esm/ic-accordion.entry.js +1 -1
  271. package/dist/esm/ic-alert.entry.js +1 -1
  272. package/dist/esm/ic-back-to-top.entry.js +1 -1
  273. package/dist/esm/ic-badge.entry.js +1 -1
  274. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  275. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  276. package/dist/esm/ic-button_3.entry.js +13 -13
  277. package/dist/esm/ic-button_3.entry.js.map +1 -1
  278. package/dist/esm/ic-card.entry.js +1 -1
  279. package/dist/esm/ic-card.entry.js.map +1 -1
  280. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  281. package/dist/esm/ic-checkbox.entry.js +4 -3
  282. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  283. package/dist/esm/ic-chip.entry.js +1 -1
  284. package/dist/esm/ic-data-row.entry.js +1 -1
  285. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  286. package/dist/esm/ic-data-table.entry.js +12 -8
  287. package/dist/esm/ic-data-table.entry.js.map +1 -1
  288. package/dist/esm/ic-date-input.entry.js +1 -1
  289. package/dist/esm/ic-date-picker.entry.js +1 -1
  290. package/dist/esm/ic-dialog.entry.js +4 -2
  291. package/dist/esm/ic-dialog.entry.js.map +1 -1
  292. package/dist/esm/ic-divider.entry.js +1 -1
  293. package/dist/esm/ic-empty-state_2.entry.js +37 -14
  294. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  295. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  296. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  297. package/dist/esm/ic-footer-link.entry.js +1 -1
  298. package/dist/esm/ic-footer.entry.js +2 -2
  299. package/dist/esm/ic-footer.entry.js.map +1 -1
  300. package/dist/esm/ic-hero.entry.js +3 -2
  301. package/dist/esm/ic-hero.entry.js.map +1 -1
  302. package/dist/esm/ic-horizontal-scroll.entry.js +2 -3
  303. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  304. package/dist/esm/ic-input-component-container_4.entry.js +2 -2
  305. package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
  306. package/dist/esm/ic-link.entry.js +1 -1
  307. package/dist/esm/ic-menu-group.entry.js +1 -1
  308. package/dist/esm/ic-menu-item.entry.js +3 -9
  309. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  310. package/dist/esm/ic-menu-with-multi.entry.js +1 -1
  311. package/dist/esm/ic-menu.entry.js +7 -9
  312. package/dist/esm/ic-menu.entry.js.map +1 -1
  313. package/dist/esm/ic-navigation-button.entry.js +1 -1
  314. package/dist/esm/ic-navigation-group.entry.js +1 -1
  315. package/dist/esm/ic-navigation-item.entry.js +2 -2
  316. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  317. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  318. package/dist/esm/ic-page-header.entry.js +1 -1
  319. package/dist/esm/ic-pagination_4.entry.js +46 -25
  320. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  321. package/dist/esm/ic-popover-menu.entry.js +11 -17
  322. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  323. package/dist/esm/ic-radio-group.entry.js +12 -16
  324. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  325. package/dist/esm/ic-radio-option.entry.js +37 -37
  326. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  327. package/dist/esm/ic-search-bar.entry.js +1 -1
  328. package/dist/esm/ic-select-with-multi.entry.js +1 -1
  329. package/dist/esm/ic-side-navigation.entry.js +2 -2
  330. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  331. package/dist/esm/ic-skeleton.entry.js +16 -35
  332. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  333. package/dist/esm/ic-status-tag.entry.js +1 -1
  334. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  335. package/dist/esm/ic-step.entry.js +1 -1
  336. package/dist/esm/ic-step.entry.js.map +1 -1
  337. package/dist/esm/ic-stepper.entry.js +1 -1
  338. package/dist/esm/ic-switch.entry.js +2 -2
  339. package/dist/esm/ic-switch.entry.js.map +1 -1
  340. package/dist/esm/ic-tab-group.entry.js +1 -1
  341. package/dist/esm/ic-tab-panel.entry.js +1 -1
  342. package/dist/esm/ic-tab.entry.js +2 -2
  343. package/dist/esm/ic-tab.entry.js.map +1 -1
  344. package/dist/esm/ic-theme.entry.js +1 -1
  345. package/dist/esm/ic-toast.entry.js +1 -1
  346. package/dist/esm/ic-toggle-button.entry.js +5 -3
  347. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  348. package/dist/esm/ic-top-navigation.entry.js +15 -24
  349. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  350. package/dist/esm/ic-typography.entry.js +1 -1
  351. package/dist/esm/loader.js +1 -1
  352. package/dist/types/components/ic-data-table/ic-data-table.d.ts +2 -12
  353. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +13 -3
  354. package/dist/types/components.d.ts +16 -30
  355. package/dist/types/utils/helpers.d.ts +1 -0
  356. package/dist/types/utils/types.d.ts +16 -0
  357. package/hydrate/index.js +239 -224
  358. package/package.json +3 -3
  359. package/dist/cjs/helpers-191dca49.js.map +0 -1
  360. package/dist/cjs/helpers-765a5118.js.map +0 -1
  361. package/dist/core/p-05df3901.entry.js.map +0 -1
  362. package/dist/core/p-0ec09955.entry.js +0 -2
  363. package/dist/core/p-0ec09955.entry.js.map +0 -1
  364. package/dist/core/p-11bbb09c.js.map +0 -1
  365. package/dist/core/p-11e736a3.entry.js +0 -2
  366. package/dist/core/p-11e736a3.entry.js.map +0 -1
  367. package/dist/core/p-16c82b13.entry.js.map +0 -1
  368. package/dist/core/p-1b35b6af.entry.js +0 -2
  369. package/dist/core/p-1b35b6af.entry.js.map +0 -1
  370. package/dist/core/p-2e167ebb.entry.js.map +0 -1
  371. package/dist/core/p-41606de1.entry.js.map +0 -1
  372. package/dist/core/p-457dd939.entry.js +0 -2
  373. package/dist/core/p-457dd939.entry.js.map +0 -1
  374. package/dist/core/p-4737844f.entry.js.map +0 -1
  375. package/dist/core/p-53e45d51.entry.js.map +0 -1
  376. package/dist/core/p-67b0faac.entry.js.map +0 -1
  377. package/dist/core/p-6b277e09.entry.js +0 -2
  378. package/dist/core/p-6b277e09.entry.js.map +0 -1
  379. package/dist/core/p-8cfc74da.entry.js +0 -2
  380. package/dist/core/p-8cfc74da.entry.js.map +0 -1
  381. package/dist/core/p-b8247636.entry.js.map +0 -1
  382. package/dist/core/p-badfdf2a.entry.js +0 -2
  383. package/dist/core/p-badfdf2a.entry.js.map +0 -1
  384. package/dist/core/p-baf81f30.entry.js.map +0 -1
  385. package/dist/core/p-be56fa17.entry.js +0 -2
  386. package/dist/core/p-be56fa17.entry.js.map +0 -1
  387. package/dist/core/p-c07cef0e.js +0 -2
  388. package/dist/core/p-c07cef0e.js.map +0 -1
  389. package/dist/core/p-c3af5dab.entry.js.map +0 -1
  390. package/dist/core/p-d59a72a9.entry.js +0 -2
  391. package/dist/core/p-d59a72a9.entry.js.map +0 -1
  392. package/dist/core/p-f659e5eb.entry.js.map +0 -1
  393. package/dist/core/p-fc2551c0.entry.js.map +0 -1
  394. package/dist/esm/helpers-8df79303.js.map +0 -1
  395. package/dist/esm/helpers-da05c476.js.map +0 -1
  396. /package/dist/core/{p-3f20608d.entry.js.map → p-0e51d58e.entry.js.map} +0 -0
  397. /package/dist/core/{p-c3dabce4.entry.js.map → p-11b243c9.entry.js.map} +0 -0
  398. /package/dist/core/{p-87743c4a.entry.js.map → p-1a45f961.entry.js.map} +0 -0
  399. /package/dist/core/{p-f11597df.entry.js.map → p-20f244ad.entry.js.map} +0 -0
  400. /package/dist/core/{p-ee52a11a.entry.js.map → p-2536b95b.entry.js.map} +0 -0
  401. /package/dist/core/{p-5d5979fa.entry.js.map → p-3fa986f8.entry.js.map} +0 -0
  402. /package/dist/core/{p-d71e9cb5.entry.js.map → p-48c39d2a.entry.js.map} +0 -0
  403. /package/dist/core/{p-0646ef0c.entry.js.map → p-4aac2373.entry.js.map} +0 -0
  404. /package/dist/core/{p-c7e932b5.entry.js.map → p-5447f2fd.entry.js.map} +0 -0
  405. /package/dist/core/{p-a9d07792.entry.js.map → p-60494f69.entry.js.map} +0 -0
  406. /package/dist/core/{p-1cf8a04e.entry.js.map → p-646b886c.entry.js.map} +0 -0
  407. /package/dist/core/{p-f1f3acd2.entry.js.map → p-6996b750.entry.js.map} +0 -0
  408. /package/dist/core/{p-2170f59e.entry.js.map → p-7114ae3b.entry.js.map} +0 -0
  409. /package/dist/core/{p-c0d88af8.entry.js.map → p-71ddb6d9.entry.js.map} +0 -0
  410. /package/dist/core/{p-d09aaa5b.entry.js.map → p-7fe37432.entry.js.map} +0 -0
  411. /package/dist/core/{p-72cea8fd.entry.js.map → p-86e679ab.entry.js.map} +0 -0
  412. /package/dist/core/{p-005e83b0.entry.js.map → p-87075008.entry.js.map} +0 -0
  413. /package/dist/core/{p-a0e42564.entry.js.map → p-8a67e960.entry.js.map} +0 -0
  414. /package/dist/core/{p-114bea92.entry.js.map → p-a821c21f.entry.js.map} +0 -0
  415. /package/dist/core/{p-ecd6d123.entry.js.map → p-b3b834b3.entry.js.map} +0 -0
  416. /package/dist/core/{p-b79c0631.entry.js.map → p-b94ef8de.entry.js.map} +0 -0
  417. /package/dist/core/{p-a8110c27.entry.js.map → p-ba1c1804.entry.js.map} +0 -0
  418. /package/dist/core/{p-9729086f.entry.js.map → p-bbb1ce94.entry.js.map} +0 -0
  419. /package/dist/core/{p-9cc19e91.entry.js.map → p-c5147498.entry.js.map} +0 -0
  420. /package/dist/core/{p-bebf535f.entry.js.map → p-d3a13342.entry.js.map} +0 -0
  421. /package/dist/core/{p-a088373e.entry.js.map → p-d4fed5f6.entry.js.map} +0 -0
  422. /package/dist/core/{p-73dad5cf.entry.js.map → p-db5c4969.entry.js.map} +0 -0
  423. /package/dist/core/{p-872c3555.entry.js.map → p-dd787b5b.entry.js.map} +0 -0
  424. /package/dist/core/{p-9de20265.entry.js.map → p-e4e89a4d.entry.js.map} +0 -0
  425. /package/dist/core/{p-85e2a9af.entry.js.map → p-f704629e.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as e,c as i,h as t,H as a,g as r}from"./p-8455d1bb.js";import{m as o,z as c,l as n,j as s,a as d,d as l}from"./p-11bbb09c.js";import"./p-fd186591.js";const h='/*! 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:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}:host([additional-field-display="static"]) ::slotted(ic-text-field){margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}:host(.disabled){color:var(--ic-architectural-200)}.container input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}.container:active input~.checkmark{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark::after{background-color:var(--ic-action-default-active)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-action-default)}.container input:checked:disabled~.checkmark{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.container input:disabled~.checkmark::after{background:var(--ic-architectural-200)}.container:hover input:disabled~.checkmark{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-architectural-200)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}.radio-label{margin-left:var(--ic-space-md)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const p=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.radioOptionSelect=i(this,"radioOptionSelect",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=()=>{if(!this.disabled){if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){const e=this.el.querySelector("ic-text-field");this.value=e.value!==""?e.value:this.defaultRadioValue}this.icCheck.emit({value:this.value});this.radioOptionSelect.emit({value:this.value})}};this.swallowClick=e=>{e.stopPropagation()};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchSelectedHandler(){this.icSelectedChange.emit()}disconnectedCallback(){o(this.el,this.handleFormReset)}componentWillLoad(){const e=c(this.el,"additional-field");if(e!==null){this.hasAdditionalField=true;const i=e[0];if(i.tagName==="IC-TEXT-FIELD"){const e=i;e.hiddenInput=false}}this.defaultRadioValue=this.value;n(this.el,this.handleFormReset);s(this.disabled,this.el)}componentDidLoad(){d([{prop:this.value,propName:"value"}],"Radio Option")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.selected){e&&e.setAttribute("disabled","")}else{e&&e.removeAttribute("disabled")}}}textfieldValueHandler(e){const i=e.detail.value;if(this.selected){if(i!==""){this.value=e.detail.value;this.icCheck.emit({value:this.value});this.radioOptionSelect.emit({value:this.value})}else{this.value=this.defaultRadioValue;this.icCheck.emit({value:this.defaultRadioValue});this.radioOptionSelect.emit({value:this.defaultRadioValue})}}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}render(){const e=`ic-radio-option-${l(this.label)?this.label:this.value}-${this.groupLabel}`;return t(a,{onClick:this.handleClick,class:{disabled:this.disabled}},t("div",{class:{["container"]:true,["disabled"]:this.disabled}},t("div",null,t("input",{role:"radio",tabindex:this.selected?"0":"-1",type:"radio",name:this.name,id:e,value:this.value,disabled:this.disabled?true:null,checked:this.selected,ref:e=>this.radioElement=e,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:e},this.label))),this.hasAdditionalField&&t("div",{onClick:this.swallowClick,class:{"dynamic-container":true,hidden:this.additionalFieldDisplay==="dynamic"&&!this.selected}},this.additionalFieldDisplay==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,this.additionalFieldDisplay==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},this.dynamicText)),t("div",{class:{"additional-field-wrapper":this.additionalFieldDisplay==="static"}},t("slot",{name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{selected:["watchSelectedHandler"]}}};p.style=h;export{p as ic_radio_option};
2
- //# sourceMappingURL=p-4737844f.entry.js.map
1
+ import{r as e,c as i,h as t,H as a,g as o}from"./p-8455d1bb.js";import{m as r,i as c,l as n,j as s,a as d,d as l}from"./p-1b4f852c.js";import"./p-fd186591.js";const h='/*! 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:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}:host([additional-field-display="static"]) ::slotted(ic-text-field){margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}:host(.disabled){color:var(--ic-architectural-200)}.container input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}.container:active input~.checkmark{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark::after{background-color:var(--ic-action-default-active)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-action-default)}.container input:checked:disabled~.checkmark{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.container input:disabled~.checkmark::after{background:var(--ic-architectural-200)}.container:hover input:disabled~.checkmark{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-architectural-200)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}.radio-label{margin-left:var(--ic-space-md)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const p="additional-field";const u="ic-text-field";const b=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.radioOptionSelect=i(this,"radioOptionSelect",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=()=>{if(!this.disabled){if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=this.el.querySelector(u).value||this.defaultRadioValue}this.icCheck.emit({value:this.value});this.radioOptionSelect.emit({value:this.value})}};this.swallowClick=e=>{e.stopPropagation()};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchSelectedHandler(){this.icSelectedChange.emit()}disconnectedCallback(){r(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,p)){this.hasAdditionalField=true;const e=this.el.querySelector(u);if(e)e.hiddenInput=false}this.defaultRadioValue=this.value;n(this.el,this.handleFormReset);s(this.disabled,this.el)}componentDidLoad(){d([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=c(this.el,p);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;const e=this.el.querySelector(u);if(e)e.hiddenInput=false}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector(u);if(!this.selected){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}textfieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value});this.radioOptionSelect.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,formaction:c,formenctype:n,formmethod:s,formnovalidate:d,formtarget:h,groupLabel:u,handleClick:b,hasAdditionalField:m,label:f,name:v,selected:k,swallowClick:g,value:y}=this;const x=`ic-radio-option-${l(f)||y}-${u}`;return t(a,{onClick:b,class:{disabled:i}},t("div",{class:{["container"]:true,disabled:i}},t("div",null,t("input",{role:"radio",tabindex:k?"0":"-1",type:"radio",name:v,id:x,value:y,disabled:i?true:null,checked:k,ref:e=>this.radioElement=e,form:r,formaction:c,formenctype:n,formmethod:s,formnovalidate:d,formtarget:h}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:x},f))),m&&t("div",{onClick:g,class:{"dynamic-container":true,hidden:e==="dynamic"&&!k}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:p})))))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selected:["watchSelectedHandler"]}}};b.style=h;export{b as ic_radio_option};
2
+ //# sourceMappingURL=p-5a5a52d3.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icRadioOptionCss","ADDITIONAL_FIELD","TEXT_FIELD_SELECTOR","RadioOption","constructor","hostRef","this","defaultRadioValue","hasAdditionalField","skipFocus","handleClick","disabled","radioElement","focus","value","el","querySelector","icCheck","emit","radioOptionSelect","swallowClick","event","stopPropagation","handleFormReset","selected","initiallySelected","additionalFieldDisplay","dynamicText","form","undefined","formaction","formenctype","formmethod","formnovalidate","formtarget","groupLabel","label","name","watchSelectedHandler","icSelectedChange","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","textField","hiddenInput","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","componentDidRender","textfield","setAttribute","removeAttribute","textfieldValueHandler","detail","stopImmediatePropagation","setFocus","_a","setTabIndex","tabIndex","render","id","isPropDefined","h","Host","onClick","class","role","tabindex","type","checked","ref","variant","htmlFor","hidden","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option&encapsulation=shadow","../web-components/dist/collection/components/ic-radio-option/ic-radio-option.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: flex;\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:host([additional-field-display=\"static\"]) ::slotted(ic-text-field) {\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled */\n:host(.disabled) {\n color: var(--ic-architectural-200);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n display: grid;\n grid-template-columns: min-content auto;\n position: relative;\n cursor: pointer;\n align-items: center;\n margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: inline-block;\n position: absolute;\n cursor: pointer;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n border-radius: 50%;\n border: none;\n}\n\n/* Create a custom radio button */\n.checkmark {\n display: block;\n position: relative;\n top: 0;\n left: 0;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-default);\n border-radius: 50%;\n transition: var(--ic-easing-transition-fast);\n box-sizing: border-box;\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n background-color: var(--ic-action-default-bg-hover-no-alpha);\n box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-hover);\n border: var(--ic-border-width) solid var(--ic-action-default);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n background-color: var(--ic-action-default-bg-active-no-alpha);\n border: var(--ic-border-width) solid var(--ic-action-default-active);\n box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n background-color: var(--ic-action-default-bg-active);\n border: 0.125rem solid var(--ic-action-default-active);\n box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n background-color: var(--ic-action-default-active);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n border: 0.125rem solid var(--ic-action-default);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n background-color: var(--ic-architectural-white);\n border: 0.125rem solid var(--ic-architectural-200);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n border: var(--ic-border-width) dashed var(--ic-architectural-200);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n background: var(--ic-architectural-200);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n background-color: var(--ic-architectural-white);\n box-shadow: none;\n border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n background-color: var(--ic-architectural-200);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n content: \"\";\n position: absolute;\n display: none;\n top: calc(50% - var(--ic-space-xs));\n left: calc(50% - var(--ic-space-xs));\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n border-radius: 50%;\n background: var(--ic-action-default);\n}\n\n.radio-label {\n margin-left: var(--ic-space-md);\n}\n\n.additional-field-wrapper {\n margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n color: var(--ic-action-default);\n height: var(--ic-space-md);\n width: var(--ic-space-xl);\n border-radius: 0 0 0 0.188rem;\n border-bottom: 0.125rem solid var(--ic-action-default);\n border-left: 0.125rem solid var(--ic-action-default);\n margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n display: flex;\n position: relative;\n margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n gap: var(--ic-space-xs);\n}\n\n.dynamic-container.hidden {\n display: none;\n}\n\n.dynamic-text {\n color: var(--ic-action-default);\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-bottom: var(--ic-space-xs);\n border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n ::slotted(ic-text-field) {\n --input-width: 100%;\n }\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n\n .container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark {\n border-color: Highlight;\n }\n\n .container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after {\n background-color: Highlight;\n }\n\n .container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark {\n border-color: GrayText;\n }\n\n .container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after {\n background-color: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, isSlotUsed, } from \"../../utils/helpers\";\nconst ADDITIONAL_FIELD = \"additional-field\";\nconst TEXT_FIELD_SELECTOR = \"ic-text-field\";\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\nexport class RadioOption {\n constructor() {\n this.defaultRadioValue = \"\";\n this.hasAdditionalField = false;\n this.skipFocus = false;\n this.handleClick = () => {\n if (!this.disabled) {\n if (this.skipFocus === false) {\n this.radioElement.focus();\n }\n this.skipFocus = false;\n if (this.hasAdditionalField) {\n this.value =\n this.el.querySelector(TEXT_FIELD_SELECTOR).value ||\n this.defaultRadioValue;\n }\n this.icCheck.emit({\n value: this.value,\n });\n this.radioOptionSelect.emit({\n value: this.value,\n });\n }\n };\n this.swallowClick = (event) => {\n event.stopPropagation();\n };\n this.handleFormReset = () => {\n this.skipFocus = true;\n this.selected = this.initiallySelected;\n };\n this.additionalFieldDisplay = \"static\";\n this.disabled = false;\n this.dynamicText = \"This selection requires additional answers\";\n this.form = undefined;\n this.formaction = undefined;\n this.formenctype = undefined;\n this.formmethod = undefined;\n this.formnovalidate = undefined;\n this.formtarget = undefined;\n this.groupLabel = undefined;\n this.label = undefined;\n this.name = undefined;\n this.value = undefined;\n this.selected = false;\n this.initiallySelected = this.selected;\n }\n watchSelectedHandler() {\n this.icSelectedChange.emit();\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n componentWillLoad() {\n if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n this.hasAdditionalField = true;\n const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n if (textField)\n textField.hiddenInput = false;\n }\n this.defaultRadioValue = this.value;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.value, propName: \"value\" }], \"Radio Option\");\n }\n componentWillRender() {\n const hasSlot = isSlotUsed(this.el, ADDITIONAL_FIELD);\n if (hasSlot && !this.hasAdditionalField) {\n this.hasAdditionalField = true;\n const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n if (textField)\n textField.hiddenInput = false;\n }\n else if (!hasSlot && this.hasAdditionalField) {\n this.hasAdditionalField = false;\n }\n }\n componentDidRender() {\n if (this.additionalFieldDisplay === \"static\") {\n const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);\n if (!this.selected) {\n textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n }\n else {\n textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n }\n }\n }\n textfieldValueHandler(event) {\n if (this.selected) {\n this.value = event.detail.value || this.defaultRadioValue;\n this.icCheck.emit({\n value: this.value,\n });\n this.radioOptionSelect.emit({\n value: this.value,\n });\n }\n event.stopImmediatePropagation();\n }\n /**\n * Sets focus on the radio option.\n */\n async setFocus() {\n var _a;\n (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();\n }\n /**\n * @internal Sets the tabIndex of the radio option.\n */\n async setTabIndex(value) {\n this.radioElement.tabIndex = value;\n }\n render() {\n const { additionalFieldDisplay, disabled, dynamicText, form, formaction, formenctype, formmethod, formnovalidate, formtarget, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;\n const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n return (h(Host, { onClick: handleClick, class: { disabled } }, h(\"div\", { class: { [\"container\"]: true, disabled } }, h(\"div\", null, h(\"input\", { role: \"radio\", tabindex: selected ? \"0\" : \"-1\", type: \"radio\", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), h(\"span\", { class: \"checkmark\" })), h(\"ic-typography\", { class: \"radio-label\", variant: \"body\" }, h(\"label\", { htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { onClick: swallowClick, class: {\n \"dynamic-container\": true,\n hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { class: \"branch-corner\" })), h(\"div\", null, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { variant: \"caption\" }, h(\"p\", { class: \"dynamic-text\" }, dynamicText))), h(\"div\", { class: {\n \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n } }, h(\"slot\", { name: ADDITIONAL_FIELD })))))));\n }\n static get is() { return \"ic-radio-option\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-radio-option.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-radio-option.css\"]\n };\n }\n static get properties() {\n return {\n \"additionalFieldDisplay\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAdditionalFieldTypes\",\n \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n \"references\": {\n \"IcAdditionalFieldTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The style of additionalField that will be displayed if used.\"\n },\n \"attribute\": \"additional-field-display\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"static\\\"\"\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 \"dynamicText\": {\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 text to be displayed when dynamic.\"\n },\n \"attribute\": \"dynamic-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n },\n \"form\": {\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 <form> element to associate the radio with.\"\n },\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"formaction\": {\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 URL that processes the information submitted by the radio. It overrides the action attribute of the radio's form owner. Does nothing if there is no form owner.\"\n },\n \"attribute\": \"formaction\",\n \"reflect\": false\n },\n \"formenctype\": {\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 way the submitted form data is encoded.\"\n },\n \"attribute\": \"formenctype\",\n \"reflect\": false\n },\n \"formmethod\": {\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 HTTP method used to submit the form.\"\n },\n \"attribute\": \"formmethod\",\n \"reflect\": false\n },\n \"formnovalidate\": {\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 form will not be validated when submitted.\"\n },\n \"attribute\": \"formnovalidate\",\n \"reflect\": false\n },\n \"formtarget\": {\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 place to display the response from submitting the form. It overrides the target attribute of the radio's form owner.\"\n },\n \"attribute\": \"formtarget\",\n \"reflect\": false\n },\n \"groupLabel\": {\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 group label for the radio option.\"\n },\n \"attribute\": \"group-label\",\n \"reflect\": false\n },\n \"label\": {\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 label for the radio option.\"\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name for the radio option.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value for the radio option.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"selected\": {\n \"type\": \"boolean\",\n \"mutable\": true,\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 radio option will be displayed in a selected state.\"\n },\n \"attribute\": \"selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"initiallySelected\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icCheck\",\n \"name\": \"icCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the radio option is selected.\"\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\": \"radioOptionSelect\",\n \"name\": \"radioOptionSelect\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This event should not be used anymore. Use icCheck instead.\"\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\": \"icSelectedChange\",\n \"name\": \"icSelectedChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the radio option is selected or deselected.\"\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 radio option.\",\n \"tags\": []\n }\n },\n \"setTabIndex\": {\n \"complexType\": {\n \"signature\": \"(value: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"value\",\n \"type\": \"number\",\n \"docs\": \"\"\n }],\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\": \"Sets the tabIndex of the radio option.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"selected\",\n \"methodName\": \"watchSelectedHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icChange\",\n \"method\": \"textfieldValueHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-radio-option.js.map\n"],"mappings":"+JAAA,MAAMA,EAAmB,60MCEzB,MAAMC,EAAmB,mBACzB,MAAMC,EAAsB,gB,MAIfC,EAAW,MACpB,WAAAC,CAAAC,G,mJACIC,KAAKC,kBAAoB,GACzBD,KAAKE,mBAAqB,MAC1BF,KAAKG,UAAY,MACjBH,KAAKI,YAAc,KACf,IAAKJ,KAAKK,SAAU,CAChB,GAAIL,KAAKG,YAAc,MAAO,CAC1BH,KAAKM,aAAaC,O,CAEtBP,KAAKG,UAAY,MACjB,GAAIH,KAAKE,mBAAoB,CACzBF,KAAKQ,MACDR,KAAKS,GAAGC,cAAcd,GAAqBY,OACvCR,KAAKC,iB,CAEjBD,KAAKW,QAAQC,KAAK,CACdJ,MAAOR,KAAKQ,QAEhBR,KAAKa,kBAAkBD,KAAK,CACxBJ,MAAOR,KAAKQ,O,GAIxBR,KAAKc,aAAgBC,IACjBA,EAAMC,iBAAiB,EAE3BhB,KAAKiB,gBAAkB,KACnBjB,KAAKG,UAAY,KACjBH,KAAKkB,SAAWlB,KAAKmB,iBAAiB,EAE1CnB,KAAKoB,uBAAyB,SAC9BpB,KAAKK,SAAW,MAChBL,KAAKqB,YAAc,6CACnBrB,KAAKsB,KAAOC,UACZvB,KAAKwB,WAAaD,UAClBvB,KAAKyB,YAAcF,UACnBvB,KAAK0B,WAAaH,UAClBvB,KAAK2B,eAAiBJ,UACtBvB,KAAK4B,WAAaL,UAClBvB,KAAK6B,WAAaN,UAClBvB,KAAK8B,MAAQP,UACbvB,KAAK+B,KAAOR,UACZvB,KAAKQ,MAAQe,UACbvB,KAAKkB,SAAW,MAChBlB,KAAKmB,kBAAoBnB,KAAKkB,Q,CAElC,oBAAAc,GACIhC,KAAKiC,iBAAiBrB,M,CAE1B,oBAAAsB,GACIC,EAAwBnC,KAAKS,GAAIT,KAAKiB,gB,CAE1C,iBAAAmB,GACI,GAAIC,EAAWrC,KAAKS,GAAId,GAAmB,CACvCK,KAAKE,mBAAqB,KAC1B,MAAMoC,EAAYtC,KAAKS,GAAGC,cAAcd,GACxC,GAAI0C,EACAA,EAAUC,YAAc,K,CAEhCvC,KAAKC,kBAAoBD,KAAKQ,MAC9BgC,EAAqBxC,KAAKS,GAAIT,KAAKiB,iBACnCwB,EAAoBzC,KAAKK,SAAUL,KAAKS,G,CAE5C,gBAAAiC,GACIC,EAAiC,CAAC,CAAEC,KAAM5C,KAAKQ,MAAOqC,SAAU,UAAY,e,CAEhF,mBAAAC,GACI,MAAMC,EAAUV,EAAWrC,KAAKS,GAAId,GACpC,GAAIoD,IAAY/C,KAAKE,mBAAoB,CACrCF,KAAKE,mBAAqB,KAC1B,MAAMoC,EAAYtC,KAAKS,GAAGC,cAAcd,GACxC,GAAI0C,EACAA,EAAUC,YAAc,K,MAE3B,IAAKQ,GAAW/C,KAAKE,mBAAoB,CAC1CF,KAAKE,mBAAqB,K,EAGlC,kBAAA8C,GACI,GAAIhD,KAAKoB,yBAA2B,SAAU,CAC1C,MAAM6B,EAAYjD,KAAKS,GAAGC,cAAcd,GACxC,IAAKI,KAAKkB,SAAU,CAChB+B,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUC,aAAa,WAAY,G,KAExF,CACDD,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUE,gBAAgB,W,GAI5F,qBAAAC,CAAsBrC,GAClB,GAAIf,KAAKkB,SAAU,CACflB,KAAKQ,MAAQO,EAAMsC,OAAO7C,OAASR,KAAKC,kBACxCD,KAAKW,QAAQC,KAAK,CACdJ,MAAOR,KAAKQ,QAEhBR,KAAKa,kBAAkBD,KAAK,CACxBJ,MAAOR,KAAKQ,O,CAGpBO,EAAMuC,0B,CAKV,cAAMC,GACF,IAAIC,GACHA,EAAKxD,KAAKM,gBAAkB,MAAQkD,SAAY,OAAS,EAAIA,EAAGjD,O,CAKrE,iBAAMkD,CAAYjD,GACdR,KAAKM,aAAaoD,SAAWlD,C,CAEjC,MAAAmD,GACI,MAAMvC,uBAAEA,EAAsBf,SAAEA,EAAQgB,YAAEA,EAAWC,KAAEA,EAAIE,WAAEA,EAAUC,YAAEA,EAAWC,WAAEA,EAAUC,eAAEA,EAAcC,WAAEA,EAAUC,WAAEA,EAAUzB,YAAEA,EAAWF,mBAAEA,EAAkB4B,MAAEA,EAAKC,KAAEA,EAAIb,SAAEA,EAAQJ,aAAEA,EAAYN,MAAEA,GAAWR,KAC3N,MAAM4D,EAAK,mBAAmBC,EAAc/B,IAAUtB,KAASqB,IAC/D,OAAQiC,EAAEC,EAAM,CAAEC,QAAS5D,EAAa6D,MAAO,CAAE5D,aAAcyD,EAAE,MAAO,CAAEG,MAAO,CAAE,CAAC,aAAc,KAAM5D,aAAcyD,EAAE,MAAO,KAAMA,EAAE,QAAS,CAAEI,KAAM,QAASC,SAAUjD,EAAW,IAAM,KAAMkD,KAAM,QAASrC,KAAMA,EAAM6B,GAAIA,EAAIpD,MAAOA,EAAOH,SAAUA,EAAW,KAAO,KAAMgE,QAASnD,EAAUoD,IAAM7D,GAAQT,KAAKM,aAAeG,EAAKa,KAAMA,EAAME,WAAYA,EAAYC,YAAaA,EAAaC,WAAYA,EAAYC,eAAgBA,EAAgBC,WAAYA,IAAekC,EAAE,OAAQ,CAAEG,MAAO,eAAiBH,EAAE,gBAAiB,CAAEG,MAAO,cAAeM,QAAS,QAAUT,EAAE,QAAS,CAAEU,QAASZ,GAAM9B,KAAU5B,GAAuB4D,EAAE,MAAO,CAAEE,QAASlD,EAAcmD,MAAO,CAChqB,oBAAqB,KACrBQ,OAAQrD,IAA2B,YAAcF,IAChDE,IAA2B,WAAc0C,EAAE,MAAO,CAAEG,MAAO,kBAAqBH,EAAE,MAAO,KAAM1C,IAA2B,WAAc0C,EAAE,gBAAiB,CAAES,QAAS,WAAaT,EAAE,IAAK,CAAEG,MAAO,gBAAkB5C,IAAgByC,EAAE,MAAO,CAAEG,MAAO,CACxP,2BAA4B7C,IAA2B,WACtD0C,EAAE,OAAQ,CAAE/B,KAAMpC,O,CAI/B,yBAAW+E,GAAmB,OAAO,IAAK,C"}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as o,h as e,H as i,g as a}from"./p-8455d1bb.js";import{j as r,a as c,i as n}from"./p-1b4f852c.js";import"./p-fd186591.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}:host{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-default)\n )}:host(.dark){--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-dark)\n )}:host(.light){--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-light)\n )}:host(.disabled){--button-border:var(--toggle-button-border, var(--ic-border-disabled))}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}:host(.expand-toggle-group-child.light) ::part(button):focus,:host(.expand-toggle-group-child.dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--button-border)}:host(.checked) ::part(button){background-color:var(--ic-action-default);color:var(--ic-architectural-white);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white)}:host(.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white),\n var(--ic-border-focus)}:host(.checked) ::part(button):hover{background-color:var(--button-default-hover)}:host(.checked) ::part(button):active,:host(.icon.checked) ::part(button):active{background-color:var(--ic-action-default-active)}:host(.dark.checked) ::part(button){background-color:var(--ic-action-dark)}:host(.dark.checked) ::part(button):hover{background-color:var(--ic-action-dark-hover)}:host(.dark.checked) ::part(button):active,:host(.icon.dark.checked) ::part(button):active{background-color:var(--ic-action-dark-active)}:host(.light.checked) ::part(button){background-color:var(--ic-action-light);color:var(--ic-color-primary-text);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black)}:host(.light.checked) ::part(button):hover{background-color:var(--ic-action-light-hover)}:host(.light.checked) ::part(button):active,:host(.icon.light.checked) ::part(button):active{background-color:var(--ic-action-light-active)}:host(.light.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black),\n var(--ic-border-focus)}:host(.disabled) ::part(button),:host(.icon.disabled) ::part(button){border:var(--button-border)}:host(.disabled.checked) ::part(button),:host(.icon.disabled.checked) ::part(button){background-color:transparent}:host(.disabled.checked) ::part(button),:host(.icon.disabled.checked) ::part(button)::before{background-image:radial-gradient(var(--ic-architectural-400) 95%, white 20%);background-repeat:no-repeat}:host(.icon) ::part(button){border:var(--button-border);height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.icon) ::part(button):active{background-color:var(--ic-action-default-bg-active)}:host(.icon.dark) ::part(button):active{background-color:var(--ic-action-dark-bg-active)}:host(.icon.light) ::part(button):active{background-color:var(--ic-action-light-bg-active)}:host(.icon.small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.icon.large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.checked.loading) ::part(button){background-color:var(--button-default-active)}:host(.loading) ::part(ic-loading-container){--inner-color:var(--ic-architectural-white)}:host(.checked.loading.light) ::part(button){background-color:var(--ic-action-light-active)}:host(.checked.loading.dark) ::part(button){background-color:var(--ic-action-dark-active)}@media (forced-colors: active){:host(.checked) ::part(button),:host(.checked) ::part(button):hover{background-color:Highlight}:host(.checked.light) ::part(button),:host(.checked.light) ::part(button):hover{background-color:Highlight}:host(.checked.dark) ::part(button),:host(.checked.dark) ::part(button):hover{background-color:Highlight}:host(.checked.disabled) ::part(button){background-color:GrayText}}';const h=class{constructor(e){t(this,e);this.icToggleChecked=o(this,"icToggleChecked",7);this.handleFocus=t=>{t.stopImmediatePropagation()};this.handleClick=()=>{!this.loading&&!this.disabled&&this.icToggleChecked.emit({checked:this.toggleChecked})};this.accessibleLabel=undefined;this.appearance="default";this.disabled=false;this.fullWidth=false;this.iconPlacement=undefined;this.label=undefined;this.loading=false;this.size="default";this.toggleChecked=false;this.variant="default"}componentWillLoad(){r(this.disabled,this.el);const t=this.el.parentElement.iconPlacement;this.iconPosition=this.iconPlacement||t}componentDidLoad(){c([{prop:this.variant==="icon"?this.accessibleLabel:this.label,propName:this.variant==="icon"?"accessible-label":"label"}],"Toggle button")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(!this.loading){this.toggleChecked=!this.toggleChecked}}render(){return e(i,{class:{["disabled"]:this.disabled,["checked"]:this.toggleChecked,[`${this.appearance}`]:true,["icon"]:this.variant==="icon",[`${this.size}`]:true,["loading"]:this.loading},onFocus:this.handleFocus},e("ic-button",{"aria-pressed":this.toggleChecked.toString(),variant:this.variant==="icon"?"icon":"secondary",onClick:this.handleClick,title:this.accessibleLabel,"aria-label":`${this.accessibleLabel?this.accessibleLabel:this.label}, ${this.toggleChecked?"ticked":"unticked"}`,disabled:this.disabled,appearance:this.appearance,size:this.size,fullWidth:this.fullWidth,loading:this.loading,"aria-disabled":`${this.disabled}`},this.variant!=="icon"&&this.label,e("slot",null),n(this.el,"icon")&&e("slot",{name:"icon",slot:`${this.iconPosition?`${this.iconPosition}-icon`:"icon"}`}),n(this.el,"badge")&&e("slot",{name:"badge",slot:"badge"})))}static get delegatesFocus(){return true}get el(){return a(this)}};h.style=s;export{h as ic_toggle_button};
2
+ //# sourceMappingURL=p-5fa17f98.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icToggleButtonCss","ToggleButton","constructor","hostRef","this","handleFocus","ev","stopImmediatePropagation","handleClick","loading","disabled","icToggleChecked","emit","checked","toggleChecked","accessibleLabel","undefined","appearance","fullWidth","iconPlacement","label","size","variant","componentWillLoad","removeDisabledFalse","el","parentIconPlacement","parentElement","iconPosition","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","e","render","h","Host","class","onFocus","toString","onClick","title","isSlotUsed","name","slot","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.css?tag=ic-toggle-button&encapsulation=shadow","../web-components/dist/collection/components/ic-toggle-button/ic-toggle-button.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/* VARIABLES FOR IC-TOGGLE-BUTTON-GROUP */\n:host {\n --button-border: var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-default)\n );\n}\n\n:host(.dark) {\n --button-border: var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-dark)\n );\n}\n\n:host(.light) {\n --button-border: var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-light)\n );\n}\n\n:host(.disabled) {\n --button-border: var(--toggle-button-border, var(--ic-border-disabled));\n}\n\n:host(.expand-toggle-group-child) ::part(button) {\n width: 100%;\n min-height: inherit;\n white-space: inherit;\n height: inherit;\n}\n\n:host ic-button {\n --icon-width: var(--ic-space-lg);\n --icon-height: var(--ic-space-lg);\n}\n\n:host(.expand-toggle-group-child) ic-button {\n min-width: 100%;\n min-height: 100%;\n white-space: normal;\n height: 100%;\n}\n\n:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.checked) ::part(button):focus {\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus);\n}\n\n:host(.expand-toggle-group-child.light) ::part(button):focus,\n:host(.expand-toggle-group-child.dark) ::part(button):focus {\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n var(--ic-border-focus);\n}\n\n:host(:focus) {\n z-index: 1;\n}\n\n:host ::part(button) {\n border: var(--button-border);\n}\n\n:host(.checked) ::part(button) {\n background-color: var(--ic-action-default);\n color: var(--ic-architectural-white);\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white);\n}\n\n:host(.checked) ::part(button):focus {\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white),\n var(--ic-border-focus);\n}\n\n:host(.checked) ::part(button):hover {\n background-color: var(--button-default-hover);\n}\n\n:host(.checked) ::part(button):active,\n:host(.icon.checked) ::part(button):active {\n background-color: var(--ic-action-default-active);\n}\n\n:host(.dark.checked) ::part(button) {\n background-color: var(--ic-action-dark);\n}\n\n:host(.dark.checked) ::part(button):hover {\n background-color: var(--ic-action-dark-hover);\n}\n\n:host(.dark.checked) ::part(button):active,\n:host(.icon.dark.checked) ::part(button):active {\n background-color: var(--ic-action-dark-active);\n}\n\n:host(.light.checked) ::part(button) {\n background-color: var(--ic-action-light);\n color: var(--ic-color-primary-text);\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black);\n}\n\n:host(.light.checked) ::part(button):hover {\n background-color: var(--ic-action-light-hover);\n}\n\n:host(.light.checked) ::part(button):active,\n:host(.icon.light.checked) ::part(button):active {\n background-color: var(--ic-action-light-active);\n}\n\n:host(.light.checked) ::part(button):focus {\n box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black),\n var(--ic-border-focus);\n}\n\n:host(.disabled) ::part(button),\n:host(.icon.disabled) ::part(button) {\n border: var(--button-border);\n}\n\n:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button) {\n background-color: transparent;\n}\n\n:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button)::before {\n background-image: radial-gradient(var(--ic-architectural-400) 95%, white 20%);\n background-repeat: no-repeat;\n}\n\n:host(.icon) ::part(button) {\n border: var(--button-border);\n height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.icon) ::part(button):active {\n background-color: var(--ic-action-default-bg-active);\n}\n\n:host(.icon.dark) ::part(button):active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n:host(.icon.light) ::part(button):active {\n background-color: var(--ic-action-light-bg-active);\n}\n\n:host(.icon.small) ::part(button) {\n height: var(--ic-space-xl);\n width: var(--ic-space-xl);\n}\n\n:host(.icon.large) ::part(button) {\n height: var(--ic-space-xxl);\n width: var(--ic-space-xxl);\n}\n\n:host(.checked.loading) ::part(button) {\n background-color: var(--button-default-active);\n}\n\n:host(.loading) ::part(ic-loading-container) {\n --inner-color: var(--ic-architectural-white);\n}\n\n:host(.checked.loading.light) ::part(button) {\n background-color: var(--ic-action-light-active);\n}\n\n:host(.checked.loading.dark) ::part(button) {\n background-color: var(--ic-action-dark-active);\n}\n\n@media (forced-colors: active) {\n :host(.checked) ::part(button),\n :host(.checked) ::part(button):hover {\n background-color: Highlight;\n }\n\n :host(.checked.light) ::part(button),\n :host(.checked.light) ::part(button):hover {\n background-color: Highlight;\n }\n\n :host(.checked.dark) ::part(button),\n :host(.checked.dark) ::part(button):hover {\n background-color: Highlight;\n }\n\n :host(.checked.disabled) ::part(button) {\n background-color: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be displayed alongside the toggle button label.\n * @slot badge - Badge component overlaying the top right of the toggle button.\n */\nexport class ToggleButton {\n constructor() {\n this.handleFocus = (ev) => {\n ev.stopImmediatePropagation();\n };\n this.handleClick = () => {\n !this.loading &&\n !this.disabled &&\n this.icToggleChecked.emit({\n checked: this.toggleChecked,\n });\n };\n this.accessibleLabel = undefined;\n this.appearance = \"default\";\n this.disabled = false;\n this.fullWidth = false;\n this.iconPlacement = undefined;\n this.label = undefined;\n this.loading = false;\n this.size = \"default\";\n this.toggleChecked = false;\n this.variant = \"default\";\n }\n componentWillLoad() {\n removeDisabledFalse(this.disabled, this.el);\n const parentIconPlacement = this.el.parentElement.iconPlacement;\n this.iconPosition = this.iconPlacement || parentIconPlacement;\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([\n {\n prop: this.variant === \"icon\" ? this.accessibleLabel : this.label,\n propName: this.variant === \"icon\" ? \"accessible-label\" : \"label\",\n },\n ], \"Toggle button\");\n }\n handleHostClick(e) {\n if (this.disabled) {\n e.stopImmediatePropagation();\n }\n else if (!this.loading) {\n this.toggleChecked = !this.toggleChecked;\n }\n }\n render() {\n return (h(Host, { class: {\n [\"disabled\"]: this.disabled,\n [\"checked\"]: this.toggleChecked,\n [`${this.appearance}`]: true,\n [\"icon\"]: this.variant === \"icon\",\n [`${this.size}`]: true,\n [\"loading\"]: this.loading,\n }, onFocus: this.handleFocus }, h(\"ic-button\", { \"aria-pressed\": this.toggleChecked.toString(), variant: this.variant === \"icon\" ? \"icon\" : \"secondary\", onClick: this.handleClick, title: this.accessibleLabel, \"aria-label\": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.toggleChecked ? \"ticked\" : \"unticked\"}`, disabled: this.disabled, appearance: this.appearance, size: this.size, fullWidth: this.fullWidth, loading: this.loading, \"aria-disabled\": `${this.disabled}` }, this.variant !== \"icon\" && this.label, h(\"slot\", null), isSlotUsed(this.el, \"icon\") && (h(\"slot\", { name: \"icon\", slot: `${this.iconPosition ? `${this.iconPosition}-icon` : \"icon\"}` })), isSlotUsed(this.el, \"badge\") && (h(\"slot\", { name: \"badge\", slot: \"badge\" })))));\n }\n static get is() { return \"ic-toggle-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-toggle-button.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-toggle-button.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 that will be applied to the toggle button. This is required for the icon variant of toggle buttons.\"\n },\n \"attribute\": \"accessible-label\",\n \"reflect\": false\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\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the toggle button.\"\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\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the toggle button will be in 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 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 icon in relation to the toggle button label.\"\n },\n \"attribute\": \"icon-placement\",\n \"reflect\": false\n },\n \"label\": {\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 label to display in the toggle button. This is required for the default variant of toggle buttons.\"\n },\n \"attribute\": \"label\",\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 will be in loading state.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"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 button to be displayed.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"toggleChecked\": {\n \"type\": \"boolean\",\n \"mutable\": true,\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 will be in a checked state.\"\n },\n \"attribute\": \"toggle-checked\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\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 events() {\n return [{\n \"method\": \"icToggleChecked\",\n \"name\": \"icToggleChecked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the user clicks a toggle button.\"\n },\n \"complexType\": {\n \"original\": \"{\\n checked: boolean;\\n }\",\n \"resolved\": \"{ checked: boolean; }\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"handleHostClick\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-toggle-button.js.map\n"],"mappings":"0IAAA,MAAMA,EAAoB,irN,MCMbC,EAAY,MACrB,WAAAC,CAAAC,G,2DACIC,KAAKC,YAAeC,IAChBA,EAAGC,0BAA0B,EAEjCH,KAAKI,YAAc,MACdJ,KAAKK,UACDL,KAAKM,UACNN,KAAKO,gBAAgBC,KAAK,CACtBC,QAAST,KAAKU,eAChB,EAEVV,KAAKW,gBAAkBC,UACvBZ,KAAKa,WAAa,UAClBb,KAAKM,SAAW,MAChBN,KAAKc,UAAY,MACjBd,KAAKe,cAAgBH,UACrBZ,KAAKgB,MAAQJ,UACbZ,KAAKK,QAAU,MACfL,KAAKiB,KAAO,UACZjB,KAAKU,cAAgB,MACrBV,KAAKkB,QAAU,S,CAEnB,iBAAAC,GACIC,EAAoBpB,KAAKM,SAAUN,KAAKqB,IACxC,MAAMC,EAAsBtB,KAAKqB,GAAGE,cAAcR,cAClDf,KAAKwB,aAAexB,KAAKe,eAAiBO,C,CAE9C,gBAAAG,GACIC,EAAiC,CAC7B,CACIC,KAAM3B,KAAKkB,UAAY,OAASlB,KAAKW,gBAAkBX,KAAKgB,MAC5DY,SAAU5B,KAAKkB,UAAY,OAAS,mBAAqB,UAE9D,gB,CAEP,eAAAW,CAAgBC,GACZ,GAAI9B,KAAKM,SAAU,CACfwB,EAAE3B,0B,MAED,IAAKH,KAAKK,QAAS,CACpBL,KAAKU,eAAiBV,KAAKU,a,EAGnC,MAAAqB,GACI,OAAQC,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,YAAalC,KAAKM,SACnB,CAAC,WAAYN,KAAKU,cAClB,CAAC,GAAGV,KAAKa,cAAe,KACxB,CAAC,QAASb,KAAKkB,UAAY,OAC3B,CAAC,GAAGlB,KAAKiB,QAAS,KAClB,CAAC,WAAYjB,KAAKK,SACnB8B,QAASnC,KAAKC,aAAe+B,EAAE,YAAa,CAAE,eAAgBhC,KAAKU,cAAc0B,WAAYlB,QAASlB,KAAKkB,UAAY,OAAS,OAAS,YAAamB,QAASrC,KAAKI,YAAakC,MAAOtC,KAAKW,gBAAiB,aAAc,GAAGX,KAAKW,gBAAkBX,KAAKW,gBAAkBX,KAAKgB,UAAUhB,KAAKU,cAAgB,SAAW,aAAcJ,SAAUN,KAAKM,SAAUO,WAAYb,KAAKa,WAAYI,KAAMjB,KAAKiB,KAAMH,UAAWd,KAAKc,UAAWT,QAASL,KAAKK,QAAS,gBAAiB,GAAGL,KAAKM,YAAcN,KAAKkB,UAAY,QAAUlB,KAAKgB,MAAOgB,EAAE,OAAQ,MAAOO,EAAWvC,KAAKqB,GAAI,SAAYW,EAAE,OAAQ,CAAEQ,KAAM,OAAQC,KAAM,GAAGzC,KAAKwB,aAAe,GAAGxB,KAAKwB,oBAAsB,WAAce,EAAWvC,KAAKqB,GAAI,UAAaW,EAAE,OAAQ,CAAEQ,KAAM,QAASC,KAAM,W,CAIlvB,yBAAWC,GAAmB,OAAO,IAAK,C"}
@@ -1,2 +1,2 @@
1
- import{r as s,h as i,H as t,g as h}from"./p-8455d1bb.js";import{D as e,e as l,f as a}from"./p-11bbb09c.js";import"./p-fd186591.js";const r=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.back) ol ::slotted(ic-breadcrumb){display:none}:host(.back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";const o=class{constructor(i){s(this,i);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.resizeObserver=null;this.SHOW_BACK_ICON="show-back-icon";this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setBackBreadcrumbAttr()}};this.setBackBreadcrumbAttr=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")}};this.getLastParentBreadcrumb=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(s.length===1){return null}this.breadcrumbs=s.filter((s=>!s.getAttribute("current")));this.breadcrumb=this.breadcrumbs[this.breadcrumbs.length-1];return this.breadcrumb};this.lastParentBreadcrumb=this.getLastParentBreadcrumb();this.setDefaultBreadcrumbs=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));s.forEach((s=>{s.setAttribute(this.SHOW_BACK_ICON,"false")}))};this.setCollapsed=()=>{if(this.collapsed){const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((s=>!s.classList.contains("collapsed-breadcrumb-wrapper")));this.collapsedBreadcrumbs.forEach((s=>s.classList.add("hide")));const i=s[0];if(i){i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}};this.clickHandler=()=>{this.handleHiddenCollapsedBreadcrumbs(this.collapsedBreadcrumbWrapper)};this.renderCollapsedBreadcrumb=()=>{this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const s=document.createElement("span");s.id="collapsed-button-label";s.innerText="Collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby","collapsed-button-label");const i=document.createElement("span");i.id="collapsed-button-described";i.innerText="Select to view collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby","collapsed-button-described");this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);return this.collapsedBreadcrumbWrapper};this.handleHiddenCollapsedBreadcrumbs=s=>{s.remove();this.collapsedBreadcrumbs.forEach((s=>{s.classList.add("visuallyhidden");s.classList.remove("hide");setTimeout((()=>{s.classList.add("fade")}),this.ADD_CLASS_DELAY);this.removeVisuallyHiddenClass(s)}));this.expandedBreadcrumbs=true;this.collapsedBreadcrumbs[0].setFocus()};this.transitionendHandler=s=>{if(s.propertyName==="opacity"){s.target.classList.remove("visuallyhidden")}};this.removeVisuallyHiddenClass=s=>{s.addEventListener("transitionend",this.transitionendHandler)};this.setLastParentCollapsedBackBreadcrumb=()=>{this.setBackBreadcrumbAttr();this.lastParentBreadcrumb.classList.remove("hide")};this.revertLastParentCollapsedBreadcrumb=()=>{this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false")};this.resizeObserverCallback=s=>{if(s!==this.deviceSize){this.deviceSize=s;if(this.deviceSize<=e.S){this.el.setAttribute("back-breadcrumb-only","true");if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{this.el.setAttribute("back-breadcrumb-only","false");if(this.collapsed&&this.breadcrumbs&&this.breadcrumbs.length>2){this.revertLastParentCollapsedBreadcrumb();if(this.expandedBreadcrumbs){this.setDefaultBreadcrumbs()}else{this.setCollapsed()}}else{this.setDefaultBreadcrumbs()}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const s=l();this.resizeObserverCallback(s)}));this.resizeObserver.observe(this.el)};this.deviceSize=e.XL;this.expandedBreadcrumbs=false;this.appearance="default";this.backBreadcrumbOnly=false;this.collapsed=false}componentWillLoad(){const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(this.appearance!=="default"){s.forEach((s=>{s.setAttribute("appearance",this.appearance)}))}if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{a(this.runResizeObserver)}if(this.collapsed){this.collapsedBreadcrumbWrapper=this.renderCollapsedBreadcrumb();if(s.length>2){if(l()===e.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}}}disconnectedCallback(){this.breadcrumb&&this.breadcrumb.removeEventListener("transitionend",this.transitionendHandler);this.collapsedBreadcrumbEl&&this.collapsedBreadcrumbEl.removeEventListener("click",this.clickHandler)}render(){return i(t,{class:{back:this.backBreadcrumbOnly,collapsed:this.collapsed}},i("nav",{"aria-label":"breadcrumbs"},i("ol",null,i("slot",null))))}get el(){return h(this)}};o.style=r;export{o as ic_breadcrumb_group};
2
- //# sourceMappingURL=p-a9d07792.entry.js.map
1
+ import{r as s,h as i,H as t,g as h}from"./p-8455d1bb.js";import{D as e,e as l,f as a}from"./p-1b4f852c.js";import"./p-fd186591.js";const r=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.back) ol ::slotted(ic-breadcrumb){display:none}:host(.back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";const o=class{constructor(i){s(this,i);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.resizeObserver=null;this.SHOW_BACK_ICON="show-back-icon";this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setBackBreadcrumbAttr()}};this.setBackBreadcrumbAttr=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")}};this.getLastParentBreadcrumb=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(s.length===1){return null}this.breadcrumbs=s.filter((s=>!s.getAttribute("current")));this.breadcrumb=this.breadcrumbs[this.breadcrumbs.length-1];return this.breadcrumb};this.lastParentBreadcrumb=this.getLastParentBreadcrumb();this.setDefaultBreadcrumbs=()=>{const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));s.forEach((s=>{s.setAttribute(this.SHOW_BACK_ICON,"false")}))};this.setCollapsed=()=>{if(this.collapsed){const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((s=>!s.classList.contains("collapsed-breadcrumb-wrapper")));this.collapsedBreadcrumbs.forEach((s=>s.classList.add("hide")));const i=s[0];if(i){i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}};this.clickHandler=()=>{this.handleHiddenCollapsedBreadcrumbs(this.collapsedBreadcrumbWrapper)};this.renderCollapsedBreadcrumb=()=>{this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const s=document.createElement("span");s.id="collapsed-button-label";s.innerText="Collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby","collapsed-button-label");const i=document.createElement("span");i.id="collapsed-button-described";i.innerText="Select to view collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby","collapsed-button-described");this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);return this.collapsedBreadcrumbWrapper};this.handleHiddenCollapsedBreadcrumbs=s=>{s.remove();this.collapsedBreadcrumbs.forEach((s=>{s.classList.add("visuallyhidden");s.classList.remove("hide");setTimeout((()=>{s.classList.add("fade")}),this.ADD_CLASS_DELAY);this.removeVisuallyHiddenClass(s)}));this.expandedBreadcrumbs=true;this.collapsedBreadcrumbs[0].setFocus()};this.transitionendHandler=s=>{if(s.propertyName==="opacity"){s.target.classList.remove("visuallyhidden")}};this.removeVisuallyHiddenClass=s=>{s.addEventListener("transitionend",this.transitionendHandler)};this.setLastParentCollapsedBackBreadcrumb=()=>{this.setBackBreadcrumbAttr();this.lastParentBreadcrumb.classList.remove("hide")};this.revertLastParentCollapsedBreadcrumb=()=>{this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false")};this.resizeObserverCallback=s=>{if(s!==this.deviceSize){this.deviceSize=s;if(this.deviceSize<=e.S){this.el.setAttribute("back-breadcrumb-only","true");if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{this.el.setAttribute("back-breadcrumb-only","false");if(this.collapsed&&this.breadcrumbs&&this.breadcrumbs.length>2){this.revertLastParentCollapsedBreadcrumb();if(this.expandedBreadcrumbs){this.setDefaultBreadcrumbs()}else{this.setCollapsed()}}else{this.setDefaultBreadcrumbs()}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const s=l();this.resizeObserverCallback(s)}));this.resizeObserver.observe(this.el)};this.deviceSize=e.XL;this.expandedBreadcrumbs=false;this.appearance="default";this.backBreadcrumbOnly=false;this.collapsed=false}componentWillLoad(){const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(this.appearance!=="default"){s.forEach((s=>{s.setAttribute("appearance",this.appearance)}))}if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{a(this.runResizeObserver)}if(this.collapsed){this.collapsedBreadcrumbWrapper=this.renderCollapsedBreadcrumb();if(s.length>2){if(l()===e.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}}}disconnectedCallback(){this.breadcrumb&&this.breadcrumb.removeEventListener("transitionend",this.transitionendHandler);this.collapsedBreadcrumbEl&&this.collapsedBreadcrumbEl.removeEventListener("click",this.clickHandler)}render(){return i(t,{class:{back:this.backBreadcrumbOnly,collapsed:this.collapsed}},i("nav",{"aria-label":"breadcrumbs"},i("ol",null,i("slot",null))))}get el(){return h(this)}};o.style=r;export{o as ic_breadcrumb_group};
2
+ //# sourceMappingURL=p-60494f69.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{x as a,o as c,f as u}from"./p-c07cef0e.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var K=Math.round;function F(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(F())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?K(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?K(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,c=a.visualViewport;var u=!V()&&e;var o=(n.left+(u&&c?c.offsetLeft:0))/s;var h=(n.top+(u&&c?c.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ci(i){return Object.assign({},ai(),i)}function ui(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ci(typeof t!=="number"?t:ui(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var c=U(e.placement);var u=ni(c);var f=[m,l].indexOf(c)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=u==="y"?o:m;var b=u==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[u]-a[u]-e.rects.popper[v];var y=a[u]-e.rects.reference[u];var x=ei(r);var k=x?u==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=u;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:K(e*s)/s||0,y:K(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,c=i.position,u=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&c==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=u?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=u?1:-1}}var C=Object.assign({position:c},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(u){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,c=e.roundOffsets,u=c===void 0?true:c;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:u})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,c=a===void 0?true:a;var u=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(c){u.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(c){u.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var c=0;var u=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){c=s.offsetLeft;u=s.offsetTop}}return{width:r,height:a,x:c+zi(i),y:u}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var c=-n.scrollLeft+zi(i);var u=-n.scrollTop;if(Z(s||e).direction==="rtl"){c+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:c,y:u}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var c=t.concat(a);return s?c:c.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var c=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));c.width=c.right-c.left;c.height=c.bottom-c.top;c.x=c.left;c.y=c.top;return c}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var c=t.y+t.height/2-e.height/2;var u;switch(s){case o:u={x:a,y:t.y-e.height};break;case h:u={x:a,y:t.y+t.height};break;case l:u={x:t.x+t.width,y:c};break;case m:u={x:t.x-e.width,y:c};break;default:u={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:u[f]=u[f]-(t[v]/2-e[v]/2);break;case p:u[f]=u[f]+(t[v]/2-e[v]/2);break}}return u}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,c=e.boundary,u=c===void 0?w:c,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ci(typeof j!=="number"?j:ui(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),u,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,c=e.flipVariations,u=e.allowedAutoPlacements,o=u===void 0?k:u;var h=fi(n);var l=h?c?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,c=a===void 0?true:a,u=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=u||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(c){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var K=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var F=W;F>0;F--){var V=K(F);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Ki(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Fi(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var c=Di(t,{altBoundary:true});var u=Ki(a,n);var o=Ki(c,s,r);var h=Fi(u);var l=Fi(o);t.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],c=r[1];a=a||0;c=(c||0)*s;return[m,l].indexOf(n)>=0?{x:c,y:a}:{x:a,y:c}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var c=a[t.placement],u=c.x,o=c.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=u;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,c=a===void 0?false:a,u=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:u,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var K=b?-M[P]/2:0;var F=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-K-Y-G-T.mainAxis:F-Y-G-T.mainAxis;var ti=j?-E[P]/2+K+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ci=t.elements.arrow&&ei(t.elements.arrow);var ui=ci?L==="y"?ci.clientTop||0:ci.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ui;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(c){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=K(t.width)/i.offsetWidth||1;var n=K(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var c={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){c=nt(t)}if($(t)){u=_(t,true);u.x+=t.clientLeft;u.y+=t.clientTop}else if(r){u.x=zi(r)}}return{x:a.left+c.scrollLeft-u.x,y:a.top+c.scrollTop-u.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ct(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ut(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var c=[];var u=false;var o={state:a,setOptions:function i(s){var c=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,c);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var u=ct(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=u.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(u){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],c=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof c==="function"){a=c({state:a,options:l,name:m,instance:o})||a}}},update:ut((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();u=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!u&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var u=function i(){};c.push(r||u)}}))}function l(){c.forEach((function(i){return i()}));c=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.open.sc-ic-menu-with-multi-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:c,isManualMode:u,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":u?(c||o)&&i[this.valueField]===h:c&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&c?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("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"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}c([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:c,isLoading:o,size:h,small:l,open:m,inputEl:f,keyboardNav:v}=this;const d=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const p=this.el.classList.contains("no-results");return e(s,{class:{"full-width":a,"no-focus":(f===null||f===void 0?void 0:f.tagName)==="INPUT"||c||o||p,small:l,[h]:true,open:m&&t.length!==0,multiple:this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:m&&!v&&(f===null||f===void 0?void 0:f.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!c&&!p&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${u(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${d} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},d)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
2
- //# sourceMappingURL=p-1cf8a04e.entry.js.map
1
+ import{r as i,c as t,h as e,F as n,H as s,g as r}from"./p-8455d1bb.js";import{y as a,o as u,f as c}from"./p-20d4ded5.js";var o="top";var h="bottom";var l="right";var m="left";var f="auto";var v=[o,h,l,m];var d="start";var p="end";var w="clippingParents";var b="viewport";var g="popper";var y="reference";var x=v.reduce((function(i,t){return i.concat([t+"-"+d,t+"-"+p])}),[]);var k=[].concat(v,[f]).reduce((function(i,t){return i.concat([t,t+"-"+d,t+"-"+p])}),[]);var O="beforeRead";var j="read";var L="afterRead";var I="beforeMain";var z="main";var E="afterMain";var M="beforeWrite";var S="write";var T="afterWrite";var C=[O,j,L,I,z,E,M,S,T];function B(i){return i?(i.nodeName||"").toLowerCase():null}function A(i){if(i==null){return window}if(i.toString()!=="[object Window]"){var t=i.ownerDocument;return t?t.defaultView||window:window}return i}function H(i){var t=A(i).Element;return i instanceof t||i instanceof Element}function $(i){var t=A(i).HTMLElement;return i instanceof t||i instanceof HTMLElement}function P(i){if(typeof ShadowRoot==="undefined"){return false}var t=A(i).ShadowRoot;return i instanceof t||i instanceof ShadowRoot}function R(i){var t=i.state;Object.keys(t.elements).forEach((function(i){var e=t.styles[i]||{};var n=t.attributes[i]||{};var s=t.elements[i];if(!$(s)||!B(s)){return}Object.assign(s.style,e);Object.keys(n).forEach((function(i){var t=n[i];if(t===false){s.removeAttribute(i)}else{s.setAttribute(i,t===true?"":t)}}))}))}function D(i){var t=i.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(i){var n=t.elements[i];var s=t.attributes[i]||{};var r=Object.keys(t.styles.hasOwnProperty(i)?t.styles[i]:e[i]);var a=r.reduce((function(i,t){i[t]="";return i}),{});if(!$(n)||!B(n)){return}Object.assign(n.style,a);Object.keys(s).forEach((function(i){n.removeAttribute(i)}))}))}}const N={name:"applyStyles",enabled:true,phase:"write",fn:R,effect:D,requires:["computeStyles"]};function U(i){return i.split("-")[0]}var q=Math.max;var W=Math.min;var K=Math.round;function F(){var i=navigator.userAgentData;if(i!=null&&i.brands&&Array.isArray(i.brands)){return i.brands.map((function(i){return i.brand+"/"+i.version})).join(" ")}return navigator.userAgent}function V(){return!/^((?!chrome|android).)*safari/i.test(F())}function _(i,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=i.getBoundingClientRect();var s=1;var r=1;if(t&&$(i)){s=i.offsetWidth>0?K(n.width)/i.offsetWidth||1:1;r=i.offsetHeight>0?K(n.height)/i.offsetHeight||1:1}var a=H(i)?A(i):window,u=a.visualViewport;var c=!V()&&e;var o=(n.left+(c&&u?u.offsetLeft:0))/s;var h=(n.top+(c&&u?u.offsetTop:0))/r;var l=n.width/s;var m=n.height/r;return{width:l,height:m,top:h,right:o+l,bottom:h+m,left:o,x:o,y:h}}function J(i){var t=_(i);var e=i.offsetWidth;var n=i.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:i.offsetLeft,y:i.offsetTop,width:e,height:n}}function X(i,t){var e=t.getRootNode&&t.getRootNode();if(i.contains(t)){return true}else if(e&&P(e)){var n=t;do{if(n&&i.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function Z(i){return A(i).getComputedStyle(i)}function G(i){return["table","td","th"].indexOf(B(i))>=0}function Q(i){return((H(i)?i.ownerDocument:i.document)||window.document).documentElement}function Y(i){if(B(i)==="html"){return i}return i.assignedSlot||i.parentNode||(P(i)?i.host:null)||Q(i)}function ii(i){if(!$(i)||Z(i).position==="fixed"){return null}return i.offsetParent}function ti(i){var t=/firefox/i.test(F());var e=/Trident/i.test(F());if(e&&$(i)){var n=Z(i);if(n.position==="fixed"){return null}}var s=Y(i);if(P(s)){s=s.host}while($(s)&&["html","body"].indexOf(B(s))<0){var r=Z(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none"){return s}else{s=s.parentNode}}return null}function ei(i){var t=A(i);var e=ii(i);while(e&&G(e)&&Z(e).position==="static"){e=ii(e)}if(e&&(B(e)==="html"||B(e)==="body"&&Z(e).position==="static")){return t}return e||ti(i)||t}function ni(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function si(i,t,e){return q(i,W(t,e))}function ri(i,t,e){var n=si(i,t,e);return n>e?e:n}function ai(){return{top:0,right:0,bottom:0,left:0}}function ui(i){return Object.assign({},ai(),i)}function ci(i,t){return t.reduce((function(t,e){t[e]=i;return t}),{})}var oi=function i(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return ui(typeof t!=="number"?t:ci(t,v))};function hi(i){var t;var e=i.state,n=i.name,s=i.options;var r=e.elements.arrow;var a=e.modifiersData.popperOffsets;var u=U(e.placement);var c=ni(u);var f=[m,l].indexOf(u)>=0;var v=f?"height":"width";if(!r||!a){return}var d=oi(s.padding,e);var p=J(r);var w=c==="y"?o:m;var b=c==="y"?h:l;var g=e.rects.reference[v]+e.rects.reference[c]-a[c]-e.rects.popper[v];var y=a[c]-e.rects.reference[c];var x=ei(r);var k=x?c==="y"?x.clientHeight||0:x.clientWidth||0:0;var O=g/2-y/2;var j=d[w];var L=k-p[v]-d[b];var I=k/2-p[v]/2+O;var z=si(j,I,L);var E=c;e.modifiersData[n]=(t={},t[E]=z,t.centerOffset=z-I,t)}function li(i){var t=i.state,e=i.options;var n=e.element,s=n===void 0?"[data-popper-arrow]":n;if(s==null){return}if(typeof s==="string"){s=t.elements.popper.querySelector(s);if(!s){return}}if(!X(t.elements.popper,s)){return}t.elements.arrow=s}const mi={name:"arrow",enabled:true,phase:"main",fn:hi,effect:li,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function fi(i){return i.split("-")[1]}var vi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function di(i,t){var e=i.x,n=i.y;var s=t.devicePixelRatio||1;return{x:K(e*s)/s||0,y:K(n*s)/s||0}}function pi(i){var t;var e=i.popper,n=i.popperRect,s=i.placement,r=i.variation,a=i.offsets,u=i.position,c=i.gpuAcceleration,f=i.adaptive,v=i.roundOffsets,d=i.isFixed;var w=a.x,b=w===void 0?0:w,g=a.y,y=g===void 0?0:g;var x=typeof v==="function"?v({x:b,y}):{x:b,y};b=x.x;y=x.y;var k=a.hasOwnProperty("x");var O=a.hasOwnProperty("y");var j=m;var L=o;var I=window;if(f){var z=ei(e);var E="clientHeight";var M="clientWidth";if(z===A(e)){z=Q(e);if(Z(z).position!=="static"&&u==="absolute"){E="scrollHeight";M="scrollWidth"}}z=z;if(s===o||(s===m||s===l)&&r===p){L=h;var S=d&&z===I&&I.visualViewport?I.visualViewport.height:z[E];y-=S-n.height;y*=c?1:-1}if(s===m||(s===o||s===h)&&r===p){j=l;var T=d&&z===I&&I.visualViewport?I.visualViewport.width:z[M];b-=T-n.width;b*=c?1:-1}}var C=Object.assign({position:u},f&&vi);var B=v===true?di({x:b,y},A(e)):{x:b,y};b=B.x;y=B.y;if(c){var H;return Object.assign({},C,(H={},H[L]=O?"0":"",H[j]=k?"0":"",H.transform=(I.devicePixelRatio||1)<=1?"translate("+b+"px, "+y+"px)":"translate3d("+b+"px, "+y+"px, 0)",H))}return Object.assign({},C,(t={},t[L]=O?y+"px":"",t[j]=k?b+"px":"",t.transform="",t))}function wi(i){var t=i.state,e=i.options;var n=e.gpuAcceleration,s=n===void 0?true:n,r=e.adaptive,a=r===void 0?true:r,u=e.roundOffsets,c=u===void 0?true:u;var o={placement:U(t.placement),variation:fi(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,pi(Object.assign({},o,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,pi(Object.assign({},o,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:c})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const bi={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:wi,data:{}};var gi={passive:true};function yi(i){var t=i.state,e=i.instance,n=i.options;var s=n.scroll,r=s===void 0?true:s,a=n.resize,u=a===void 0?true:a;var c=A(t.elements.popper);var o=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(r){o.forEach((function(i){i.addEventListener("scroll",e.update,gi)}))}if(u){c.addEventListener("resize",e.update,gi)}return function(){if(r){o.forEach((function(i){i.removeEventListener("scroll",e.update,gi)}))}if(u){c.removeEventListener("resize",e.update,gi)}}}const xi={name:"eventListeners",enabled:true,phase:"write",fn:function i(){},effect:yi,data:{}};var ki={left:"right",right:"left",bottom:"top",top:"bottom"};function Oi(i){return i.replace(/left|right|bottom|top/g,(function(i){return ki[i]}))}var ji={start:"end",end:"start"};function Li(i){return i.replace(/start|end/g,(function(i){return ji[i]}))}function Ii(i){var t=A(i);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function zi(i){return _(Q(i)).left+Ii(i).scrollLeft}function Ei(i,t){var e=A(i);var n=Q(i);var s=e.visualViewport;var r=n.clientWidth;var a=n.clientHeight;var u=0;var c=0;if(s){r=s.width;a=s.height;var o=V();if(o||!o&&t==="fixed"){u=s.offsetLeft;c=s.offsetTop}}return{width:r,height:a,x:u+zi(i),y:c}}function Mi(i){var t;var e=Q(i);var n=Ii(i);var s=(t=i.ownerDocument)==null?void 0:t.body;var r=q(e.scrollWidth,e.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0);var a=q(e.scrollHeight,e.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0);var u=-n.scrollLeft+zi(i);var c=-n.scrollTop;if(Z(s||e).direction==="rtl"){u+=q(e.clientWidth,s?s.clientWidth:0)-r}return{width:r,height:a,x:u,y:c}}function Si(i){var t=Z(i),e=t.overflow,n=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+s+n)}function Ti(i){if(["html","body","#document"].indexOf(B(i))>=0){return i.ownerDocument.body}if($(i)&&Si(i)){return i}return Ti(Y(i))}function Ci(i,t){var e;if(t===void 0){t=[]}var n=Ti(i);var s=n===((e=i.ownerDocument)==null?void 0:e.body);var r=A(n);var a=s?[r].concat(r.visualViewport||[],Si(n)?n:[]):n;var u=t.concat(a);return s?u:u.concat(Ci(Y(a)))}function Bi(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ai(i,t){var e=_(i,false,t==="fixed");e.top=e.top+i.clientTop;e.left=e.left+i.clientLeft;e.bottom=e.top+i.clientHeight;e.right=e.left+i.clientWidth;e.width=i.clientWidth;e.height=i.clientHeight;e.x=e.left;e.y=e.top;return e}function Hi(i,t,e){return t===b?Bi(Ei(i,e)):H(t)?Ai(t,e):Bi(Mi(Q(i)))}function $i(i){var t=Ci(Y(i));var e=["absolute","fixed"].indexOf(Z(i).position)>=0;var n=e&&$(i)?ei(i):i;if(!H(n)){return[]}return t.filter((function(i){return H(i)&&X(i,n)&&B(i)!=="body"}))}function Pi(i,t,e,n){var s=t==="clippingParents"?$i(i):[].concat(t);var r=[].concat(s,[e]);var a=r[0];var u=r.reduce((function(t,e){var s=Hi(i,e,n);t.top=q(s.top,t.top);t.right=W(s.right,t.right);t.bottom=W(s.bottom,t.bottom);t.left=q(s.left,t.left);return t}),Hi(i,a,n));u.width=u.right-u.left;u.height=u.bottom-u.top;u.x=u.left;u.y=u.top;return u}function Ri(i){var t=i.reference,e=i.element,n=i.placement;var s=n?U(n):null;var r=n?fi(n):null;var a=t.x+t.width/2-e.width/2;var u=t.y+t.height/2-e.height/2;var c;switch(s){case o:c={x:a,y:t.y-e.height};break;case h:c={x:a,y:t.y+t.height};break;case l:c={x:t.x+t.width,y:u};break;case m:c={x:t.x-e.width,y:u};break;default:c={x:t.x,y:t.y}}var f=s?ni(s):null;if(f!=null){var v=f==="y"?"height":"width";switch(r){case d:c[f]=c[f]-(t[v]/2-e[v]/2);break;case p:c[f]=c[f]+(t[v]/2-e[v]/2);break}}return c}function Di(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=n===void 0?i.placement:n,r=e.strategy,a=r===void 0?i.strategy:r,u=e.boundary,c=u===void 0?w:u,m=e.rootBoundary,f=m===void 0?b:m,d=e.elementContext,p=d===void 0?g:d,x=e.altBoundary,k=x===void 0?false:x,O=e.padding,j=O===void 0?0:O;var L=ui(typeof j!=="number"?j:ci(j,v));var I=p===g?y:g;var z=i.rects.popper;var E=i.elements[k?I:p];var M=Pi(H(E)?E:E.contextElement||Q(i.elements.popper),c,f,a);var S=_(i.elements.reference);var T=Ri({reference:S,element:z,strategy:"absolute",placement:s});var C=Bi(Object.assign({},z,T));var B=p===g?C:S;var A={top:M.top-B.top+L.top,bottom:B.bottom-M.bottom+L.bottom,left:M.left-B.left+L.left,right:B.right-M.right+L.right};var $=i.modifiersData.offset;if(p===g&&$){var P=$[s];Object.keys(A).forEach((function(i){var t=[l,h].indexOf(i)>=0?1:-1;var e=[o,h].indexOf(i)>=0?"y":"x";A[i]+=P[e]*t}))}return A}function Ni(i,t){if(t===void 0){t={}}var e=t,n=e.placement,s=e.boundary,r=e.rootBoundary,a=e.padding,u=e.flipVariations,c=e.allowedAutoPlacements,o=c===void 0?k:c;var h=fi(n);var l=h?u?x:x.filter((function(i){return fi(i)===h})):v;var m=l.filter((function(i){return o.indexOf(i)>=0}));if(m.length===0){m=l}var f=m.reduce((function(t,e){t[e]=Di(i,{placement:e,boundary:s,rootBoundary:r,padding:a})[U(e)];return t}),{});return Object.keys(f).sort((function(i,t){return f[i]-f[t]}))}function Ui(i){if(U(i)===f){return[]}var t=Oi(i);return[Li(i),t,Li(t)]}function qi(i){var t=i.state,e=i.options,n=i.name;if(t.modifiersData[n]._skip){return}var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?true:a,c=e.fallbackPlacements,v=e.padding,p=e.boundary,w=e.rootBoundary,b=e.altBoundary,g=e.flipVariations,y=g===void 0?true:g,x=e.allowedAutoPlacements;var k=t.options.placement;var O=U(k);var j=O===k;var L=c||(j||!y?[Oi(k)]:Ui(k));var I=[k].concat(L).reduce((function(i,e){return i.concat(U(e)===f?Ni(t,{placement:e,boundary:p,rootBoundary:w,padding:v,flipVariations:y,allowedAutoPlacements:x}):e)}),[]);var z=t.rects.reference;var E=t.rects.popper;var M=new Map;var S=true;var T=I[0];for(var C=0;C<I.length;C++){var B=I[C];var A=U(B);var H=fi(B)===d;var $=[o,h].indexOf(A)>=0;var P=$?"width":"height";var R=Di(t,{placement:B,boundary:p,rootBoundary:w,altBoundary:b,padding:v});var D=$?H?l:m:H?h:o;if(z[P]>E[P]){D=Oi(D)}var N=Oi(D);var q=[];if(r){q.push(R[A]<=0)}if(u){q.push(R[D]<=0,R[N]<=0)}if(q.every((function(i){return i}))){T=B;S=false;break}M.set(B,q)}if(S){var W=y?3:1;var K=function i(t){var e=I.find((function(i){var e=M.get(i);if(e){return e.slice(0,t).every((function(i){return i}))}}));if(e){T=e;return"break"}};for(var F=W;F>0;F--){var V=K(F);if(V==="break")break}}if(t.placement!==T){t.modifiersData[n]._skip=true;t.placement=T;t.reset=true}}const Wi={name:"flip",enabled:true,phase:"main",fn:qi,requiresIfExists:["offset"],data:{_skip:false}};function Ki(i,t,e){if(e===void 0){e={x:0,y:0}}return{top:i.top-t.height-e.y,right:i.right-t.width+e.x,bottom:i.bottom-t.height+e.y,left:i.left-t.width-e.x}}function Fi(i){return[o,l,h,m].some((function(t){return i[t]>=0}))}function Vi(i){var t=i.state,e=i.name;var n=t.rects.reference;var s=t.rects.popper;var r=t.modifiersData.preventOverflow;var a=Di(t,{elementContext:"reference"});var u=Di(t,{altBoundary:true});var c=Ki(a,n);var o=Ki(u,s,r);var h=Fi(c);var l=Fi(o);t.modifiersData[e]={referenceClippingOffsets:c,popperEscapeOffsets:o,isReferenceHidden:h,hasPopperEscaped:l};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":l})}const _i={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Vi};function Ji(i,t,e){var n=U(i);var s=[m,o].indexOf(n)>=0?-1:1;var r=typeof e==="function"?e(Object.assign({},t,{placement:i})):e,a=r[0],u=r[1];a=a||0;u=(u||0)*s;return[m,l].indexOf(n)>=0?{x:u,y:a}:{x:a,y:u}}function Xi(i){var t=i.state,e=i.options,n=i.name;var s=e.offset,r=s===void 0?[0,0]:s;var a=k.reduce((function(i,e){i[e]=Ji(e,t.rects,r);return i}),{});var u=a[t.placement],c=u.x,o=u.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=c;t.modifiersData.popperOffsets.y+=o}t.modifiersData[n]=a}const Zi={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Xi};function Gi(i){var t=i.state,e=i.name;t.modifiersData[e]=Ri({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Qi={name:"popperOffsets",enabled:true,phase:"read",fn:Gi,data:{}};function Yi(i){return i==="x"?"y":"x"}function it(i){var t=i.state,e=i.options,n=i.name;var s=e.mainAxis,r=s===void 0?true:s,a=e.altAxis,u=a===void 0?false:a,c=e.boundary,f=e.rootBoundary,v=e.altBoundary,p=e.padding,w=e.tether,b=w===void 0?true:w,g=e.tetherOffset,y=g===void 0?0:g;var x=Di(t,{boundary:c,rootBoundary:f,padding:p,altBoundary:v});var k=U(t.placement);var O=fi(t.placement);var j=!O;var L=ni(k);var I=Yi(L);var z=t.modifiersData.popperOffsets;var E=t.rects.reference;var M=t.rects.popper;var S=typeof y==="function"?y(Object.assign({},t.rects,{placement:t.placement})):y;var T=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var C=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null;var B={x:0,y:0};if(!z){return}if(r){var A;var H=L==="y"?o:m;var $=L==="y"?h:l;var P=L==="y"?"height":"width";var R=z[L];var D=R+x[H];var N=R-x[$];var K=b?-M[P]/2:0;var F=O===d?E[P]:M[P];var V=O===d?-M[P]:-E[P];var _=t.elements.arrow;var X=b&&_?J(_):{width:0,height:0};var Z=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ai();var G=Z[H];var Q=Z[$];var Y=si(0,E[P],X[P]);var ii=j?E[P]/2-K-Y-G-T.mainAxis:F-Y-G-T.mainAxis;var ti=j?-E[P]/2+K+Y+Q+T.mainAxis:V+Y+Q+T.mainAxis;var ui=t.elements.arrow&&ei(t.elements.arrow);var ci=ui?L==="y"?ui.clientTop||0:ui.clientLeft||0:0;var oi=(A=C==null?void 0:C[L])!=null?A:0;var hi=R+ii-oi-ci;var li=R+ti-oi;var mi=si(b?W(D,hi):D,R,b?q(N,li):N);z[L]=mi;B[L]=mi-R}if(u){var vi;var di=L==="x"?o:m;var pi=L==="x"?h:l;var wi=z[I];var bi=I==="y"?"height":"width";var gi=wi+x[di];var yi=wi-x[pi];var xi=[o,m].indexOf(k)!==-1;var ki=(vi=C==null?void 0:C[I])!=null?vi:0;var Oi=xi?gi:wi-E[bi]-M[bi]-ki+T.altAxis;var ji=xi?wi+E[bi]+M[bi]-ki-T.altAxis:yi;var Li=b&&xi?ri(Oi,wi,ji):si(b?Oi:gi,wi,b?ji:yi);z[I]=Li;B[I]=Li-wi}t.modifiersData[n]=B}const tt={name:"preventOverflow",enabled:true,phase:"main",fn:it,requiresIfExists:["offset"]};function et(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function nt(i){if(i===A(i)||!$(i)){return Ii(i)}else{return et(i)}}function st(i){var t=i.getBoundingClientRect();var e=K(t.width)/i.offsetWidth||1;var n=K(t.height)/i.offsetHeight||1;return e!==1||n!==1}function rt(i,t,e){if(e===void 0){e=false}var n=$(t);var s=$(t)&&st(t);var r=Q(t);var a=_(i,s,e);var u={scrollLeft:0,scrollTop:0};var c={x:0,y:0};if(n||!n&&!e){if(B(t)!=="body"||Si(r)){u=nt(t)}if($(t)){c=_(t,true);c.x+=t.clientLeft;c.y+=t.clientTop}else if(r){c.x=zi(r)}}return{x:a.left+u.scrollLeft-c.x,y:a.top+u.scrollTop-c.y,width:a.width,height:a.height}}function at(i){var t=new Map;var e=new Set;var n=[];i.forEach((function(i){t.set(i.name,i)}));function s(i){e.add(i.name);var r=[].concat(i.requires||[],i.requiresIfExists||[]);r.forEach((function(i){if(!e.has(i)){var n=t.get(i);if(n){s(n)}}}));n.push(i)}i.forEach((function(i){if(!e.has(i.name)){s(i)}}));return n}function ut(i){var t=at(i);return C.reduce((function(i,e){return i.concat(t.filter((function(i){return i.phase===e})))}),[])}function ct(i){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(i())}))}))}return t}}function ot(i){var t=i.reduce((function(i,t){var e=i[t.name];i[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return i}),{});return Object.keys(t).map((function(i){return t[i]}))}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function lt(){for(var i=arguments.length,t=new Array(i),e=0;e<i;e++){t[e]=arguments[e]}return!t.some((function(i){return!(i&&typeof i.getBoundingClientRect==="function")}))}function mt(i){if(i===void 0){i={}}var t=i,e=t.defaultModifiers,n=e===void 0?[]:e,s=t.defaultOptions,r=s===void 0?ht:s;return function i(t,e,s){if(s===void 0){s=r}var a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var u=[];var c=false;var o={state:a,setOptions:function i(s){var u=typeof s==="function"?s(a.options):s;l();a.options=Object.assign({},r,a.options,u);a.scrollParents={reference:H(t)?Ci(t):t.contextElement?Ci(t.contextElement):[],popper:Ci(e)};var c=ut(ot([].concat(n,a.options.modifiers)));a.orderedModifiers=c.filter((function(i){return i.enabled}));h();return o.update()},forceUpdate:function i(){if(c){return}var t=a.elements,e=t.reference,n=t.popper;if(!lt(e,n)){return}a.rects={reference:rt(e,ei(n),a.options.strategy==="fixed"),popper:J(n)};a.reset=false;a.placement=a.options.placement;a.orderedModifiers.forEach((function(i){return a.modifiersData[i.name]=Object.assign({},i.data)}));for(var s=0;s<a.orderedModifiers.length;s++){if(a.reset===true){a.reset=false;s=-1;continue}var r=a.orderedModifiers[s],u=r.fn,h=r.options,l=h===void 0?{}:h,m=r.name;if(typeof u==="function"){a=u({state:a,options:l,name:m,instance:o})||a}}},update:ct((function(){return new Promise((function(i){o.forceUpdate();i(a)}))})),destroy:function i(){l();c=true}};if(!lt(t,e)){return o}o.setOptions(s).then((function(i){if(!c&&s.onFirstUpdate){s.onFirstUpdate(i)}}));function h(){a.orderedModifiers.forEach((function(i){var t=i.name,e=i.options,n=e===void 0?{}:e,s=i.effect;if(typeof s==="function"){var r=s({state:a,name:t,instance:o,options:n});var c=function i(){};u.push(r||c)}}))}function l(){u.forEach((function(i){return i()}));u=[]}return o}}var ft=[xi,Qi,bi,N,Zi,Wi,tt,mi,_i];var vt=mt({defaultModifiers:ft});const dt=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const pt='html.sc-ic-menu-with-multi{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu-with-multi{margin:0}main.sc-ic-menu-with-multi{display:block}h1.sc-ic-menu-with-multi{font-size:2em;margin:0.67em 0}hr.sc-ic-menu-with-multi{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu-with-multi{background-color:transparent}abbr[title].sc-ic-menu-with-multi{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi{font-weight:bolder}code.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu-with-multi{font-size:80%}sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu-with-multi{bottom:-0.25em}sup.sc-ic-menu-with-multi{top:-0.5em}img.sc-ic-menu-with-multi{border-style:none}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi,optgroup.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi,textarea.sc-ic-menu-with-multi{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu-with-multi,input.sc-ic-menu-with-multi{overflow:visible}button.sc-ic-menu-with-multi,select.sc-ic-menu-with-multi{text-transform:none}button.sc-ic-menu-with-multi,[type="button"].sc-ic-menu-with-multi,[type="reset"].sc-ic-menu-with-multi,[type="submit"].sc-ic-menu-with-multi{-webkit-appearance:button}button.sc-ic-menu-with-multi::-moz-focus-inner,[type="button"].sc-ic-menu-with-multi::-moz-focus-inner,[type="reset"].sc-ic-menu-with-multi::-moz-focus-inner,[type="submit"].sc-ic-menu-with-multi::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu-with-multi:-moz-focusring,[type="button"].sc-ic-menu-with-multi:-moz-focusring,[type="reset"].sc-ic-menu-with-multi:-moz-focusring,[type="submit"].sc-ic-menu-with-multi:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu-with-multi{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu-with-multi{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu-with-multi{vertical-align:baseline}textarea.sc-ic-menu-with-multi{overflow:auto}[type="checkbox"].sc-ic-menu-with-multi,[type="radio"].sc-ic-menu-with-multi{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu-with-multi::-webkit-inner-spin-button,[type="number"].sc-ic-menu-with-multi::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu-with-multi{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu-with-multi::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu-with-multi::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu-with-multi{display:block}summary.sc-ic-menu-with-multi{display:list-item}template.sc-ic-menu-with-multi{display:none}[hidden].sc-ic-menu-with-multi{display:none}html.sc-ic-menu-with-multi,body.sc-ic-menu-with-multi,div.sc-ic-menu-with-multi,span.sc-ic-menu-with-multi,applet.sc-ic-menu-with-multi,object.sc-ic-menu-with-multi,iframe.sc-ic-menu-with-multi,h1.sc-ic-menu-with-multi,h2.sc-ic-menu-with-multi,h3.sc-ic-menu-with-multi,h4.sc-ic-menu-with-multi,h5.sc-ic-menu-with-multi,h6.sc-ic-menu-with-multi,p.sc-ic-menu-with-multi,blockquote.sc-ic-menu-with-multi,pre.sc-ic-menu-with-multi,a.sc-ic-menu-with-multi,abbr.sc-ic-menu-with-multi,acronym.sc-ic-menu-with-multi,address.sc-ic-menu-with-multi,big.sc-ic-menu-with-multi,cite.sc-ic-menu-with-multi,code.sc-ic-menu-with-multi,del.sc-ic-menu-with-multi,dfn.sc-ic-menu-with-multi,em.sc-ic-menu-with-multi,img.sc-ic-menu-with-multi,ins.sc-ic-menu-with-multi,kbd.sc-ic-menu-with-multi,q.sc-ic-menu-with-multi,s.sc-ic-menu-with-multi,samp.sc-ic-menu-with-multi,small.sc-ic-menu-with-multi,strike.sc-ic-menu-with-multi,strong.sc-ic-menu-with-multi,sub.sc-ic-menu-with-multi,sup.sc-ic-menu-with-multi,tt.sc-ic-menu-with-multi,var.sc-ic-menu-with-multi,b.sc-ic-menu-with-multi,u.sc-ic-menu-with-multi,i.sc-ic-menu-with-multi,center.sc-ic-menu-with-multi,dl.sc-ic-menu-with-multi,dt.sc-ic-menu-with-multi,dd.sc-ic-menu-with-multi,ol.sc-ic-menu-with-multi,ul.sc-ic-menu-with-multi,li.sc-ic-menu-with-multi,fieldset.sc-ic-menu-with-multi,form.sc-ic-menu-with-multi,label.sc-ic-menu-with-multi,legend.sc-ic-menu-with-multi,table.sc-ic-menu-with-multi,caption.sc-ic-menu-with-multi,tbody.sc-ic-menu-with-multi,tfoot.sc-ic-menu-with-multi,thead.sc-ic-menu-with-multi,tr.sc-ic-menu-with-multi,th.sc-ic-menu-with-multi,td.sc-ic-menu-with-multi,article.sc-ic-menu-with-multi,aside.sc-ic-menu-with-multi,canvas.sc-ic-menu-with-multi,details.sc-ic-menu-with-multi,embed.sc-ic-menu-with-multi,figure.sc-ic-menu-with-multi,figcaption.sc-ic-menu-with-multi,footer.sc-ic-menu-with-multi,header.sc-ic-menu-with-multi,hgroup.sc-ic-menu-with-multi,menu.sc-ic-menu-with-multi,nav.sc-ic-menu-with-multi,output.sc-ic-menu-with-multi,ruby.sc-ic-menu-with-multi,section.sc-ic-menu-with-multi,summary.sc-ic-menu-with-multi,time.sc-ic-menu-with-multi,mark.sc-ic-menu-with-multi,audio.sc-ic-menu-with-multi,video.sc-ic-menu-with-multi{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-with-multi-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));min-width:20rem;color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.open.sc-ic-menu-with-multi-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.select-all-focused.sc-ic-menu-with-multi-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu-with-multi #retry-button.sc-ic-menu-with-multi::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-with-multi-h{inset:auto !important}.menu.sc-ic-menu-with-multi{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu-with-multi:has(+.option-bar).sc-ic-menu-with-multi{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu-with-multi{overflow-y:auto}.menu.sc-ic-menu-with-multi:focus-visible{outline:none}.open.sc-ic-menu-with-multi-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.open.sc-ic-menu-with-multi-h .menu.sc-ic-menu-with-multi{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.open.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{visibility:visible}.open.sc-ic-menu-with-multi-h .select-all-button.sc-ic-menu-with-multi{display:block}.full-width.sc-ic-menu-with-multi-h{width:100%}.option.sc-ic-menu-with-multi{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.option.sc-ic-menu-with-multi:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-with-multi-h .option.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu-with-multi:last-child{border-radius:0 0 1px 1px}.sc-ic-menu-with-multi:not(.menu:has(+.option-bar)).sc-ic-menu-with-multi .option.sc-ic-menu-with-multi:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu-with-multi:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu-with-multi:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu-with-multi:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu-with-multi:not(.disabled-option) .option-description.sc-ic-menu-with-multi{color:var(--ic-color-secondary-text)}.option.sc-ic-menu-with-multi .option-label.sc-ic-menu-with-multi{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu-with-multi .option-element.sc-ic-menu-with-multi{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu-with-multi .option-icon.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu-with-multi{pointer-events:none;max-width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu-with-multi .option-text-container.sc-ic-menu-with-multi{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu-with-multi{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu-with-multi{display:flex}.check-icon.sc-ic-menu-with-multi{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu-with-multi .check-icon.sc-ic-menu-with-multi *.sc-ic-menu-with-multi{fill:currentcolor}.option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-with-multi-h .option-group-title.sc-ic-menu-with-multi{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu-with-multi{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu-with-multi{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu-with-multi,.focused-option.sc-ic-menu-with-multi .option-description.sc-ic-menu-with-multi{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi{cursor:no-drop}.no-results.sc-ic-menu-with-multi-h li.sc-ic-menu-with-multi:hover{background-color:transparent}.option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu-with-multi p.sc-ic-menu-with-multi{margin-bottom:0 !important}.large.sc-ic-menu-with-multi-h .option-bar.sc-ic-menu-with-multi{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu-with-multi{display:none}.select-all-button.sc-ic-menu-with-multi:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu-with-multi:focus{outline:none;border:0.125rem solid transparent}}';const wt=class{constructor(s){i(this,s);this.menuKeyPress=t(this,"menuKeyPress",7);this.menuOptionId=t(this,"menuOptionId",7);this.menuOptionSelect=t(this,"menuOptionSelect",7);this.menuOptionSelectAll=t(this,"menuOptionSelectAll",7);this.menuStateChange=t(this,"menuStateChange",7);this.retryButtonClicked=t(this,"retryButtonClicked",7);this.timeoutBlur=t(this,"timeoutBlur",7);this.ungroupedOptionsSet=t(this,"ungroupedOptionsSet",7);this.activeDescendantAttr="aria-activedescendant";this.clearButtonId="clear-button";this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isMultiSelect=false;this.isSearchBar=false;this.isSearchableSelect=false;this.lastOptionSelected=null;this.lastOptionFocused=null;this.multiOptionClicked=null;this.preventClickOpen=false;this.preventMenuFocus=false;this.shiftPressed=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,t)=>{this.menuStateChange.emit({open:i,focusInput:t});if(!i){if(t!==false){this.inputEl.focus();this.preventClickOpen=false}if(this.isMultiSelect){this.optionHighlighted=undefined;this.multiOptionClicked=null}}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"||i.tagName==="IC-SELECT-WITH-MULTI"){if(i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}else if(i.getAttribute("multiple")!==null&&i.getAttribute("multiple")!==undefined){this.isMultiSelect=true}}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.getMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const t=this.getMenuOptions();t[i]&&!t[i].timedOut&&(this.optionHighlighted=t[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(t);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(t);break;case" ":case"Enter":if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}break}};this.selectHighlightedOption=(i,t,e)=>{if(!this.isLoading&&!this.hasTimedOut){this.keyboardNav=true}const n=this.isSearchBar||this.isSearchableSelect||this.open;if(n){if(e>=0){if(t[e]!==undefined){if(this.isSearchBar&&t[e].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(e)}}}else{this.setInputValue(e)}}else if(i.id!==this.clearButtonId&&this.isMultiSelect){this.handleMenuChange(true)}};this.isOptionSelected=i=>{const t=this.getMenuOptions();return this.value?this.value.includes(t[i][this.valueField]):false};this.deselectSelectedOptions=i=>{const t=this.getMenuOptions();if(this.value){const e=this.value.map((i=>t.findIndex((t=>t[this.valueField]===i))));e.forEach((t=>!i.includes(t)&&this.setInputValue(t)))}};this.manualSetInputValueKeyboardOpen=i=>{const t=this.getMenuOptions();if(!(i.shiftKey||i.metaKey||i.ctrlKey)){this.keyboardNav=false}const e=this.getOptionHighlightedIndex();const n=t.findIndex((i=>i[this.valueField]===this.multiOptionClicked));const s=i=>{var t;return(t=Array.from(this.el.querySelectorAll("li"))[i])===null||t===void 0?void 0:t.id};if(i.key===" "&&this.isMultiSelect){this.handleOptionSelect(i,e)}else{switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<t.length-1){this.setHighlightedOption(e+1);this.menuOptionId.emit({optionId:s(e+1)});this.handleSingleShiftSelect(i,e+1,t)}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});this.handleSingleShiftSelect(i,0,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(this.multiOptionClicked){this.setHighlightedOption(n);this.multiOptionClicked=null}else{this.handleSingleShiftSelect(i,e,t);if(e<=0||e>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:s(t.length-1)});this.handleSingleShiftSelect(i,t.length-1,t)}else{this.setHighlightedOption(e-1);this.menuOptionId.emit({optionId:s(e-1)});this.handleSingleShiftSelect(i,e-1,t)}if(this.isMultiSelect&&this.shiftPressed){this.deselectSelectedOptions([e,this.getOptionHighlightedIndex()]);this.shiftPressed=false}}this.lastOptionFocused=this.getOptionHighlightedIndex();this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":{const t=0;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t);this.menuOptionId.emit({optionId:s(t)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(t)}this.lastOptionFocused=t;this.lastOptionSelected=t;break}case"End":{const e=t.length-1;this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e);this.menuOptionId.emit({optionId:s(e)});if(i.shiftKey&&i.ctrlKey){this.handleMultipleShiftSelect(e)}this.lastOptionFocused=e;this.lastOptionSelected=e;break}case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!==this.clearButtonId){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.handleOptionSelect(i,e);break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"a":if(a()&&i.metaKey||!a()&&i.ctrlKey){this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null}break;case"Shift":case"Tab":if(i.key==="Shift"){this.shiftPressed=true}if(this.isSearchBar){this.keyboardNav=true}if(this.isMultiSelect){if(this.open&&!i.shiftKey&&this.selectAllButton){i.preventDefault();this.selectAllButton.focus();this.preventMenuFocus=true;this.preventClickOpen=true;this.optionHighlighted=undefined}}else{this.preventIncorrectTabOrder=true}break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true;break}}}};this.setInputValue=i=>{const t=this.getMenuOptions();if(t[i]!==undefined){this.menuOptionSelect.emit({value:t[i][this.valueField]});if(this.closeOnSelect){this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}}if(this.closeOnSelect){if(!this.hasTimedOut){this.handleMenuChange(false)}else{this.parentEl.setFocus()}}};this.handleOptionClick=i=>{const{value:t,label:e}=i.target.dataset;if(this.isMultiSelect){const e=this.getMenuOptions();const n=e.findIndex((i=>i.value===t));this.handleOptionSelect(i,n,true);this.multiOptionClicked=t}else{this.menuOptionSelect.emit({value:t,label:e});this.handleMenuChange(false)}this.optionHighlighted=undefined};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(i.relatedTarget===this.selectAllButton){this.menu.removeAttribute(this.activeDescendantAttr)}if(!(this.menu.contains(i.relatedTarget)||i.relatedTarget===this.selectAllButton)){this.handleMenuChange(false,this.hasPreviouslyBlurred);this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}}else{this.handleMenuChange(false);this.preventClickOpen=true;this.menu.removeAttribute(this.activeDescendantAttr);this.lastOptionFocused=null;this.lastOptionSelected=null}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manualSetInputValueKeyboardOpen(i)}};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}if(i.key==="Shift"){this.shiftPressed=false}};this.handleSelectAllClick=()=>{this.keyboardNav=false;this.menu.focus();this.emitSelectAll();this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllBlur=i=>{this.el.classList.remove("select-all-focused");if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,false)}};this.handleSelectAllFocus=()=>{this.el.classList.add("select-all-focused");this.lastOptionFocused=null;this.lastOptionSelected=null};this.handleSelectAllMouseDown=i=>{i.preventDefault()};this.handleSingleShiftSelect=(i,t,e)=>{if(this.isMultiSelect&&i.shiftKey&&!this.isOptionSelected(t)){this.selectHighlightedOption(i.target,e,t);this.lastOptionSelected=t}};this.handleMultipleShiftSelect=(i,t=false,e=null)=>{this.shiftPressed=false;const n=e===null?this.getFirstOptionInSelection(t):e;if(n!==null){const t=[];if(n<i){for(let e=n;e<i+1;e++){t.push(e)}}else{for(let e=n;e>i-1;e--){t.push(e)}}t.forEach((i=>!this.isOptionSelected(i)&&this.setInputValue(i)));this.deselectSelectedOptions(t)}};this.handleOptionSelect=(i,t,e=false)=>{const n=this.getMenuOptions();const s=this.getFirstOptionInSelection(e);if(i.shiftKey&&s!==null){this.handleMultipleShiftSelect(t,e,s)}else{this.selectHighlightedOption(i.target,n,t)}this.lastOptionFocused=t;this.lastOptionSelected=t};this.getFirstOptionInSelection=i=>i&&this.lastOptionFocused!==null?this.lastOptionFocused:this.lastOptionSelected!==null?this.lastOptionSelected:null;this.emitSelectAll=()=>{var i;this.menuOptionSelectAll.emit({select:!this.value||!(((i=this.value)===null||i===void 0?void 0:i.length)===this.ungroupedOptions.length)})};this.emitMenuKeyPress=(i,t)=>{this.menuKeyPress.emit({isNavKey:i,key:t})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const t=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const e=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(t);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(t);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(e){this.inputEl.focus()}break;case"Shift":break;default:if(e&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,t)=>{let e=i[this.labelField];if(i.description){e=`${e}, ${i.description}`}if(i.element){e=`${e}, ${i.element.ariaLabel}`}if(t){return`${e}, ${t[this.labelField]} group`}else{return e}};this.getSortedOptions=i=>{let t=[];if(i.sort){t=i.sort(((i,t)=>i.recommended&&!t.recommended?-1:0))}return t};this.getOptionHighlightedIndex=()=>{const i=this.getMenuOptions();return i.findIndex((i=>i[this.valueField]===this.optionHighlighted))};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const t=this.selectOnEnter?this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(t){const e=t.offsetTop+t.offsetHeight;if(e>i.scrollTop+i.offsetHeight||e<i.scrollTop+i.offsetHeight){i.scrollTop=t.offsetTop}this.menu.setAttribute(this.activeDescendantAttr,t.id);t.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.el.querySelectorAll(".option").forEach((t=>i+=t.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=(i,t)=>e(n,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&t&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:dt}));this.displayOption=(i,t,s,r)=>{const{open:a,keyboardNav:u,isManualMode:c,initialOptionsListRender:o,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":c?(u||o)&&i[this.valueField]===h:u&&t,"last-recommended-option":i.recommended&&l[s+1]&&!l[s+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:a&&(t||i[this.valueField]===h)&&u?"0":"-1","aria-label":this.getOptionAriaLabel(i,r),"aria-selected":t?"true":"false","aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(n,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("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"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i,t))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.menuOptions=undefined;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.closeOnSelect=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,t;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(t=this.options)===null||t===void 0?void 0:t.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}u([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const t=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0&&!this.preventMenuFocus){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(t&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.el.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){this.menu.setAttribute(this.activeDescendantAttr,i.id);i.focus()}}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}this.preventMenuFocus=false}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manualSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=vt(i,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top-start"],rootBoundary:"viewport"}}]})}render(){const{inputLabel:i,options:t,menuId:n,value:r,fullWidth:a,hasTimedOut:u,isLoading:o,size:h,small:l,open:m,inputEl:f,keyboardNav:v}=this;const d=`${(r===null||r===void 0?void 0:r.length)===this.ungroupedOptions.length?"Clear":"Select"} all`;const p=this.el.classList.contains("no-results");return e(s,{class:{"full-width":a,"no-focus":(f===null||f===void 0?void 0:f.tagName)==="INPUT"||u||o||p,small:l,[h]:true,open:m&&t.length!==0,multiple:this.isMultiSelect}},t.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":`${i} pop-up`,"aria-multiselectable":this.isMultiSelect?"true":"false",tabindex:m&&!v&&(f===null||f===void 0?void 0:f.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(t).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>e.label&&this.displayOption(e,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(e[this.valueField]):e[this.valueField]===r,t,i))))}else{return null}}else{return i.label&&this.displayOption(i,this.isMultiSelect?r===null||r===void 0?void 0:r.includes(i[this.valueField]):i[this.valueField]===r,t)}}))),t.length!==0&&this.isMultiSelect&&!o&&!u&&!p&&e("div",{class:"option-bar"},e("ic-typography",null,e("p",null,`${r?r.length:0}/${c(this.options)} selected`)),e("ic-button",{class:"select-all-button","aria-label":`${d} options for ${i}`,ref:i=>this.selectAllButton=i,variant:"tertiary",onClick:this.handleSelectAllClick,onMouseDown:this.handleSelectAllMouseDown,onBlur:this.handleSelectAllBlur,onFocus:this.handleSelectAllFocus,size:h==="small"?"small":"default"},d)))}get el(){return r(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"]}}};wt.style=pt;export{wt as ic_menu_with_multi};
2
+ //# sourceMappingURL=p-646b886c.entry.js.map