@ukic/web-components 3.0.0-alpha.2 → 3.0.0-alpha.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (398) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-f1cf5156.js → helpers-69219f14.js} +24 -1
  3. package/dist/cjs/helpers-69219f14.js.map +1 -0
  4. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  5. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-alert.cjs.entry.js +2 -2
  7. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  9. package/dist/cjs/ic-badge.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  12. package/dist/cjs/ic-button_3.cjs.entry.js +2 -2
  13. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-card-vertical.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-checkbox-group.cjs.entry.js +2 -2
  16. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-checkbox.cjs.entry.js +3 -3
  18. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-chip.cjs.entry.js +1 -1
  20. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  21. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  23. package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
  24. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  25. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-hero.cjs.entry.js +1 -1
  28. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
  29. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +446 -164
  30. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -6
  32. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-link.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  35. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
  37. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
  40. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-navigation-item.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  43. package/dist/cjs/ic-page-header.cjs.entry.js +5 -5
  44. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-pagination-item.cjs.entry.js +1 -1
  46. package/dist/cjs/ic-pagination.cjs.entry.js +1 -1
  47. package/dist/cjs/ic-popover-menu.cjs.entry.js +9 -9
  48. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-radio-group.cjs.entry.js +2 -2
  50. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-radio-option.cjs.entry.js +27 -22
  52. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-search-bar.cjs.entry.js +2 -2
  54. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-select.cjs.entry.js +147 -37
  56. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  58. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  59. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  60. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  61. package/dist/cjs/ic-switch.cjs.entry.js +7 -4
  62. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  64. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  65. package/dist/cjs/ic-tab.cjs.entry.js +1 -1
  66. package/dist/cjs/ic-text-field.cjs.entry.js +2 -2
  67. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  69. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  70. package/dist/cjs/ic-toggle-button.cjs.entry.js +1 -1
  71. package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
  72. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-typography.cjs.entry.js +1 -1
  74. package/dist/cjs/loader.cjs.js +1 -1
  75. package/dist/collection/components/ic-alert/ic-alert.css +3 -1
  76. package/dist/collection/components/ic-alert/ic-alert.js +1 -1
  77. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  78. package/dist/collection/components/ic-checkbox/ic-checkbox.css +5 -0
  79. package/dist/collection/components/ic-checkbox/ic-checkbox.js +1 -1
  80. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  81. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +1 -1
  82. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  83. package/dist/collection/components/ic-input-label/ic-input-label.css +1 -0
  84. package/dist/collection/components/ic-input-label/ic-input-label.js +45 -4
  85. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  86. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +35 -49
  87. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  88. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +1 -0
  89. package/dist/collection/components/ic-menu/ic-menu.css +70 -10
  90. package/dist/collection/components/ic-menu/ic-menu.js +485 -192
  91. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  92. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +381 -33
  93. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  94. package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -2
  95. package/dist/collection/components/ic-menu-item/ic-menu-item.css +32 -28
  96. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +1 -1
  97. package/dist/collection/components/ic-page-header/ic-page-header.css +5 -2
  98. package/dist/collection/components/ic-page-header/ic-page-header.js +3 -3
  99. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  100. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +5 -5
  101. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +31 -7
  102. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  103. package/dist/collection/components/ic-radio-group/ic-radio-group.js +1 -1
  104. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  105. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +2 -2
  106. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
  107. package/dist/collection/components/ic-radio-option/ic-radio-option.css +1 -0
  108. package/dist/collection/components/ic-radio-option/ic-radio-option.js +26 -21
  109. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  110. package/dist/collection/components/ic-search-bar/ic-search-bar.css +1 -0
  111. package/dist/collection/components/ic-select/ic-select.css +36 -16
  112. package/dist/collection/components/ic-select/ic-select.js +191 -43
  113. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  114. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +160 -1
  115. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  116. package/dist/collection/components/ic-switch/ic-switch.css +27 -30
  117. package/dist/collection/components/ic-switch/ic-switch.js +29 -2
  118. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  119. package/dist/collection/components/ic-text-field/ic-text-field.css +1 -0
  120. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  121. package/dist/collection/utils/helpers.js +20 -0
  122. package/dist/collection/utils/helpers.js.map +1 -1
  123. package/dist/collection/utils/types.js.map +1 -1
  124. package/dist/components/helpers.js +22 -1
  125. package/dist/components/helpers.js.map +1 -1
  126. package/dist/components/ic-alert.js +1 -1
  127. package/dist/components/ic-alert.js.map +1 -1
  128. package/dist/components/ic-checkbox-group.js +1 -1
  129. package/dist/components/ic-checkbox-group.js.map +1 -1
  130. package/dist/components/ic-checkbox.js +2 -2
  131. package/dist/components/ic-checkbox.js.map +1 -1
  132. package/dist/components/ic-input-label2.js +10 -6
  133. package/dist/components/ic-input-label2.js.map +1 -1
  134. package/dist/components/ic-loading-indicator2.js +1 -1
  135. package/dist/components/ic-loading-indicator2.js.map +1 -1
  136. package/dist/components/ic-menu-group.js +1 -1
  137. package/dist/components/ic-menu-group.js.map +1 -1
  138. package/dist/components/ic-menu-item2.js +1 -1
  139. package/dist/components/ic-menu-item2.js.map +1 -1
  140. package/dist/components/ic-menu2.js +450 -167
  141. package/dist/components/ic-menu2.js.map +1 -1
  142. package/dist/components/ic-navigation-group.js +2 -2
  143. package/dist/components/ic-navigation-group.js.map +1 -1
  144. package/dist/components/ic-navigation-item.js +1 -1
  145. package/dist/components/ic-navigation-menu2.js +1 -1
  146. package/dist/components/ic-page-header.js +4 -4
  147. package/dist/components/ic-page-header.js.map +1 -1
  148. package/dist/components/ic-pagination-item2.js +1 -1
  149. package/dist/components/ic-popover-menu.js +9 -8
  150. package/dist/components/ic-popover-menu.js.map +1 -1
  151. package/dist/components/ic-radio-group.js +1 -1
  152. package/dist/components/ic-radio-group.js.map +1 -1
  153. package/dist/components/ic-radio-option.js +27 -22
  154. package/dist/components/ic-radio-option.js.map +1 -1
  155. package/dist/components/ic-search-bar.js +2 -2
  156. package/dist/components/ic-search-bar.js.map +1 -1
  157. package/dist/components/ic-select.js +148 -37
  158. package/dist/components/ic-select.js.map +1 -1
  159. package/dist/components/ic-side-navigation.js +1 -1
  160. package/dist/components/ic-stepper.js +1 -1
  161. package/dist/components/ic-switch.js +7 -3
  162. package/dist/components/ic-switch.js.map +1 -1
  163. package/dist/components/ic-text-field2.js +2 -2
  164. package/dist/components/ic-text-field2.js.map +1 -1
  165. package/dist/components/ic-theme.js +1 -1
  166. package/dist/components/ic-toast.js +1 -1
  167. package/dist/components/ic-top-navigation.js +1 -1
  168. package/dist/components/ic-top-navigation.js.map +1 -1
  169. package/dist/core/core.css +580 -10
  170. package/dist/core/core.esm.js +1 -1
  171. package/dist/core/core.esm.js.map +1 -1
  172. package/dist/core/{p-d2f89cb5.entry.js → p-0395442c.entry.js} +2 -2
  173. package/dist/core/{p-244d6dba.entry.js → p-0d233b0c.entry.js} +2 -2
  174. package/dist/core/{p-f38bce8d.entry.js → p-134def81.entry.js} +2 -2
  175. package/dist/core/p-134def81.entry.js.map +1 -0
  176. package/dist/core/p-14dfd8db.entry.js +2 -0
  177. package/dist/core/p-14dfd8db.entry.js.map +1 -0
  178. package/dist/core/p-1b116dd1.entry.js +2 -0
  179. package/dist/core/p-1b116dd1.entry.js.map +1 -0
  180. package/dist/core/p-21cc87c0.entry.js +2 -0
  181. package/dist/core/p-21cc87c0.entry.js.map +1 -0
  182. package/dist/core/p-2eae9b27.entry.js +2 -0
  183. package/dist/core/p-2eae9b27.entry.js.map +1 -0
  184. package/dist/core/p-3618ac34.entry.js +2 -0
  185. package/dist/core/p-3618ac34.entry.js.map +1 -0
  186. package/dist/core/{p-355acffa.entry.js → p-37dea10d.entry.js} +2 -2
  187. package/dist/core/{p-bf1f0ac7.entry.js → p-384d454d.entry.js} +2 -2
  188. package/dist/core/p-384d454d.entry.js.map +1 -0
  189. package/dist/core/p-3d417eff.entry.js +2 -0
  190. package/dist/core/p-3d417eff.entry.js.map +1 -0
  191. package/dist/core/p-3d9726a3.entry.js +2 -0
  192. package/dist/core/{p-408344d3.entry.js.map → p-3d9726a3.entry.js.map} +1 -1
  193. package/dist/core/{p-84526c3e.entry.js → p-43256b7c.entry.js} +2 -2
  194. package/dist/core/{p-93c23a35.entry.js → p-4a3b1f06.entry.js} +2 -2
  195. package/dist/core/{p-34db8aaf.entry.js → p-5cd016e1.entry.js} +2 -2
  196. package/dist/core/{p-d2f8e03f.entry.js → p-5ef8e106.entry.js} +2 -2
  197. package/dist/core/{p-0a808ec3.entry.js → p-690c5e80.entry.js} +2 -2
  198. package/dist/core/{p-43f9a711.entry.js → p-6d3e4bb1.entry.js} +2 -2
  199. package/dist/core/{p-4055f22c.entry.js → p-726673ee.entry.js} +2 -2
  200. package/dist/core/p-726673ee.entry.js.map +1 -0
  201. package/dist/core/{p-fa1b7a80.entry.js → p-72d30c8a.entry.js} +2 -2
  202. package/dist/core/{p-f30f3a3e.entry.js → p-76263187.entry.js} +2 -2
  203. package/dist/core/{p-c86d48b6.entry.js → p-7827b5cb.entry.js} +2 -2
  204. package/dist/core/p-79d0be03.entry.js +2 -0
  205. package/dist/core/p-79d0be03.entry.js.map +1 -0
  206. package/dist/core/{p-c06a3b97.entry.js → p-7b35de65.entry.js} +2 -2
  207. package/dist/core/{p-1684c8d4.entry.js → p-7fbf2d3e.entry.js} +2 -2
  208. package/dist/core/p-91cf9b2b.entry.js +2 -0
  209. package/dist/core/p-91cf9b2b.entry.js.map +1 -0
  210. package/dist/core/{p-1b573920.entry.js → p-922984cb.entry.js} +2 -2
  211. package/dist/core/{p-aab2c7aa.entry.js → p-95f603dd.entry.js} +2 -2
  212. package/dist/core/{p-e4b276b5.entry.js → p-97fb2bdf.entry.js} +2 -2
  213. package/dist/core/p-ac4b7329.entry.js +2 -0
  214. package/dist/core/p-ac4b7329.entry.js.map +1 -0
  215. package/dist/core/{p-e3ed9110.entry.js → p-acbd15ab.entry.js} +2 -2
  216. package/dist/core/{p-6d40baa9.entry.js → p-b17c94b7.entry.js} +2 -2
  217. package/dist/core/p-b78f8b8c.entry.js +2 -0
  218. package/dist/core/p-b78f8b8c.entry.js.map +1 -0
  219. package/dist/core/{p-312cacae.js → p-b7eb8ef9.js} +2 -2
  220. package/dist/core/p-b7eb8ef9.js.map +1 -0
  221. package/dist/core/{p-363d6e88.entry.js → p-b95a72a3.entry.js} +2 -2
  222. package/dist/core/{p-21e5dd29.entry.js → p-b997064c.entry.js} +2 -2
  223. package/dist/core/{p-4ff6d16f.entry.js → p-ba6ecc15.entry.js} +2 -2
  224. package/dist/core/{p-0d30ffab.entry.js → p-c0fc3d02.entry.js} +2 -2
  225. package/dist/core/p-c396bd4d.entry.js +2 -0
  226. package/dist/core/p-c396bd4d.entry.js.map +1 -0
  227. package/dist/core/{p-f828a6e1.entry.js → p-c9cf932c.entry.js} +2 -2
  228. package/dist/core/{p-aa0619ce.entry.js → p-cf7db84a.entry.js} +2 -2
  229. package/dist/core/{p-d58a10ec.entry.js → p-dd36bf1b.entry.js} +2 -2
  230. package/dist/core/p-e488de54.entry.js +2 -0
  231. package/dist/core/p-e488de54.entry.js.map +1 -0
  232. package/dist/core/{p-da14cd3c.entry.js → p-e4d1839e.entry.js} +2 -2
  233. package/dist/core/{p-0fb047e7.entry.js → p-eb3b4935.entry.js} +2 -2
  234. package/dist/core/{p-0fb047e7.entry.js.map → p-eb3b4935.entry.js.map} +1 -1
  235. package/dist/core/{p-60efd7fa.entry.js → p-ebafab37.entry.js} +2 -2
  236. package/dist/core/{p-82375dca.entry.js → p-ee6dd94c.entry.js} +2 -2
  237. package/dist/core/{p-9dba6823.entry.js → p-f0fc1bf0.entry.js} +2 -2
  238. package/dist/core/{p-49525194.entry.js → p-f24984c5.entry.js} +2 -2
  239. package/dist/core/p-f24984c5.entry.js.map +1 -0
  240. package/dist/core/{p-d8870804.entry.js → p-f5b2b26d.entry.js} +2 -2
  241. package/dist/core/p-f60dbd0e.entry.js +2 -0
  242. package/dist/core/p-f60dbd0e.entry.js.map +1 -0
  243. package/dist/core/{p-40e9e76a.entry.js → p-f71c00ce.entry.js} +2 -2
  244. package/dist/core/{p-cbcd4427.entry.js → p-ff4298b1.entry.js} +2 -2
  245. package/dist/esm/core.js +1 -1
  246. package/dist/esm/{helpers-1c9151ef.js → helpers-e8797e8d.js} +23 -2
  247. package/dist/esm/helpers-e8797e8d.js.map +1 -0
  248. package/dist/esm/ic-accordion-group.entry.js +1 -1
  249. package/dist/esm/ic-accordion.entry.js +1 -1
  250. package/dist/esm/ic-alert.entry.js +2 -2
  251. package/dist/esm/ic-alert.entry.js.map +1 -1
  252. package/dist/esm/ic-back-to-top.entry.js +1 -1
  253. package/dist/esm/ic-badge.entry.js +1 -1
  254. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  255. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  256. package/dist/esm/ic-button_3.entry.js +2 -2
  257. package/dist/esm/ic-button_3.entry.js.map +1 -1
  258. package/dist/esm/ic-card-vertical.entry.js +1 -1
  259. package/dist/esm/ic-checkbox-group.entry.js +2 -2
  260. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  261. package/dist/esm/ic-checkbox.entry.js +3 -3
  262. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  263. package/dist/esm/ic-chip.entry.js +1 -1
  264. package/dist/esm/ic-data-row.entry.js +1 -1
  265. package/dist/esm/ic-dialog.entry.js +1 -1
  266. package/dist/esm/ic-divider.entry.js +1 -1
  267. package/dist/esm/ic-empty-state.entry.js +1 -1
  268. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  269. package/dist/esm/ic-footer-link.entry.js +1 -1
  270. package/dist/esm/ic-footer.entry.js +1 -1
  271. package/dist/esm/ic-hero.entry.js +1 -1
  272. package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
  273. package/dist/esm/ic-input-component-container_3.entry.js +446 -164
  274. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  275. package/dist/esm/ic-input-label_2.entry.js +8 -6
  276. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  277. package/dist/esm/ic-link.entry.js +1 -1
  278. package/dist/esm/ic-menu-group.entry.js +2 -2
  279. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  280. package/dist/esm/ic-menu-item.entry.js +2 -2
  281. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  282. package/dist/esm/ic-navigation-button.entry.js +1 -1
  283. package/dist/esm/ic-navigation-group.entry.js +2 -2
  284. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  285. package/dist/esm/ic-navigation-item.entry.js +1 -1
  286. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  287. package/dist/esm/ic-page-header.entry.js +5 -5
  288. package/dist/esm/ic-page-header.entry.js.map +1 -1
  289. package/dist/esm/ic-pagination-item.entry.js +1 -1
  290. package/dist/esm/ic-pagination.entry.js +1 -1
  291. package/dist/esm/ic-popover-menu.entry.js +9 -9
  292. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  293. package/dist/esm/ic-radio-group.entry.js +2 -2
  294. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  295. package/dist/esm/ic-radio-option.entry.js +27 -22
  296. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  297. package/dist/esm/ic-search-bar.entry.js +2 -2
  298. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  299. package/dist/esm/ic-select.entry.js +147 -37
  300. package/dist/esm/ic-select.entry.js.map +1 -1
  301. package/dist/esm/ic-side-navigation.entry.js +1 -1
  302. package/dist/esm/ic-status-tag.entry.js +1 -1
  303. package/dist/esm/ic-step.entry.js +1 -1
  304. package/dist/esm/ic-stepper.entry.js +1 -1
  305. package/dist/esm/ic-switch.entry.js +7 -4
  306. package/dist/esm/ic-switch.entry.js.map +1 -1
  307. package/dist/esm/ic-tab-group.entry.js +1 -1
  308. package/dist/esm/ic-tab-panel.entry.js +1 -1
  309. package/dist/esm/ic-tab.entry.js +1 -1
  310. package/dist/esm/ic-text-field.entry.js +2 -2
  311. package/dist/esm/ic-text-field.entry.js.map +1 -1
  312. package/dist/esm/ic-theme.entry.js +1 -1
  313. package/dist/esm/ic-toast.entry.js +1 -1
  314. package/dist/esm/ic-toggle-button.entry.js +1 -1
  315. package/dist/esm/ic-top-navigation.entry.js +1 -1
  316. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  317. package/dist/esm/ic-typography.entry.js +1 -1
  318. package/dist/esm/loader.js +1 -1
  319. package/dist/types/components/ic-alert/ic-alert.d.ts +1 -1
  320. package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -0
  321. package/dist/types/components/ic-menu/ic-menu.d.ts +43 -15
  322. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +5 -0
  323. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +3 -2
  324. package/dist/types/components/ic-select/ic-select.d.ts +24 -10
  325. package/dist/types/components/ic-switch/ic-switch.d.ts +5 -1
  326. package/dist/types/components.d.ts +66 -20
  327. package/dist/types/utils/helpers.d.ts +7 -0
  328. package/dist/types/utils/types.d.ts +1 -1
  329. package/hydrate/index.js +685 -255
  330. package/package.json +2 -2
  331. package/vscode-data.json +49 -7
  332. package/dist/cjs/helpers-f1cf5156.js.map +0 -1
  333. package/dist/core/p-0c872824.entry.js +0 -2
  334. package/dist/core/p-0c872824.entry.js.map +0 -1
  335. package/dist/core/p-1f1758a9.entry.js +0 -2
  336. package/dist/core/p-1f1758a9.entry.js.map +0 -1
  337. package/dist/core/p-312cacae.js.map +0 -1
  338. package/dist/core/p-322edabc.entry.js +0 -2
  339. package/dist/core/p-322edabc.entry.js.map +0 -1
  340. package/dist/core/p-4055f22c.entry.js.map +0 -1
  341. package/dist/core/p-408344d3.entry.js +0 -2
  342. package/dist/core/p-4502d3c1.entry.js +0 -2
  343. package/dist/core/p-4502d3c1.entry.js.map +0 -1
  344. package/dist/core/p-49525194.entry.js.map +0 -1
  345. package/dist/core/p-5deb9730.entry.js +0 -2
  346. package/dist/core/p-5deb9730.entry.js.map +0 -1
  347. package/dist/core/p-6bd2e938.entry.js +0 -2
  348. package/dist/core/p-6bd2e938.entry.js.map +0 -1
  349. package/dist/core/p-7c89fc86.entry.js +0 -2
  350. package/dist/core/p-7c89fc86.entry.js.map +0 -1
  351. package/dist/core/p-af20322c.entry.js +0 -2
  352. package/dist/core/p-af20322c.entry.js.map +0 -1
  353. package/dist/core/p-bf1f0ac7.entry.js.map +0 -1
  354. package/dist/core/p-d1c9c32b.entry.js +0 -2
  355. package/dist/core/p-d1c9c32b.entry.js.map +0 -1
  356. package/dist/core/p-dc83a0e9.entry.js +0 -2
  357. package/dist/core/p-dc83a0e9.entry.js.map +0 -1
  358. package/dist/core/p-de3a5423.entry.js +0 -2
  359. package/dist/core/p-de3a5423.entry.js.map +0 -1
  360. package/dist/core/p-e53309b0.entry.js +0 -2
  361. package/dist/core/p-e53309b0.entry.js.map +0 -1
  362. package/dist/core/p-f38bce8d.entry.js.map +0 -1
  363. package/dist/core/p-fa587e6d.entry.js +0 -2
  364. package/dist/core/p-fa587e6d.entry.js.map +0 -1
  365. package/dist/esm/helpers-1c9151ef.js.map +0 -1
  366. /package/dist/core/{p-d2f89cb5.entry.js.map → p-0395442c.entry.js.map} +0 -0
  367. /package/dist/core/{p-244d6dba.entry.js.map → p-0d233b0c.entry.js.map} +0 -0
  368. /package/dist/core/{p-355acffa.entry.js.map → p-37dea10d.entry.js.map} +0 -0
  369. /package/dist/core/{p-84526c3e.entry.js.map → p-43256b7c.entry.js.map} +0 -0
  370. /package/dist/core/{p-93c23a35.entry.js.map → p-4a3b1f06.entry.js.map} +0 -0
  371. /package/dist/core/{p-34db8aaf.entry.js.map → p-5cd016e1.entry.js.map} +0 -0
  372. /package/dist/core/{p-d2f8e03f.entry.js.map → p-5ef8e106.entry.js.map} +0 -0
  373. /package/dist/core/{p-0a808ec3.entry.js.map → p-690c5e80.entry.js.map} +0 -0
  374. /package/dist/core/{p-43f9a711.entry.js.map → p-6d3e4bb1.entry.js.map} +0 -0
  375. /package/dist/core/{p-fa1b7a80.entry.js.map → p-72d30c8a.entry.js.map} +0 -0
  376. /package/dist/core/{p-f30f3a3e.entry.js.map → p-76263187.entry.js.map} +0 -0
  377. /package/dist/core/{p-c86d48b6.entry.js.map → p-7827b5cb.entry.js.map} +0 -0
  378. /package/dist/core/{p-c06a3b97.entry.js.map → p-7b35de65.entry.js.map} +0 -0
  379. /package/dist/core/{p-1684c8d4.entry.js.map → p-7fbf2d3e.entry.js.map} +0 -0
  380. /package/dist/core/{p-1b573920.entry.js.map → p-922984cb.entry.js.map} +0 -0
  381. /package/dist/core/{p-aab2c7aa.entry.js.map → p-95f603dd.entry.js.map} +0 -0
  382. /package/dist/core/{p-e4b276b5.entry.js.map → p-97fb2bdf.entry.js.map} +0 -0
  383. /package/dist/core/{p-e3ed9110.entry.js.map → p-acbd15ab.entry.js.map} +0 -0
  384. /package/dist/core/{p-6d40baa9.entry.js.map → p-b17c94b7.entry.js.map} +0 -0
  385. /package/dist/core/{p-363d6e88.entry.js.map → p-b95a72a3.entry.js.map} +0 -0
  386. /package/dist/core/{p-21e5dd29.entry.js.map → p-b997064c.entry.js.map} +0 -0
  387. /package/dist/core/{p-4ff6d16f.entry.js.map → p-ba6ecc15.entry.js.map} +0 -0
  388. /package/dist/core/{p-0d30ffab.entry.js.map → p-c0fc3d02.entry.js.map} +0 -0
  389. /package/dist/core/{p-f828a6e1.entry.js.map → p-c9cf932c.entry.js.map} +0 -0
  390. /package/dist/core/{p-aa0619ce.entry.js.map → p-cf7db84a.entry.js.map} +0 -0
  391. /package/dist/core/{p-d58a10ec.entry.js.map → p-dd36bf1b.entry.js.map} +0 -0
  392. /package/dist/core/{p-da14cd3c.entry.js.map → p-e4d1839e.entry.js.map} +0 -0
  393. /package/dist/core/{p-60efd7fa.entry.js.map → p-ebafab37.entry.js.map} +0 -0
  394. /package/dist/core/{p-82375dca.entry.js.map → p-ee6dd94c.entry.js.map} +0 -0
  395. /package/dist/core/{p-9dba6823.entry.js.map → p-f0fc1bf0.entry.js.map} +0 -0
  396. /package/dist/core/{p-d8870804.entry.js.map → p-f5b2b26d.entry.js.map} +0 -0
  397. /package/dist/core/{p-40e9e76a.entry.js.map → p-f71c00ce.entry.js.map} +0 -0
  398. /package/dist/core/{p-cbcd4427.entry.js.map → p-ff4298b1.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -7890,6 +7890,26 @@ const getFilteredMenuOptions = (options, includeDescriptions, searchString, posi
7890
7890
  (description === null || description === void 0 ? void 0 : description.startsWith(lowerSearchString))
7891
7891
  : label.startsWith(lowerSearchString);
7892
7892
  });
7893
+ /**
7894
+ * Gets count of options where only group title "parent" options have been removed.
7895
+ * Disabled options are included in the count.
7896
+ * @param options - array of options
7897
+ * @returns number of options not including group titles
7898
+ */
7899
+ const getOptionsWithoutGroupTitlesCount = (options) => {
7900
+ const optionsWithoutGroupTitles = [];
7901
+ if (options.length > 0 && options.map) {
7902
+ options.map((option) => {
7903
+ if (option.children) {
7904
+ option.children.map((option) => optionsWithoutGroupTitles.push(option));
7905
+ }
7906
+ else {
7907
+ optionsWithoutGroupTitles.push(option);
7908
+ }
7909
+ });
7910
+ }
7911
+ return optionsWithoutGroupTitles.length;
7912
+ };
7893
7913
  const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
7894
7914
  const getCurrentDeviceSize = () => {
7895
7915
  if (deviceSizeMatches(DEVICE_SIZES.S)) {
@@ -8057,6 +8077,7 @@ const removeDisabledFalse = (disabled, element) => {
8057
8077
  element.removeAttribute("disabled");
8058
8078
  }
8059
8079
  };
8080
+ const isMacDevice = () => window.navigator.userAgent.toUpperCase().indexOf("MAC") >= 0;
8060
8081
  const convertToRGBA = (color) => {
8061
8082
  const firstChar = color === null || color === void 0 ? void 0 : color.slice(0, 1).toLowerCase();
8062
8083
  return firstChar === "#"
@@ -8344,7 +8365,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
8344
8365
  </svg>
8345
8366
  `;
8346
8367
 
8347
- const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{display:none}/*!@html,\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*/html.sc-ic-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@:host ic-typography,\n:host ::slotted(ic-typography)*/.sc-ic-alert-h ic-typography.sc-ic-alert,.sc-ic-alert-h.sc-ic-alert-s>ic-typography,.sc-ic-alert-h .sc-ic-alert-s>ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}/*!@.container*/.container.sc-ic-alert{min-height:3.5rem;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-status-unknown-light)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-light)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-light)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-light)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-light)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-status-unknown-default)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info-default)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-color-border-warning)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-color-border-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-color-border-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.icon-placeholder*/.icon-placeholder.sc-ic-alert{margin-left:var(--ic-space-xs)}/*!@.alert-icon > svg*/.alert-icon.sc-ic-alert>svg.sc-ic-alert{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@:host([showdefaulticon=\"false\"]) .icon-neutral*/[showdefaulticon=\"false\"].sc-ic-alert-h .icon-neutral.sc-ic-alert{display:none}/*!@.icon-neutral > svg,\n::slotted(svg)*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert,.sc-ic-alert-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-status-unknown-default)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-info-default)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-warning-default)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-error-default)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-success-default)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:0.625rem;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-alert{border:var(--ic-border-hc)}}";
8368
+ const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{display:none}/*!@html,\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*/html.sc-ic-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@:host ic-typography,\n:host ::slotted(ic-typography)*/.sc-ic-alert-h ic-typography.sc-ic-alert,.sc-ic-alert-h.sc-ic-alert-s>ic-typography,.sc-ic-alert-h .sc-ic-alert-s>ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}/*!@.container*/.container.sc-ic-alert{min-height:3.5rem;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-status-unknown-light)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-light)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-light)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-light)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-light)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-status-unknown-default)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info-default)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-color-border-warning)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-color-border-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-color-border-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.icon-placeholder*/.icon-placeholder.sc-ic-alert{margin-left:var(--ic-space-xs)}/*!@.alert-icon > svg*/.alert-icon.sc-ic-alert>svg.sc-ic-alert{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@:host([showdefaulticon=\"false\"]) .icon-neutral*/[showdefaulticon=\"false\"].sc-ic-alert-h .icon-neutral.sc-ic-alert{visibility:hidden;width:0;margin-left:0.625rem}/*!@.icon-neutral > svg,\n::slotted(svg)*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert,.sc-ic-alert-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-status-unknown-default)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-info-default)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-warning-default)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-error-default)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-success-default)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:0.625rem;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-alert{border:var(--ic-border-hc)}}";
8348
8369
 
8349
8370
  /**
8350
8371
  * @slot message - Content is placed to the right of the title.
@@ -9568,7 +9589,7 @@ class CardVertical {
9568
9589
  }; }
9569
9590
  }
9570
9591
 
9571
- const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\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*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-checkbox-disabled)*/.ic-checkbox-disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.ic-checkbox-small) .container*/.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg*/.ic-checkbox-small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg*/.ic-checkbox-large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-pressed)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-pressed)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{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-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-pressed)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkmark*/.ic-checkbox-small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-checkbox-large) .checkmark*/.ic-checkbox-large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .indeterminate-symbol*/.ic-checkbox-small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.ic-checkbox-large) .indeterminate-symbol*/.ic-checkbox-large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-pressed)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{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)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);--ic-typography-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)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
9592
+ const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\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*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-checkbox-disabled)*/.ic-checkbox-disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.ic-checkbox-small) .container*/.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;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-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host .container svg*/.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg*/.ic-checkbox-small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg*/.ic-checkbox-large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-pressed)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-pressed)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{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-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-pressed)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkmark*/.ic-checkbox-small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-checkbox-large) .checkmark*/.ic-checkbox-large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .indeterminate-symbol*/.ic-checkbox-small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.ic-checkbox-large) .indeterminate-symbol*/.ic-checkbox-large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-pressed)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{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)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);--ic-typography-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)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
9572
9593
 
9573
9594
  /**
9574
9595
  * @slot additional-field - Content to be displayed alongside a checkbox.
@@ -9662,7 +9683,7 @@ class Checkbox {
9662
9683
  return (hAsync(Host, { class: {
9663
9684
  "ic-checkbox-disabled": disabled,
9664
9685
  [`ic-checkbox-${size || parentElementSize}`]: true,
9665
- } }, hAsync("div", { class: "container" }, displayIndeterminate && hAsync("div", { class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { class: "checkmark", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { role: "checkbox", class: {
9686
+ } }, hAsync("div", { class: "container" }, displayIndeterminate && hAsync("div", { class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { role: "checkbox", class: {
9666
9687
  checkbox: true,
9667
9688
  checked,
9668
9689
  indeterminate: displayIndeterminate,
@@ -9767,7 +9788,7 @@ class CheckboxGroup {
9767
9788
  [`ic-checkbox-group-${size}`]: true,
9768
9789
  } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
9769
9790
  ? "screenReaderOnlyText"
9770
- : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", null, hAsync("ic-input-label", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, for: name }))), hAsync("div", { class: "checkboxes-container" }, hAsync("slot", null))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
9791
+ : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", null, hAsync("ic-input-label", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { class: "checkboxes-container" }, hAsync("slot", null))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
9771
9792
  }
9772
9793
  get el() { return getElement(this); }
9773
9794
  static get watchers() { return {
@@ -11155,7 +11176,7 @@ class InputContainer {
11155
11176
  }; }
11156
11177
  }
11157
11178
 
11158
- const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs)}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs)}ic-input-label .helpertext-normal{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .error-label{--ic-typography-color:var(--ic-status-error-default)}ic-input-label .dark{--ic-typography-color:var(--ic-architectural-white)}";
11179
+ const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs)}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0)}ic-input-label .helpertext-normal{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .error-label{--ic-typography-color:var(--ic-status-error-default)}ic-input-label .dark{--ic-typography-color:var(--ic-architectural-white)}";
11159
11180
 
11160
11181
  class InputLabel {
11161
11182
  constructor(hostRef) {
@@ -11164,28 +11185,30 @@ class InputLabel {
11164
11185
  this.disabled = false;
11165
11186
  this.for = undefined;
11166
11187
  this.helperText = "";
11188
+ this.hideLabel = false;
11167
11189
  this.label = undefined;
11168
11190
  this.readonly = false;
11169
11191
  this.required = false;
11170
11192
  this.status = "";
11193
+ this.useLabelTag = true;
11171
11194
  }
11172
11195
  componentDidLoad() {
11173
11196
  onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Input Label");
11174
11197
  }
11175
11198
  render() {
11176
- const { disabled, readonly, label, required, helperText, status, appearance, } = this;
11199
+ const { disabled, readonly, label, required, helperText, status, hideLabel, appearance, useLabelTag, } = this;
11177
11200
  const labelText = required ? label + " *" : label;
11178
- const labelContent = readonly ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText));
11201
+ const labelContent = readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText));
11179
11202
  const id = getInputHelperTextID(this.for);
11180
11203
  return (hAsync(Host, { class: {
11181
11204
  ["ic-input-label-disabled"]: disabled,
11182
11205
  ["ic-input-label-readonly"]: readonly,
11183
11206
  ["with-helper"]: helperText !== "",
11184
- } }, hAsync("ic-typography", { variant: "label", class: {
11207
+ } }, !hideLabel && (hAsync("ic-typography", { variant: "label", class: {
11185
11208
  ["readonly-label"]: readonly,
11186
11209
  ["error-label"]: status === "error" && !(readonly || disabled),
11187
11210
  ["dark"]: appearance === "dark",
11188
- } }, labelContent), helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: {
11211
+ } }, labelContent)), helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: {
11189
11212
  ["helpertext"]: true,
11190
11213
  ["helpertext-normal"]: !disabled && !readonly,
11191
11214
  ["helpertext-readonly"]: readonly,
@@ -11200,10 +11223,12 @@ class InputLabel {
11200
11223
  "disabled": [4],
11201
11224
  "for": [1],
11202
11225
  "helperText": [1, "helper-text"],
11226
+ "hideLabel": [4, "hide-label"],
11203
11227
  "label": [1],
11204
11228
  "readonly": [4],
11205
11229
  "required": [4],
11206
- "status": [1]
11230
+ "status": [1],
11231
+ "useLabelTag": [4, "use-label-tag"]
11207
11232
  },
11208
11233
  "$listeners$": undefined,
11209
11234
  "$lazyBundleId$": "-",
@@ -11369,7 +11394,7 @@ class Link {
11369
11394
  }; }
11370
11395
  }
11371
11396
 
11372
- const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\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*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.ic-loading-indicator-monochrome)*/.ic-loading-indicator-monochrome.sc-ic-loading-indicator-h{--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"medium\"])*/[size=\"medium\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.ic-loading-indicator-label)*/.ic-loading-indicator-label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.ic-loading-indicator-full-width)*/.ic-loading-indicator-full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-step-indicator-text-disabled)}/*!@:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n .inner-text*/.ic-loading-indicator-light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-border-hc)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
11397
+ const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\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*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.ic-loading-indicator-monochrome)*/.ic-loading-indicator-monochrome.sc-ic-loading-indicator-h{--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"medium\"])*/[size=\"medium\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.ic-loading-indicator-label)*/.ic-loading-indicator-label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.ic-loading-indicator-full-width)*/.ic-loading-indicator-full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{height:100%;display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-step-indicator-text-disabled)}/*!@:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n .inner-text*/.ic-loading-indicator-light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-border-hc)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
11373
11398
 
11374
11399
  class LoadingIndicator {
11375
11400
  constructor(hostRef) {
@@ -13381,7 +13406,7 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
13381
13406
  </svg>
13382
13407
  `;
13383
13408
 
13384
- const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-text-primary);--ic-typography-color:var(--ic-color-text-primary);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:block}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-pressed)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(--ic-color-text-secondary)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-text-secondary);--ic-typography-color:var(--ic-color-text-secondary)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error-default);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-color-text-tertiary)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
13409
+ const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--ic-color-text-primary);--ic-typography-color:var(--ic-color-text-primary);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid var(--ic-architectural-400);transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-pressed)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(--ic-color-text-secondary)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-text-secondary);--ic-typography-color:var(--ic-color-text-secondary)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error-default);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-color-text-tertiary)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-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 p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
13385
13410
 
13386
13411
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
13387
13412
  class Menu {
@@ -13390,19 +13415,26 @@ class Menu {
13390
13415
  this.menuKeyPress = createEvent(this, "menuKeyPress", 7);
13391
13416
  this.menuOptionId = createEvent(this, "menuOptionId", 7);
13392
13417
  this.menuOptionSelect = createEvent(this, "menuOptionSelect", 7);
13418
+ this.menuOptionSelectAll = createEvent(this, "menuOptionSelectAll", 7);
13393
13419
  this.menuStateChange = createEvent(this, "menuStateChange", 7);
13394
- this.menuValueChange = createEvent(this, "menuValueChange", 7);
13395
13420
  this.retryButtonClicked = createEvent(this, "retryButtonClicked", 7);
13396
13421
  this.timeoutBlur = createEvent(this, "timeoutBlur", 7);
13397
13422
  this.ungroupedOptionsSet = createEvent(this, "ungroupedOptionsSet", 7);
13423
+ this.ACTIVE_DESCENDANT = "aria-activedescendant";
13424
+ this.CLEAR_BUTTON_ID = "clear-button";
13398
13425
  this.disabledOptionSelected = false;
13399
13426
  this.hasPreviouslyBlurred = false;
13400
13427
  this.hasTimedOut = false;
13401
13428
  this.isLoading = false;
13429
+ this.isMultiSelect = false;
13402
13430
  this.isSearchBar = false;
13403
13431
  this.isSearchableSelect = false;
13404
- // Prevents menu re-opening immediately after it is closed on blur when clicking input.
13405
- this.preventClickOpen = false;
13432
+ this.lastOptionSelected = null; // Index of last option selected
13433
+ this.lastOptionFocused = null; // Index of last option focused
13434
+ this.multiOptionClicked = null;
13435
+ this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.
13436
+ this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.
13437
+ this.shiftPressed = false;
13406
13438
  this.ungroupedOptions = [];
13407
13439
  this.handleClearListener = () => {
13408
13440
  this.optionHighlighted = "";
@@ -13413,9 +13445,16 @@ class Menu {
13413
13445
  };
13414
13446
  this.handleMenuChange = (open, focusInput) => {
13415
13447
  this.menuStateChange.emit({ open, focusInput });
13416
- if (!open && focusInput !== false) {
13417
- this.inputEl.focus();
13418
- this.preventClickOpen = false;
13448
+ if (!open) {
13449
+ if (focusInput !== false) {
13450
+ this.inputEl.focus();
13451
+ this.preventClickOpen = false;
13452
+ }
13453
+ // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
13454
+ if (this.isMultiSelect) {
13455
+ this.optionHighlighted = undefined;
13456
+ this.multiOptionClicked = null;
13457
+ }
13419
13458
  }
13420
13459
  };
13421
13460
  this.setNextOptionValue = (selectedOptionIndex) => {
@@ -13450,24 +13489,34 @@ class Menu {
13450
13489
  if (parent.tagName === "IC-SEARCH-BAR") {
13451
13490
  this.isSearchBar = true;
13452
13491
  }
13453
- else if (parent.tagName === "IC-SELECT" &&
13454
- parent.getAttribute("searchable") !== null &&
13455
- parent.getAttribute("searchable") !== undefined) {
13456
- this.isSearchableSelect = true;
13492
+ else if (parent.tagName === "IC-SELECT") {
13493
+ if (parent.getAttribute("searchable") !== null &&
13494
+ parent.getAttribute("searchable") !== undefined) {
13495
+ this.isSearchableSelect = true;
13496
+ }
13497
+ else if (parent.getAttribute("multiple") !== null &&
13498
+ parent.getAttribute("multiple") !== undefined) {
13499
+ this.isMultiSelect = true;
13500
+ }
13457
13501
  }
13458
13502
  };
13503
+ // Open menu when up or down arrow keys are pressed
13459
13504
  this.arrowBehaviour = (event) => {
13460
13505
  event.preventDefault();
13461
13506
  this.handleMenuChange(true);
13462
13507
  };
13463
- this.setMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
13508
+ this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
13509
+ // Set option that is focused and so should show focus state
13464
13510
  this.setHighlightedOption = (highlightedIndex) => {
13465
- const menuOptions = this.setMenuOptions();
13511
+ const menuOptions = this.getMenuOptions();
13466
13512
  menuOptions[highlightedIndex] &&
13467
13513
  !menuOptions[highlightedIndex].timedOut &&
13468
13514
  (this.optionHighlighted =
13469
13515
  menuOptions[highlightedIndex][this.valueField] || undefined);
13470
13516
  };
13517
+ // Determines keyboard behaviour when selection is automatic
13518
+ // (i.e. you don't have to press Enter select an option - just focus on it)
13519
+ // and menu is closed
13471
13520
  this.autoSetInputValueKeyboardOpen = (event) => {
13472
13521
  const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
13473
13522
  this.keyboardNav = false;
@@ -13484,147 +13533,278 @@ class Menu {
13484
13533
  break;
13485
13534
  case " ":
13486
13535
  case "Enter":
13487
- if (event.target.id !== "clear-button") {
13536
+ if (event.target.id !== this.CLEAR_BUTTON_ID) {
13488
13537
  this.handleMenuChange(true);
13489
13538
  }
13490
13539
  break;
13491
13540
  }
13492
13541
  };
13493
- this.manSetInputValueKeyboardOpen = (event) => {
13494
- const menuOptions = this.setMenuOptions();
13495
- const highlightedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
13496
- const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
13542
+ this.selectHighlightedOption = (options, highlightedOptionIndex) => {
13543
+ if (!this.isLoading && !this.hasTimedOut) {
13544
+ this.keyboardNav = true;
13545
+ }
13497
13546
  const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;
13498
- switch (event.key) {
13499
- case "ArrowDown":
13500
- this.keyboardNav = true;
13501
- this.arrowBehaviour(event);
13502
- if (highlightedOptionIndex < menuOptions.length - 1) {
13503
- this.setHighlightedOption(highlightedOptionIndex + 1);
13504
- this.menuOptionId.emit({
13505
- optionId: getOptionId(highlightedOptionIndex + 1),
13506
- });
13507
- }
13508
- else {
13509
- this.setHighlightedOption(0);
13510
- this.menuOptionId.emit({
13511
- optionId: getOptionId(0),
13512
- });
13547
+ if (isOpen) {
13548
+ if (highlightedOptionIndex >= 0) {
13549
+ if (options[highlightedOptionIndex] !== undefined) {
13550
+ if (this.isSearchBar &&
13551
+ options[highlightedOptionIndex].disabled === true) {
13552
+ this.disabledOptionSelected = true;
13553
+ }
13554
+ else {
13555
+ this.setInputValue(highlightedOptionIndex);
13556
+ }
13513
13557
  }
13514
- this.preventIncorrectTabOrder = false;
13515
- this.focusFromSearchKeypress = false;
13516
- break;
13517
- case "ArrowUp":
13518
- this.keyboardNav = true;
13519
- this.arrowBehaviour(event);
13520
- if (highlightedOptionIndex <= 0 ||
13521
- highlightedOptionIndex > menuOptions.length + 1) {
13522
- this.setHighlightedOption(menuOptions.length - 1);
13558
+ }
13559
+ else {
13560
+ this.setInputValue(highlightedOptionIndex);
13561
+ }
13562
+ }
13563
+ else {
13564
+ this.handleMenuChange(true);
13565
+ }
13566
+ };
13567
+ // Check if option is selected based on the index of the option
13568
+ this.isOptionSelected = (index) => {
13569
+ const menuOptions = this.getMenuOptions();
13570
+ return this.value
13571
+ ? this.value.includes(menuOptions[index][this.valueField])
13572
+ : false;
13573
+ };
13574
+ // Deselect currently selected options when shift pressed, but keep certain options selected
13575
+ this.deselectSelectedOptions = (optionsToKeepSelected) => {
13576
+ const menuOptions = this.getMenuOptions();
13577
+ if (this.value) {
13578
+ const selectedOptionIndexes = this.value.map((value) => {
13579
+ return menuOptions.findIndex((option) => option[this.valueField] === value);
13580
+ });
13581
+ // Call setInputValue (which toggles the selected state) on options that need to be deselected
13582
+ selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));
13583
+ }
13584
+ };
13585
+ // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)
13586
+ this.manualSetInputValueKeyboardOpen = (event) => {
13587
+ const menuOptions = this.getMenuOptions();
13588
+ // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed
13589
+ // (i.e. when user is likely in the middle of executing a keyboard combination to select options)
13590
+ const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;
13591
+ const highlightedOptionIndex = this.getOptionHighlightedIndex();
13592
+ const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);
13593
+ const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
13594
+ // Space press should be equivalent to Enter when multi-select
13595
+ if (event.key === " " && this.isMultiSelect) {
13596
+ this.handleOptionSelect(event, highlightedOptionIndex);
13597
+ }
13598
+ else {
13599
+ switch (event.key) {
13600
+ case "ArrowDown":
13601
+ this.keyboardNav = true;
13602
+ this.arrowBehaviour(event);
13603
+ if (this.multiOptionClicked) {
13604
+ // Set focus to option last clicked
13605
+ // Prevents it resetting to the top of the menu when user switches to using keyboard
13606
+ this.setHighlightedOption(clickedMultiOptionIndex);
13607
+ this.multiOptionClicked = null;
13608
+ }
13609
+ else {
13610
+ this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
13611
+ if (highlightedOptionIndex < menuOptions.length - 1) {
13612
+ this.setHighlightedOption(highlightedOptionIndex + 1);
13613
+ this.menuOptionId.emit({
13614
+ optionId: getOptionId(highlightedOptionIndex + 1),
13615
+ });
13616
+ this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);
13617
+ }
13618
+ else {
13619
+ this.setHighlightedOption(0);
13620
+ this.menuOptionId.emit({
13621
+ optionId: getOptionId(0),
13622
+ });
13623
+ this.handleSingleShiftSelect(event, 0, menuOptions);
13624
+ }
13625
+ // Deselect currently selected options if arrow was pressed for first time after shift is held
13626
+ if (this.isMultiSelect && this.shiftPressed) {
13627
+ this.deselectSelectedOptions([
13628
+ highlightedOptionIndex,
13629
+ this.getOptionHighlightedIndex(),
13630
+ ]);
13631
+ this.shiftPressed = false;
13632
+ }
13633
+ }
13634
+ this.lastOptionFocused = this.getOptionHighlightedIndex();
13635
+ this.preventIncorrectTabOrder = false;
13636
+ this.focusFromSearchKeypress = false;
13637
+ break;
13638
+ case "ArrowUp":
13639
+ this.keyboardNav = true;
13640
+ this.arrowBehaviour(event);
13641
+ if (this.multiOptionClicked) {
13642
+ // Set focus to option last clicked
13643
+ // Prevents it resetting to the bottom of the menu when user switches to using keyboard
13644
+ this.setHighlightedOption(clickedMultiOptionIndex);
13645
+ this.multiOptionClicked = null;
13646
+ }
13647
+ else {
13648
+ this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
13649
+ if (highlightedOptionIndex <= 0 ||
13650
+ highlightedOptionIndex > menuOptions.length + 1) {
13651
+ this.setHighlightedOption(menuOptions.length - 1);
13652
+ this.menuOptionId.emit({
13653
+ optionId: getOptionId(menuOptions.length - 1),
13654
+ });
13655
+ this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);
13656
+ }
13657
+ else {
13658
+ this.setHighlightedOption(highlightedOptionIndex - 1);
13659
+ this.menuOptionId.emit({
13660
+ optionId: getOptionId(highlightedOptionIndex - 1),
13661
+ });
13662
+ this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);
13663
+ }
13664
+ // Deselect currently selected options if arrow was pressed for first time after shift is held
13665
+ if (this.isMultiSelect && this.shiftPressed) {
13666
+ this.deselectSelectedOptions([
13667
+ highlightedOptionIndex,
13668
+ this.getOptionHighlightedIndex(),
13669
+ ]);
13670
+ this.shiftPressed = false;
13671
+ }
13672
+ }
13673
+ this.lastOptionFocused = this.getOptionHighlightedIndex();
13674
+ this.preventIncorrectTabOrder = false;
13675
+ this.focusFromSearchKeypress = false;
13676
+ break;
13677
+ case "Home": {
13678
+ const startOptionIndex = 0;
13679
+ this.keyboardNav = true;
13680
+ event.preventDefault();
13681
+ this.arrowBehaviour(event);
13682
+ this.setHighlightedOption(startOptionIndex);
13523
13683
  this.menuOptionId.emit({
13524
- optionId: getOptionId(menuOptions.length - 1),
13684
+ optionId: getOptionId(startOptionIndex),
13525
13685
  });
13686
+ if (event.shiftKey && event.ctrlKey) {
13687
+ this.handleMultipleShiftSelect(startOptionIndex);
13688
+ }
13689
+ this.lastOptionFocused = startOptionIndex;
13690
+ this.lastOptionSelected = startOptionIndex;
13691
+ break;
13526
13692
  }
13527
- else {
13528
- this.setHighlightedOption(highlightedOptionIndex - 1);
13693
+ case "End": {
13694
+ const endOptionIndex = menuOptions.length - 1;
13695
+ this.keyboardNav = true;
13696
+ event.preventDefault();
13697
+ this.arrowBehaviour(event);
13698
+ this.setHighlightedOption(endOptionIndex);
13529
13699
  this.menuOptionId.emit({
13530
- optionId: getOptionId(highlightedOptionIndex - 1),
13700
+ optionId: getOptionId(endOptionIndex),
13531
13701
  });
13532
- }
13533
- this.preventIncorrectTabOrder = false;
13534
- this.focusFromSearchKeypress = false;
13535
- break;
13536
- case "Home":
13537
- this.keyboardNav = true;
13538
- event.preventDefault();
13539
- this.arrowBehaviour(event);
13540
- this.setHighlightedOption(0);
13541
- this.menuOptionId.emit({
13542
- optionId: getOptionId(0),
13543
- });
13544
- break;
13545
- case "End":
13546
- this.keyboardNav = true;
13547
- event.preventDefault();
13548
- this.arrowBehaviour(event);
13549
- this.setHighlightedOption(menuOptions.length - 1);
13550
- this.menuOptionId.emit({
13551
- optionId: getOptionId(menuOptions.length - 1),
13552
- });
13553
- break;
13554
- case " ":
13555
- this.keyboardNav = false;
13556
- if (this.isSearchBar || this.isSearchableSelect) {
13702
+ if (event.shiftKey && event.ctrlKey) {
13703
+ this.handleMultipleShiftSelect(endOptionIndex);
13704
+ }
13705
+ this.lastOptionFocused = endOptionIndex;
13706
+ this.lastOptionSelected = endOptionIndex;
13557
13707
  break;
13558
13708
  }
13559
- else {
13560
- if (event.target.id !== "clear-button") {
13561
- this.handleMenuChange(true);
13709
+ case " ":
13710
+ if (!isKeyboardCombination) {
13711
+ this.keyboardNav = false;
13562
13712
  }
13563
- }
13564
- break;
13565
- case "Enter":
13566
- event.preventDefault();
13567
- this.keyboardNav = false;
13568
- if (isOpen) {
13569
- if (highlightedOptionIndex >= 0) {
13570
- if (menuOptions[highlightedOptionIndex] !== undefined) {
13571
- if (this.isSearchBar &&
13572
- menuOptions[highlightedOptionIndex].disabled === true) {
13573
- this.disabledOptionSelected = true;
13574
- }
13575
- else {
13576
- this.setInputValue(highlightedOptionIndex);
13577
- this.value =
13578
- menuOptions[highlightedOptionIndex][this.valueField];
13579
- }
13713
+ if (this.isSearchBar || this.isSearchableSelect) {
13714
+ break;
13715
+ }
13716
+ else {
13717
+ if (event.target.id !== this.CLEAR_BUTTON_ID) {
13718
+ this.handleMenuChange(true);
13719
+ }
13720
+ }
13721
+ break;
13722
+ case "Enter":
13723
+ event.preventDefault();
13724
+ if (!isKeyboardCombination) {
13725
+ this.keyboardNav = false;
13726
+ }
13727
+ this.handleOptionSelect(event, highlightedOptionIndex);
13728
+ break;
13729
+ case "Escape":
13730
+ if (this.open) {
13731
+ event.stopImmediatePropagation();
13732
+ }
13733
+ this.handleMenuChange(false);
13734
+ this.menuOptionId.emit({ optionId: undefined });
13735
+ break;
13736
+ case "a":
13737
+ // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)
13738
+ // Otherwise, if a different OS, checks Ctrl key
13739
+ if ((isMacDevice() && event.metaKey) ||
13740
+ (!isMacDevice() && event.ctrlKey)) {
13741
+ this.emitSelectAll();
13742
+ this.lastOptionFocused = null;
13743
+ this.lastOptionSelected = null;
13744
+ }
13745
+ break;
13746
+ case "Shift":
13747
+ case "Tab":
13748
+ if (event.key === "Shift") {
13749
+ this.shiftPressed = true;
13750
+ }
13751
+ if (this.isSearchBar) {
13752
+ this.keyboardNav = true;
13753
+ }
13754
+ if (this.isMultiSelect) {
13755
+ if (this.open && !event.shiftKey && this.selectAllButton) {
13756
+ event.preventDefault();
13757
+ this.selectAllButton.focus(); // Move focus to select all button instead of focused option
13758
+ this.preventMenuFocus = true;
13759
+ this.preventClickOpen = true;
13760
+ this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button
13580
13761
  }
13581
13762
  }
13582
13763
  else {
13583
- this.setInputValue(highlightedOptionIndex);
13764
+ this.preventIncorrectTabOrder = true;
13584
13765
  }
13585
- }
13586
- else {
13587
- this.handleMenuChange(true);
13588
- }
13589
- break;
13590
- case "Escape":
13591
- if (this.open) {
13592
- event.stopImmediatePropagation();
13593
- }
13594
- this.handleMenuChange(false);
13595
- this.menuOptionId.emit({ optionId: undefined });
13596
- break;
13597
- case "Shift":
13598
- case "Tab":
13599
- if (this.isSearchBar) {
13600
- this.keyboardNav = true;
13601
- }
13602
- this.preventIncorrectTabOrder = true;
13603
- break;
13604
- default:
13605
- this.keyboardNav = false;
13606
- this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
13607
- break;
13766
+ break;
13767
+ default:
13768
+ if (!isKeyboardCombination) {
13769
+ this.keyboardNav = false;
13770
+ }
13771
+ this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
13772
+ }
13608
13773
  }
13609
13774
  };
13610
13775
  this.setInputValue = (highlightedOptionIndex) => {
13611
- const menuOptions = this.setMenuOptions();
13776
+ const menuOptions = this.getMenuOptions();
13612
13777
  if (menuOptions[highlightedOptionIndex] !== undefined) {
13613
13778
  this.menuOptionSelect.emit({
13614
13779
  value: menuOptions[highlightedOptionIndex][this.valueField],
13615
13780
  });
13616
- this.optionHighlighted = undefined;
13617
- this.menuOptionId.emit({ optionId: undefined });
13781
+ if (this.closeOnSelect) {
13782
+ this.optionHighlighted = undefined;
13783
+ this.menuOptionId.emit({ optionId: undefined });
13784
+ }
13785
+ }
13786
+ if (this.closeOnSelect) {
13787
+ if (!this.hasTimedOut) {
13788
+ this.handleMenuChange(false);
13789
+ }
13790
+ else {
13791
+ this.parentEl.setFocus();
13792
+ }
13618
13793
  }
13619
- if (!this.hasTimedOut)
13620
- this.handleMenuChange(false);
13621
- else
13622
- this.parentEl.setFocus();
13623
13794
  };
13624
13795
  this.handleOptionClick = (event) => {
13625
13796
  const { value, label } = event.target.dataset;
13626
- this.menuOptionSelect.emit({ value, label });
13627
- this.handleMenuChange(false);
13797
+ if (this.isMultiSelect) {
13798
+ const menuOptions = this.getMenuOptions();
13799
+ const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
13800
+ this.handleOptionSelect(event, selectedOptionIndex, true);
13801
+ this.multiOptionClicked = value;
13802
+ }
13803
+ else {
13804
+ this.menuOptionSelect.emit({ value, label });
13805
+ this.handleMenuChange(false);
13806
+ }
13807
+ this.optionHighlighted = undefined;
13628
13808
  };
13629
13809
  this.handleRetry = () => {
13630
13810
  this.retryButtonClicked.emit({ value: this.value });
@@ -13637,13 +13817,23 @@ class Menu {
13637
13817
  };
13638
13818
  this.handleBlur = (event) => {
13639
13819
  if (event.relatedTarget !== this.inputEl) {
13640
- if (!this.menu.contains(event.relatedTarget)) {
13820
+ if (event.relatedTarget === this.selectAllButton) {
13821
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
13822
+ }
13823
+ if (!(this.menu.contains(event.relatedTarget) ||
13824
+ event.relatedTarget === this.selectAllButton)) {
13641
13825
  this.handleMenuChange(false, this.hasPreviouslyBlurred);
13826
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
13827
+ this.lastOptionFocused = null;
13828
+ this.lastOptionSelected = null;
13642
13829
  }
13643
13830
  }
13644
13831
  else {
13645
13832
  this.handleMenuChange(false);
13646
13833
  this.preventClickOpen = true;
13834
+ this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
13835
+ this.lastOptionFocused = null;
13836
+ this.lastOptionSelected = null;
13647
13837
  }
13648
13838
  if (!this.isSearchBar)
13649
13839
  this.hasPreviouslyBlurred = !!event.relatedTarget;
@@ -13656,12 +13846,109 @@ class Menu {
13656
13846
  this.autoSetValueOnMenuKeyDown(event);
13657
13847
  }
13658
13848
  else if (this.activationType === "manual" && !this.isSearchBar) {
13659
- this.manSetInputValueKeyboardOpen(event);
13849
+ this.manualSetInputValueKeyboardOpen(event);
13660
13850
  }
13661
13851
  };
13852
+ this.handleMenuKeyUp = (event) => {
13853
+ if (event.key === "Tab" && event.shiftKey) {
13854
+ this.preventClickOpen = false;
13855
+ }
13856
+ if (event.key === "Enter" && this.disabledOptionSelected) {
13857
+ this.disabledOptionSelected = false;
13858
+ event.stopImmediatePropagation();
13859
+ }
13860
+ if (event.key === "Shift") {
13861
+ this.shiftPressed = false;
13862
+ }
13863
+ };
13864
+ this.handleSelectAllClick = () => {
13865
+ this.keyboardNav = false;
13866
+ this.menu.focus();
13867
+ this.emitSelectAll();
13868
+ this.lastOptionFocused = null;
13869
+ this.lastOptionSelected = null;
13870
+ };
13871
+ this.handleSelectAllBlur = (event) => {
13872
+ this.host.classList.remove("ic-select-select-all-focused");
13873
+ if (!this.menu.contains(event.relatedTarget)) {
13874
+ this.handleMenuChange(false, false);
13875
+ }
13876
+ };
13877
+ this.handleSelectAllFocus = () => {
13878
+ this.host.classList.add("ic-select-select-all-focused");
13879
+ this.lastOptionFocused = null;
13880
+ this.lastOptionSelected = null;
13881
+ };
13882
+ // Fix for Safari - select all button click was causing menu to close
13883
+ this.handleSelectAllMouseDown = (event) => {
13884
+ event.preventDefault();
13885
+ };
13886
+ // When shift key is being used to select contiguous options one by one on a multi-select
13887
+ // I.e. holding shift and pressing up and down arrow keys
13888
+ this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {
13889
+ if (this.isMultiSelect &&
13890
+ event.shiftKey &&
13891
+ !this.isOptionSelected(optionToSelectIndex)) {
13892
+ this.selectHighlightedOption(options, optionToSelectIndex);
13893
+ this.lastOptionSelected = optionToSelectIndex;
13894
+ }
13895
+ };
13896
+ // When shift key is being used to select multiple options at once on a multi-select
13897
+ // I.e. holding shift when selecting another option
13898
+ this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {
13899
+ this.shiftPressed = false;
13900
+ const firstOptionInSelection = firstOptionSelected === null
13901
+ ? this.getFirstOptionInSelection(useFocusForSelection)
13902
+ : firstOptionSelected;
13903
+ if (firstOptionInSelection !== null) {
13904
+ const optionsToSelect = [];
13905
+ if (firstOptionInSelection < lastOptionInSelection) {
13906
+ for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {
13907
+ optionsToSelect.push(i);
13908
+ }
13909
+ }
13910
+ else {
13911
+ for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {
13912
+ optionsToSelect.push(i);
13913
+ }
13914
+ }
13915
+ optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));
13916
+ this.deselectSelectedOptions(optionsToSelect);
13917
+ }
13918
+ };
13919
+ this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {
13920
+ const menuOptions = this.getMenuOptions();
13921
+ const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);
13922
+ if (event.shiftKey && firstOptionInSelection !== null) {
13923
+ this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);
13924
+ }
13925
+ else {
13926
+ this.selectHighlightedOption(menuOptions, optionIndex);
13927
+ }
13928
+ this.lastOptionFocused = optionIndex;
13929
+ this.lastOptionSelected = optionIndex;
13930
+ };
13931
+ this.getFirstOptionInSelection = (useFocusForSelection) => {
13932
+ return useFocusForSelection && this.lastOptionFocused !== null
13933
+ ? this.lastOptionFocused
13934
+ : this.lastOptionSelected !== null
13935
+ ? this.lastOptionSelected
13936
+ : null;
13937
+ };
13938
+ this.emitSelectAll = () => {
13939
+ var _a;
13940
+ // Select all if there is either no value or not all options are selected
13941
+ // 'true' means select all, 'false' means clear all
13942
+ this.menuOptionSelectAll.emit({
13943
+ select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),
13944
+ });
13945
+ };
13662
13946
  this.emitMenuKeyPress = (isNavKey, key) => {
13663
13947
  this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
13664
13948
  };
13949
+ // Determines keyboard behaviour when selection is automatic
13950
+ // (i.e. you don't have to press Enter select an option - just focus on it)
13951
+ // and menu is focused
13665
13952
  this.autoSetValueOnMenuKeyDown = (event) => {
13666
13953
  event.cancelBubble = true;
13667
13954
  const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
@@ -13721,15 +14008,6 @@ class Menu {
13721
14008
  }
13722
14009
  this.emitMenuKeyPress(this.keyboardNav, event.key);
13723
14010
  };
13724
- this.handleMenuKeyUp = (event) => {
13725
- if (event.key === "Tab" && event.shiftKey) {
13726
- this.preventClickOpen = false;
13727
- }
13728
- if (event.key === "Enter" && this.disabledOptionSelected) {
13729
- this.disabledOptionSelected = false;
13730
- event.stopImmediatePropagation();
13731
- }
13732
- };
13733
14011
  this.getOptionId = (value) => {
13734
14012
  return `${this.menuId}-${value}`;
13735
14013
  };
@@ -13755,6 +14033,10 @@ class Menu {
13755
14033
  }
13756
14034
  return sorted;
13757
14035
  };
14036
+ this.getOptionHighlightedIndex = () => {
14037
+ const menuOptions = this.getMenuOptions();
14038
+ return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
14039
+ };
13758
14040
  this.isManualMode = this.activationType === "manual";
13759
14041
  this.scrollToSelected = (menu) => {
13760
14042
  const selectedOption = this.selectOnEnter
@@ -13766,9 +14048,14 @@ class Menu {
13766
14048
  elTop < menu.scrollTop + menu.offsetHeight) {
13767
14049
  menu.scrollTop = selectedOption.offsetTop;
13768
14050
  }
14051
+ // 'aria-activedescendant' affects screen reader focus
14052
+ // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant
14053
+ this.menu.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);
13769
14054
  selectedOption.focus();
13770
14055
  }
13771
14056
  };
14057
+ // Set 'ungroupedOptions' variable and emit its value
14058
+ // - this is all the options with disabled options and group titles removed
13772
14059
  this.loadUngroupedOptions = () => {
13773
14060
  if (this.options.length > 0 && this.options.map) {
13774
14061
  this.options.map((option) => {
@@ -13795,21 +14082,24 @@ class Menu {
13795
14082
  this.handleTimeoutBlur = (ev) => {
13796
14083
  this.timeoutBlur.emit({ ev });
13797
14084
  };
13798
- this.optionContent = (option) => {
13799
- var _a;
13800
- return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: "option-text-container" }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), !!option[this.valueField] &&
14085
+ this.optionContent = (option, selected) => {
14086
+ const showCheckIcon = !!option[this.valueField] &&
13801
14087
  !!this.value &&
13802
- option[this.valueField].toLowerCase() === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) &&
13803
- this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
13804
- };
13805
- this.displayOption = (option, index, parentOption) => {
13806
- const { open, value, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
14088
+ selected &&
14089
+ this.parentEl.tagName !== "IC-SEARCH-BAR";
14090
+ return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: {
14091
+ "option-text-container": true,
14092
+ "show-check-icon": showCheckIcon,
14093
+ } }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), showCheckIcon && hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
14094
+ };
14095
+ this.displayOption = (option, selected, index, parentOption) => {
14096
+ const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
13807
14097
  return (hAsync("li", { id: this.getOptionId(option[this.valueField]), class: {
13808
14098
  option: true,
13809
14099
  "focused-option": isManualMode
13810
14100
  ? (keyboardNav || initialOptionsListRender) &&
13811
14101
  option[this.valueField] === optionHighlighted
13812
- : keyboardNav && option[this.valueField] === value,
14102
+ : keyboardNav && selected,
13813
14103
  "last-recommended-option": option.recommended &&
13814
14104
  options[index + 1] &&
13815
14105
  !options[index + 1].recommended,
@@ -13817,20 +14107,21 @@ class Menu {
13817
14107
  "loading-option": option.loading,
13818
14108
  timeout: option.timedOut,
13819
14109
  }, role: "option", tabindex: open &&
13820
- (option[this.valueField] === value ||
13821
- option[this.valueField] === optionHighlighted) &&
14110
+ (selected || option[this.valueField] === optionHighlighted) &&
13822
14111
  keyboardNav
13823
14112
  ? "0"
13824
- : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": `${option[this.valueField] === value}`, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("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" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
14113
+ : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("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" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
13825
14114
  };
13826
14115
  this.focusFromSearchKeypress = false;
13827
14116
  this.initialOptionsListRender = false;
13828
14117
  this.keyboardNav = false;
13829
14118
  this.optionHighlighted = undefined;
13830
14119
  this.preventIncorrectTabOrder = false;
14120
+ this.menuOptions = undefined;
13831
14121
  this.activationType = "automatic";
13832
14122
  this.anchorEl = undefined;
13833
14123
  this.autoFocusOnSelected = true;
14124
+ this.closeOnSelect = true;
13834
14125
  this.fullWidth = false;
13835
14126
  this.inputEl = undefined;
13836
14127
  this.inputLabel = undefined;
@@ -13857,9 +14148,6 @@ class Menu {
13857
14148
  this.ungroupedOptions = [];
13858
14149
  this.loadUngroupedOptions();
13859
14150
  }
13860
- watchValueHandler() {
13861
- this.menuValueChange.emit({ value: this.value });
13862
- }
13863
14151
  connectedCallback() {
13864
14152
  this.getParentEl(this.parentEl);
13865
14153
  if (this.isSearchBar) {
@@ -13898,7 +14186,7 @@ class Menu {
13898
14186
  }
13899
14187
  componentDidUpdate() {
13900
14188
  const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);
13901
- if (this.open && this.options.length !== 0) {
14189
+ if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {
13902
14190
  if (this.value &&
13903
14191
  this.keyboardNav &&
13904
14192
  inputValueInOptions &&
@@ -13906,8 +14194,7 @@ class Menu {
13906
14194
  !this.isSearchableSelect) {
13907
14195
  this.scrollToSelected(this.menu);
13908
14196
  }
13909
- else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
13910
- this.inputEl.tagName !== "INPUT") {
14197
+ else if (this.selectOnEnter) {
13911
14198
  this.menu.focus();
13912
14199
  }
13913
14200
  else if (!!this.optionHighlighted &&
@@ -13915,13 +14202,19 @@ class Menu {
13915
14202
  !this.preventIncorrectTabOrder) {
13916
14203
  const highlightedEl = this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);
13917
14204
  if (highlightedEl) {
14205
+ this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);
13918
14206
  highlightedEl.focus();
13919
14207
  }
13920
14208
  }
14209
+ else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
14210
+ this.inputEl.tagName !== "INPUT") {
14211
+ this.menu.focus();
14212
+ }
13921
14213
  }
13922
14214
  if (this.open && !this.value && this.selectOnEnter) {
13923
14215
  this.scrollToSelected(this.menu);
13924
14216
  }
14217
+ this.preventMenuFocus = false;
13925
14218
  }
13926
14219
  componentDidRender() {
13927
14220
  if (this.open && !this.popperInstance && this.anchorEl) {
@@ -13951,7 +14244,7 @@ class Menu {
13951
14244
  this.autoSetInputValueKeyboardOpen(event);
13952
14245
  }
13953
14246
  else {
13954
- this.manSetInputValueKeyboardOpen(event);
14247
+ this.manualSetInputValueKeyboardOpen(event);
13955
14248
  }
13956
14249
  }
13957
14250
  /**
@@ -13966,8 +14259,9 @@ class Menu {
13966
14259
  * boundary behaviour so sticking with PopperJS.
13967
14260
  */
13968
14261
  async initPopperJs(anchor) {
14262
+ // Placements set to "-start" to accommodate for custom menu width - menu should always be aligned to the left
13969
14263
  this.popperInstance = createPopper(anchor, this.host, {
13970
- placement: "bottom",
14264
+ placement: "bottom-start",
13971
14265
  modifiers: [
13972
14266
  {
13973
14267
  name: "offset",
@@ -13978,7 +14272,7 @@ class Menu {
13978
14272
  {
13979
14273
  name: "flip",
13980
14274
  options: {
13981
- fallbackPlacements: ["top"],
14275
+ fallbackPlacements: ["top-start"],
13982
14276
  rootBoundary: "viewport",
13983
14277
  },
13984
14278
  },
@@ -14000,30 +14294,43 @@ class Menu {
14000
14294
  }
14001
14295
  render() {
14002
14296
  const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;
14297
+ const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
14298
+ const hasNoResults = this.host.classList.contains("no-results");
14003
14299
  return (hAsync(Host, { class: {
14004
14300
  "ic-menu-full-width": fullWidth,
14005
14301
  "ic-menu-no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" || hasTimedOut || isLoading,
14006
14302
  [`ic-menu-${size}`]: true,
14007
- "ic-menu-open": open,
14008
- } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": inputLabel, "aria-activedescendant": value != null && value !== "" ? this.getOptionId(value) : "", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
14303
+ "ic-menu-open": open && options.length !== 0,
14304
+ "ic-menu-multiple": this.isMultiSelect,
14305
+ } }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
14009
14306
  if (option.children) {
14010
14307
  if (option.children.length > 0) {
14011
- return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => this.displayOption(childOption, index, option))));
14308
+ return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
14309
+ this.displayOption(childOption, this.isMultiSelect
14310
+ ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
14311
+ : childOption[this.valueField] === value, index, option))));
14012
14312
  }
14013
14313
  else {
14014
14314
  return null;
14015
14315
  }
14016
14316
  }
14017
14317
  else {
14018
- return this.displayOption(option, index);
14019
- }
14020
- })))));
14318
+ // Display option only if it has a label (rather than displaying an empty space)
14319
+ return (option.label &&
14320
+ this.displayOption(option, this.isMultiSelect
14321
+ ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
14322
+ : option[this.valueField] === value, index));
14323
+ }
14324
+ }))), options.length !== 0 &&
14325
+ this.isMultiSelect &&
14326
+ !isLoading &&
14327
+ !hasTimedOut &&
14328
+ !hasNoResults && (hAsync("div", { class: "option-bar" }, hAsync("ic-typography", null, hAsync("p", null, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
14021
14329
  }
14022
14330
  get host() { return getElement(this); }
14023
14331
  static get watchers() { return {
14024
14332
  "open": ["watchOpenHandler"],
14025
- "options": ["watchOptionsHandler"],
14026
- "value": ["watchValueHandler"]
14333
+ "options": ["watchOptionsHandler"]
14027
14334
  }; }
14028
14335
  static get style() { return icMenuCss; }
14029
14336
  static get cmpMeta() { return {
@@ -14033,6 +14340,7 @@ class Menu {
14033
14340
  "activationType": [1, "activation-type"],
14034
14341
  "anchorEl": [16],
14035
14342
  "autoFocusOnSelected": [4, "auto-focus-on-selected"],
14343
+ "closeOnSelect": [4, "close-on-select"],
14036
14344
  "fullWidth": [4, "full-width"],
14037
14345
  "inputEl": [16],
14038
14346
  "inputLabel": [1, "input-label"],
@@ -14044,13 +14352,14 @@ class Menu {
14044
14352
  "selectOnEnter": [4, "select-on-enter"],
14045
14353
  "size": [1],
14046
14354
  "options": [16],
14047
- "value": [1025],
14355
+ "value": [1],
14048
14356
  "valueField": [1, "value-field"],
14049
14357
  "focusFromSearchKeypress": [32],
14050
14358
  "initialOptionsListRender": [32],
14051
14359
  "keyboardNav": [32],
14052
14360
  "optionHighlighted": [32],
14053
14361
  "preventIncorrectTabOrder": [32],
14362
+ "menuOptions": [32],
14054
14363
  "handleClickOpen": [64],
14055
14364
  "handleKeyboardOpen": [64],
14056
14365
  "handleSetFirstOption": [64],
@@ -14062,7 +14371,7 @@ class Menu {
14062
14371
  }; }
14063
14372
  }
14064
14373
 
14065
- const icMenuGroupCss = "/*!@html*/html.sc-ic-menu-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-group{margin:0}/*!@main*/main.sc-ic-menu-group{display:block}/*!@h1*/h1.sc-ic-menu-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-group,strong.sc-ic-menu-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-group,kbd.sc-ic-menu-group,samp.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-group,sup.sc-ic-menu-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-group{top:-0.5em}/*!@img*/img.sc-ic-menu-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-group,input.sc-ic-menu-group,optgroup.sc-ic-menu-group,select.sc-ic-menu-group,textarea.sc-ic-menu-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-group,input.sc-ic-menu-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-group,select.sc-ic-menu-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-group,[type=\"button\"].sc-ic-menu-group,[type=\"reset\"].sc-ic-menu-group,[type=\"submit\"].sc-ic-menu-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu-group::-moz-focus-inner,[type=\"button\"].sc-ic-menu-group::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-group::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu-group:-moz-focusring,[type=\"button\"].sc-ic-menu-group:-moz-focusring,[type=\"reset\"].sc-ic-menu-group:-moz-focusring,[type=\"submit\"].sc-ic-menu-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-group,[type=\"radio\"].sc-ic-menu-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-group{display:block}/*!@summary*/summary.sc-ic-menu-group{display:list-item}/*!@template*/template.sc-ic-menu-group{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-group{display:none}/*!@html,\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*/html.sc-ic-menu-group,body.sc-ic-menu-group,div.sc-ic-menu-group,span.sc-ic-menu-group,applet.sc-ic-menu-group,object.sc-ic-menu-group,iframe.sc-ic-menu-group,h1.sc-ic-menu-group,h2.sc-ic-menu-group,h3.sc-ic-menu-group,h4.sc-ic-menu-group,h5.sc-ic-menu-group,h6.sc-ic-menu-group,p.sc-ic-menu-group,blockquote.sc-ic-menu-group,pre.sc-ic-menu-group,a.sc-ic-menu-group,abbr.sc-ic-menu-group,acronym.sc-ic-menu-group,address.sc-ic-menu-group,big.sc-ic-menu-group,cite.sc-ic-menu-group,code.sc-ic-menu-group,del.sc-ic-menu-group,dfn.sc-ic-menu-group,em.sc-ic-menu-group,img.sc-ic-menu-group,ins.sc-ic-menu-group,kbd.sc-ic-menu-group,q.sc-ic-menu-group,s.sc-ic-menu-group,samp.sc-ic-menu-group,small.sc-ic-menu-group,strike.sc-ic-menu-group,strong.sc-ic-menu-group,sub.sc-ic-menu-group,sup.sc-ic-menu-group,tt.sc-ic-menu-group,var.sc-ic-menu-group,b.sc-ic-menu-group,u.sc-ic-menu-group,i.sc-ic-menu-group,center.sc-ic-menu-group,dl.sc-ic-menu-group,dt.sc-ic-menu-group,dd.sc-ic-menu-group,ol.sc-ic-menu-group,ul.sc-ic-menu-group,li.sc-ic-menu-group,fieldset.sc-ic-menu-group,form.sc-ic-menu-group,label.sc-ic-menu-group,legend.sc-ic-menu-group,table.sc-ic-menu-group,caption.sc-ic-menu-group,tbody.sc-ic-menu-group,tfoot.sc-ic-menu-group,thead.sc-ic-menu-group,tr.sc-ic-menu-group,th.sc-ic-menu-group,td.sc-ic-menu-group,article.sc-ic-menu-group,aside.sc-ic-menu-group,canvas.sc-ic-menu-group,details.sc-ic-menu-group,embed.sc-ic-menu-group,figure.sc-ic-menu-group,figcaption.sc-ic-menu-group,footer.sc-ic-menu-group,header.sc-ic-menu-group,hgroup.sc-ic-menu-group,menu.sc-ic-menu-group,nav.sc-ic-menu-group,output.sc-ic-menu-group,ruby.sc-ic-menu-group,section.sc-ic-menu-group,summary.sc-ic-menu-group,time.sc-ic-menu-group,mark.sc-ic-menu-group,audio.sc-ic-menu-group,video.sc-ic-menu-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-menu-group-h{display:flex;flex-direction:column}/*!@ic-typography*/ic-typography.sc-ic-menu-group{--ic-typography-color:var(--ic-color-text-tertiary);margin:var(--ic-space-xs) var(--ic-space-xs) 0}/*!@ul*/ul.sc-ic-menu-group{list-style-type:none;margin:0;padding:0}/*!@hr*/hr.sc-ic-menu-group{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-architectural-300);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}";
14374
+ const icMenuGroupCss = "/*!@html*/html.sc-ic-menu-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-group{margin:0}/*!@main*/main.sc-ic-menu-group{display:block}/*!@h1*/h1.sc-ic-menu-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-group,strong.sc-ic-menu-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-group,kbd.sc-ic-menu-group,samp.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-group,sup.sc-ic-menu-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-group{top:-0.5em}/*!@img*/img.sc-ic-menu-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-group,input.sc-ic-menu-group,optgroup.sc-ic-menu-group,select.sc-ic-menu-group,textarea.sc-ic-menu-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-group,input.sc-ic-menu-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-group,select.sc-ic-menu-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-group,[type=\"button\"].sc-ic-menu-group,[type=\"reset\"].sc-ic-menu-group,[type=\"submit\"].sc-ic-menu-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu-group::-moz-focus-inner,[type=\"button\"].sc-ic-menu-group::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-group::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu-group:-moz-focusring,[type=\"button\"].sc-ic-menu-group:-moz-focusring,[type=\"reset\"].sc-ic-menu-group:-moz-focusring,[type=\"submit\"].sc-ic-menu-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-group,[type=\"radio\"].sc-ic-menu-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-group{display:block}/*!@summary*/summary.sc-ic-menu-group{display:list-item}/*!@template*/template.sc-ic-menu-group{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-group{display:none}/*!@html,\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*/html.sc-ic-menu-group,body.sc-ic-menu-group,div.sc-ic-menu-group,span.sc-ic-menu-group,applet.sc-ic-menu-group,object.sc-ic-menu-group,iframe.sc-ic-menu-group,h1.sc-ic-menu-group,h2.sc-ic-menu-group,h3.sc-ic-menu-group,h4.sc-ic-menu-group,h5.sc-ic-menu-group,h6.sc-ic-menu-group,p.sc-ic-menu-group,blockquote.sc-ic-menu-group,pre.sc-ic-menu-group,a.sc-ic-menu-group,abbr.sc-ic-menu-group,acronym.sc-ic-menu-group,address.sc-ic-menu-group,big.sc-ic-menu-group,cite.sc-ic-menu-group,code.sc-ic-menu-group,del.sc-ic-menu-group,dfn.sc-ic-menu-group,em.sc-ic-menu-group,img.sc-ic-menu-group,ins.sc-ic-menu-group,kbd.sc-ic-menu-group,q.sc-ic-menu-group,s.sc-ic-menu-group,samp.sc-ic-menu-group,small.sc-ic-menu-group,strike.sc-ic-menu-group,strong.sc-ic-menu-group,sub.sc-ic-menu-group,sup.sc-ic-menu-group,tt.sc-ic-menu-group,var.sc-ic-menu-group,b.sc-ic-menu-group,u.sc-ic-menu-group,i.sc-ic-menu-group,center.sc-ic-menu-group,dl.sc-ic-menu-group,dt.sc-ic-menu-group,dd.sc-ic-menu-group,ol.sc-ic-menu-group,ul.sc-ic-menu-group,li.sc-ic-menu-group,fieldset.sc-ic-menu-group,form.sc-ic-menu-group,label.sc-ic-menu-group,legend.sc-ic-menu-group,table.sc-ic-menu-group,caption.sc-ic-menu-group,tbody.sc-ic-menu-group,tfoot.sc-ic-menu-group,thead.sc-ic-menu-group,tr.sc-ic-menu-group,th.sc-ic-menu-group,td.sc-ic-menu-group,article.sc-ic-menu-group,aside.sc-ic-menu-group,canvas.sc-ic-menu-group,details.sc-ic-menu-group,embed.sc-ic-menu-group,figure.sc-ic-menu-group,figcaption.sc-ic-menu-group,footer.sc-ic-menu-group,header.sc-ic-menu-group,hgroup.sc-ic-menu-group,menu.sc-ic-menu-group,nav.sc-ic-menu-group,output.sc-ic-menu-group,ruby.sc-ic-menu-group,section.sc-ic-menu-group,summary.sc-ic-menu-group,time.sc-ic-menu-group,mark.sc-ic-menu-group,audio.sc-ic-menu-group,video.sc-ic-menu-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-menu-group-h{display:flex;flex-direction:column}/*!@ic-typography*/ic-typography.sc-ic-menu-group{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}/*!@ul*/ul.sc-ic-menu-group{list-style-type:none;margin:0;padding:0}/*!@hr*/hr.sc-ic-menu-group{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-popover-border);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}";
14066
14375
 
14067
14376
  class MenuGroup {
14068
14377
  constructor(hostRef) {
@@ -14087,7 +14396,7 @@ class MenuGroup {
14087
14396
  }; }
14088
14397
  }
14089
14398
 
14090
- const icMenuItemCss = "/*!@html*/html.sc-ic-menu-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-item{margin:0}/*!@main*/main.sc-ic-menu-item{display:block}/*!@h1*/h1.sc-ic-menu-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-item,strong.sc-ic-menu-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-item,kbd.sc-ic-menu-item,samp.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-item,sup.sc-ic-menu-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-item{top:-0.5em}/*!@img*/img.sc-ic-menu-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-item,input.sc-ic-menu-item,optgroup.sc-ic-menu-item,select.sc-ic-menu-item,textarea.sc-ic-menu-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-item,input.sc-ic-menu-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-item,select.sc-ic-menu-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-item,[type=\"button\"].sc-ic-menu-item,[type=\"reset\"].sc-ic-menu-item,[type=\"submit\"].sc-ic-menu-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu-item::-moz-focus-inner,[type=\"button\"].sc-ic-menu-item::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-item::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu-item:-moz-focusring,[type=\"button\"].sc-ic-menu-item:-moz-focusring,[type=\"reset\"].sc-ic-menu-item:-moz-focusring,[type=\"submit\"].sc-ic-menu-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-item,[type=\"radio\"].sc-ic-menu-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-item{display:block}/*!@summary*/summary.sc-ic-menu-item{display:list-item}/*!@template*/template.sc-ic-menu-item{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-item{display:none}/*!@html,\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*/html.sc-ic-menu-item,body.sc-ic-menu-item,div.sc-ic-menu-item,span.sc-ic-menu-item,applet.sc-ic-menu-item,object.sc-ic-menu-item,iframe.sc-ic-menu-item,h1.sc-ic-menu-item,h2.sc-ic-menu-item,h3.sc-ic-menu-item,h4.sc-ic-menu-item,h5.sc-ic-menu-item,h6.sc-ic-menu-item,p.sc-ic-menu-item,blockquote.sc-ic-menu-item,pre.sc-ic-menu-item,a.sc-ic-menu-item,abbr.sc-ic-menu-item,acronym.sc-ic-menu-item,address.sc-ic-menu-item,big.sc-ic-menu-item,cite.sc-ic-menu-item,code.sc-ic-menu-item,del.sc-ic-menu-item,dfn.sc-ic-menu-item,em.sc-ic-menu-item,img.sc-ic-menu-item,ins.sc-ic-menu-item,kbd.sc-ic-menu-item,q.sc-ic-menu-item,s.sc-ic-menu-item,samp.sc-ic-menu-item,small.sc-ic-menu-item,strike.sc-ic-menu-item,strong.sc-ic-menu-item,sub.sc-ic-menu-item,sup.sc-ic-menu-item,tt.sc-ic-menu-item,var.sc-ic-menu-item,b.sc-ic-menu-item,u.sc-ic-menu-item,i.sc-ic-menu-item,center.sc-ic-menu-item,dl.sc-ic-menu-item,dt.sc-ic-menu-item,dd.sc-ic-menu-item,ol.sc-ic-menu-item,ul.sc-ic-menu-item,li.sc-ic-menu-item,fieldset.sc-ic-menu-item,form.sc-ic-menu-item,label.sc-ic-menu-item,legend.sc-ic-menu-item,table.sc-ic-menu-item,caption.sc-ic-menu-item,tbody.sc-ic-menu-item,tfoot.sc-ic-menu-item,thead.sc-ic-menu-item,tr.sc-ic-menu-item,th.sc-ic-menu-item,td.sc-ic-menu-item,article.sc-ic-menu-item,aside.sc-ic-menu-item,canvas.sc-ic-menu-item,details.sc-ic-menu-item,embed.sc-ic-menu-item,figure.sc-ic-menu-item,figcaption.sc-ic-menu-item,footer.sc-ic-menu-item,header.sc-ic-menu-item,hgroup.sc-ic-menu-item,menu.sc-ic-menu-item,nav.sc-ic-menu-item,output.sc-ic-menu-item,ruby.sc-ic-menu-item,section.sc-ic-menu-item,summary.sc-ic-menu-item,time.sc-ic-menu-item,mark.sc-ic-menu-item,audio.sc-ic-menu-item,video.sc-ic-menu-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@li*/li.sc-ic-menu-item{list-style:none;padding:0}/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-color-text-primary);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}/*!@.focus-border*/.focus-border.sc-ic-menu-item{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}/*!@:host(.ic-menu-item-disabled) ::part(button)*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-architectural-200) !important;--ic-typography-color:var(--ic-architectural-200) !important;pointer-events:none}/*!@:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-architectural-200) !important}/*!@:host([variant=\"destructive\"]) ::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-action-destructive);--ic-typography-color:var(--ic-action-destructive)}/*!@:host ::part(button):hover*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@:host ::part(button):focus-visible,\n:host ::part(button):focus*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-color-white-text);--ic-typography-color:var(--ic-color-white-text);background-color:var(--ic-color-focus-inner);box-shadow:none}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-theme-lighten-40) !important;--ic-typography-color:var(--ic-theme-lighten-40) !important}/*!@:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{background-color:var(--ic-action-destructive)}/*!@ic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description*/ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-white-text)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:var(--ic-architectural-white)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-theme-lighten-40) !important}/*!@:host ::part(button):active*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-color-text-primary) !important;--ic-typography-color:var(--ic-color-text-primary) !important}/*!@:host([variant=\"destructive\"]) ::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-destructive) !important;--ic-typography-color:var(--ic-action-destructive) !important}/*!@.menu-item-info*/.menu-item-info.sc-ic-menu-item{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}/*!@.menu-labels*/.menu-labels.sc-ic-menu-item{display:flex;align-items:baseline;gap:var(--ic-space-xs)}/*!@.menu-item-description*/.menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-secondary)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-tertiary);display:flex;flex:min-content}/*!@:host([variant=\"destructive\"]) .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}/*!@ic-button:active .menu-item-label*/ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-primary)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-secondary)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-tertiary)}/*!@:host([variant=\"destructive\"]) ic-button:active .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-action-destructive) !important}/*!@.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg*/.icon.sc-ic-menu-item,.check-icon.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item,.icon.sc-ic-menu-item-s>svg,.icon .sc-ic-menu-item-s>svg,.check-icon.sc-ic-menu-item svg.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item svg.sc-ic-menu-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.check-icon.hide*/.check-icon.hide.sc-ic-menu-item{visibility:hidden}@media (forced-colors: active){/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){border:canvas}/*!@:host ::part(button):focus-visible*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:canvas}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.ic-menu-item-disabled) .menu-item-info,\n :host(.ic-menu-item-disabled) .menu-item-label,\n :host(.ic-menu-item-disabled) .shortcut,\n :host(.ic-menu-item-disabled) .menu-item-description,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:GrayText !important}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n :host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{outline-color:GrayText !important}}";
14399
+ const icMenuItemCss = "/*!@html*/html.sc-ic-menu-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-item{margin:0}/*!@main*/main.sc-ic-menu-item{display:block}/*!@h1*/h1.sc-ic-menu-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-item,strong.sc-ic-menu-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-item,kbd.sc-ic-menu-item,samp.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-item,sup.sc-ic-menu-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-item{top:-0.5em}/*!@img*/img.sc-ic-menu-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-item,input.sc-ic-menu-item,optgroup.sc-ic-menu-item,select.sc-ic-menu-item,textarea.sc-ic-menu-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-item,input.sc-ic-menu-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-item,select.sc-ic-menu-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-item,[type=\"button\"].sc-ic-menu-item,[type=\"reset\"].sc-ic-menu-item,[type=\"submit\"].sc-ic-menu-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu-item::-moz-focus-inner,[type=\"button\"].sc-ic-menu-item::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-item::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu-item:-moz-focusring,[type=\"button\"].sc-ic-menu-item:-moz-focusring,[type=\"reset\"].sc-ic-menu-item:-moz-focusring,[type=\"submit\"].sc-ic-menu-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-item,[type=\"radio\"].sc-ic-menu-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-item{display:block}/*!@summary*/summary.sc-ic-menu-item{display:list-item}/*!@template*/template.sc-ic-menu-item{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-item{display:none}/*!@html,\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*/html.sc-ic-menu-item,body.sc-ic-menu-item,div.sc-ic-menu-item,span.sc-ic-menu-item,applet.sc-ic-menu-item,object.sc-ic-menu-item,iframe.sc-ic-menu-item,h1.sc-ic-menu-item,h2.sc-ic-menu-item,h3.sc-ic-menu-item,h4.sc-ic-menu-item,h5.sc-ic-menu-item,h6.sc-ic-menu-item,p.sc-ic-menu-item,blockquote.sc-ic-menu-item,pre.sc-ic-menu-item,a.sc-ic-menu-item,abbr.sc-ic-menu-item,acronym.sc-ic-menu-item,address.sc-ic-menu-item,big.sc-ic-menu-item,cite.sc-ic-menu-item,code.sc-ic-menu-item,del.sc-ic-menu-item,dfn.sc-ic-menu-item,em.sc-ic-menu-item,img.sc-ic-menu-item,ins.sc-ic-menu-item,kbd.sc-ic-menu-item,q.sc-ic-menu-item,s.sc-ic-menu-item,samp.sc-ic-menu-item,small.sc-ic-menu-item,strike.sc-ic-menu-item,strong.sc-ic-menu-item,sub.sc-ic-menu-item,sup.sc-ic-menu-item,tt.sc-ic-menu-item,var.sc-ic-menu-item,b.sc-ic-menu-item,u.sc-ic-menu-item,i.sc-ic-menu-item,center.sc-ic-menu-item,dl.sc-ic-menu-item,dt.sc-ic-menu-item,dd.sc-ic-menu-item,ol.sc-ic-menu-item,ul.sc-ic-menu-item,li.sc-ic-menu-item,fieldset.sc-ic-menu-item,form.sc-ic-menu-item,label.sc-ic-menu-item,legend.sc-ic-menu-item,table.sc-ic-menu-item,caption.sc-ic-menu-item,tbody.sc-ic-menu-item,tfoot.sc-ic-menu-item,thead.sc-ic-menu-item,tr.sc-ic-menu-item,th.sc-ic-menu-item,td.sc-ic-menu-item,article.sc-ic-menu-item,aside.sc-ic-menu-item,canvas.sc-ic-menu-item,details.sc-ic-menu-item,embed.sc-ic-menu-item,figure.sc-ic-menu-item,figcaption.sc-ic-menu-item,footer.sc-ic-menu-item,header.sc-ic-menu-item,hgroup.sc-ic-menu-item,menu.sc-ic-menu-item,nav.sc-ic-menu-item,output.sc-ic-menu-item,ruby.sc-ic-menu-item,section.sc-ic-menu-item,summary.sc-ic-menu-item,time.sc-ic-menu-item,mark.sc-ic-menu-item,audio.sc-ic-menu-item,video.sc-ic-menu-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@li*/li.sc-ic-menu-item{list-style:none;padding:0}/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}/*!@.focus-border*/.focus-border.sc-ic-menu-item{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}/*!@:host(.ic-menu-item-disabled) ::part(button)*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}/*!@:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}/*!@:host([variant=\"destructive\"]) ::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}/*!@:host ::part(button):hover*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):hover{background-color:var(--ic-popover-background-hover)}/*!@:host ::part(button):focus-visible,\n:host ::part(button):focus*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}/*!@:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}/*!@ic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description*/ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:var(--ic-popover-menu-border)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}/*!@:host ::part(button):active*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}/*!@:host([variant=\"destructive\"]) ::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}/*!@.menu-item-info*/.menu-item-info.sc-ic-menu-item{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}/*!@.menu-labels*/.menu-labels.sc-ic-menu-item{display:flex;align-items:baseline;gap:var(--ic-space-xs)}/*!@.menu-item-description*/.menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-description)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}/*!@:host([variant=\"destructive\"]) .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}/*!@ic-button:active .menu-item-label*/ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-description)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}/*!@:host([variant=\"destructive\"]) ic-button:active .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}/*!@.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg*/.icon.sc-ic-menu-item,.check-icon.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item,.icon.sc-ic-menu-item-s>svg,.icon .sc-ic-menu-item-s>svg,.check-icon.sc-ic-menu-item svg.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item svg.sc-ic-menu-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.check-icon.hide*/.check-icon.hide.sc-ic-menu-item{visibility:hidden}@media (forced-colors: active){/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){border:canvas}/*!@:host ::part(button):focus-visible*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:canvas}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.ic-menu-item-disabled) .menu-item-info,\n :host(.ic-menu-item-disabled) .menu-item-label,\n :host(.ic-menu-item-disabled) .shortcut,\n :host(.ic-menu-item-disabled) .menu-item-description,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:GrayText !important}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n :host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{outline-color:GrayText !important}}";
14091
14400
 
14092
14401
  /**
14093
14402
  * @slot icon - Content will be placed to the left of the menu item label.
@@ -14333,7 +14642,7 @@ class NavigationButton {
14333
14642
  }; }
14334
14643
  }
14335
14644
 
14336
- const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\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*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
14645
+ const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\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*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
14337
14646
 
14338
14647
  class NavigationGroup {
14339
14648
  constructor(hostRef) {
@@ -14976,7 +15285,7 @@ class NavigationMenu {
14976
15285
  }; }
14977
15286
  }
14978
15287
 
14979
- const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\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*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block;z-index:var(--ic-z-index-page-header)}/*!@:host(.ic-page-header-sticky)*/.ic-page-header-sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:var(--ic-border-default)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;margin-bottom:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading.small*/.subheading.small.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}/*!@.tabs-slot::-webkit-scrollbar*/.tabs-slot.sc-ic-page-header::-webkit-scrollbar{display:none}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:20rem}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.ic-page-header-sticky-desktop)*/.ic-page-header-sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
15288
+ const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\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*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block;z-index:var(--ic-z-index-page-header)}/*!@:host(.ic-page-header-sticky)*/.ic-page-header-sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:var(--ic-border-default)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading-content*/.subheading-content.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.subheading-content.small*/.subheading-content.small.sc-ic-page-header{margin-top:var(--ic-space-md)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}/*!@.tabs-slot::-webkit-scrollbar*/.tabs-slot.sc-ic-page-header::-webkit-scrollbar{display:none}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:20rem}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.ic-page-header-sticky-desktop)*/.ic-page-header-sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
14980
15289
 
14981
15290
  /**
14982
15291
  * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
@@ -15075,10 +15384,10 @@ class PageHeader {
15075
15384
  }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { class: {
15076
15385
  ["border-bottom"]: border,
15077
15386
  ["tabs"]: isSlotUsed(this.el, "tabs"),
15078
- }, role: "presentation" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div", null, hAsync("slot", { name: "subheading" }, subheading && (hAsync("ic-typography", { variant: "body", class: {
15079
- ["subheading"]: true,
15387
+ }, role: "presentation" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div", { class: {
15388
+ ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
15080
15389
  ["small"]: size === "small",
15081
- } }, subheading))))), isSlotUsed(this.el, "actions") && (hAsync("div", { class: "action-area" }, hAsync("slot", { name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { class: "input-area" }, hAsync("slot", { name: "input" })))), (isSlotUsed(this.el, "stepper") ||
15390
+ } }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { class: "action-area" }, hAsync("slot", { name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { class: "input-area" }, hAsync("slot", { name: "input" })))), (isSlotUsed(this.el, "stepper") ||
15082
15391
  isSlotUsed(this.el, "tabs")) && (hAsync("div", { class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
15083
15392
  !isSlotUsed(this.el, "tabs") && hAsync("slot", { name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", null, hAsync("ul", { class: "tabs-slot" }, hAsync("slot", { name: "tabs" })))))))))));
15084
15393
  }
@@ -15433,7 +15742,7 @@ class PaginationItem {
15433
15742
  }; }
15434
15743
  }
15435
15744
 
15436
- const icPopoverMenuCss = "/*!@html*/html.sc-ic-popover-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-popover-menu{margin:0}/*!@main*/main.sc-ic-popover-menu{display:block}/*!@h1*/h1.sc-ic-popover-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-popover-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-popover-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-popover-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-popover-menu,strong.sc-ic-popover-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-popover-menu,kbd.sc-ic-popover-menu,samp.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-popover-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-popover-menu,sup.sc-ic-popover-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-popover-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-popover-menu{top:-0.5em}/*!@img*/img.sc-ic-popover-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-popover-menu,input.sc-ic-popover-menu,optgroup.sc-ic-popover-menu,select.sc-ic-popover-menu,textarea.sc-ic-popover-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-popover-menu,input.sc-ic-popover-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-popover-menu,select.sc-ic-popover-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-popover-menu,[type=\"button\"].sc-ic-popover-menu,[type=\"reset\"].sc-ic-popover-menu,[type=\"submit\"].sc-ic-popover-menu{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-popover-menu::-moz-focus-inner,[type=\"button\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-popover-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-popover-menu:-moz-focusring,[type=\"button\"].sc-ic-popover-menu:-moz-focusring,[type=\"reset\"].sc-ic-popover-menu:-moz-focusring,[type=\"submit\"].sc-ic-popover-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-popover-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-popover-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-popover-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-popover-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-popover-menu,[type=\"radio\"].sc-ic-popover-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-popover-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-popover-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-popover-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-popover-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-popover-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-popover-menu{display:block}/*!@summary*/summary.sc-ic-popover-menu{display:list-item}/*!@template*/template.sc-ic-popover-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-popover-menu{display:none}/*!@html,\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*/html.sc-ic-popover-menu,body.sc-ic-popover-menu,div.sc-ic-popover-menu,span.sc-ic-popover-menu,applet.sc-ic-popover-menu,object.sc-ic-popover-menu,iframe.sc-ic-popover-menu,h1.sc-ic-popover-menu,h2.sc-ic-popover-menu,h3.sc-ic-popover-menu,h4.sc-ic-popover-menu,h5.sc-ic-popover-menu,h6.sc-ic-popover-menu,p.sc-ic-popover-menu,blockquote.sc-ic-popover-menu,pre.sc-ic-popover-menu,a.sc-ic-popover-menu,abbr.sc-ic-popover-menu,acronym.sc-ic-popover-menu,address.sc-ic-popover-menu,big.sc-ic-popover-menu,cite.sc-ic-popover-menu,code.sc-ic-popover-menu,del.sc-ic-popover-menu,dfn.sc-ic-popover-menu,em.sc-ic-popover-menu,img.sc-ic-popover-menu,ins.sc-ic-popover-menu,kbd.sc-ic-popover-menu,q.sc-ic-popover-menu,s.sc-ic-popover-menu,samp.sc-ic-popover-menu,small.sc-ic-popover-menu,strike.sc-ic-popover-menu,strong.sc-ic-popover-menu,sub.sc-ic-popover-menu,sup.sc-ic-popover-menu,tt.sc-ic-popover-menu,var.sc-ic-popover-menu,b.sc-ic-popover-menu,u.sc-ic-popover-menu,i.sc-ic-popover-menu,center.sc-ic-popover-menu,dl.sc-ic-popover-menu,dt.sc-ic-popover-menu,dd.sc-ic-popover-menu,ol.sc-ic-popover-menu,ul.sc-ic-popover-menu,li.sc-ic-popover-menu,fieldset.sc-ic-popover-menu,form.sc-ic-popover-menu,label.sc-ic-popover-menu,legend.sc-ic-popover-menu,table.sc-ic-popover-menu,caption.sc-ic-popover-menu,tbody.sc-ic-popover-menu,tfoot.sc-ic-popover-menu,thead.sc-ic-popover-menu,tr.sc-ic-popover-menu,th.sc-ic-popover-menu,td.sc-ic-popover-menu,article.sc-ic-popover-menu,aside.sc-ic-popover-menu,canvas.sc-ic-popover-menu,details.sc-ic-popover-menu,embed.sc-ic-popover-menu,figure.sc-ic-popover-menu,figcaption.sc-ic-popover-menu,footer.sc-ic-popover-menu,header.sc-ic-popover-menu,hgroup.sc-ic-popover-menu,menu.sc-ic-popover-menu,nav.sc-ic-popover-menu,output.sc-ic-popover-menu,ruby.sc-ic-popover-menu,section.sc-ic-popover-menu,summary.sc-ic-popover-menu,time.sc-ic-popover-menu,mark.sc-ic-popover-menu,audio.sc-ic-popover-menu,video.sc-ic-popover-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host .opening-from-parent*/.sc-ic-popover-menu-h .opening-from-parent.sc-ic-popover-menu{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}/*!@:host .opening-from-child*/.sc-ic-popover-menu-h .opening-from-child.sc-ic-popover-menu{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-popover-menu-h{border-radius:var(--ic-border-radius);color:var(--ic-color-text-primary);--ic-typography-color:var(--ic-color-text-primary);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}/*!@:host(.on-dialog)*/.on-dialog.sc-ic-popover-menu-h{inset:auto !important}/*!@:host(.on-dialog-fix-translate)*/.on-dialog-fix-translate.sc-ic-popover-menu-h{transform:translate(0, var(--ic-space-xs)) !important}/*!@:host(.on-dialog-translate-y)*/.on-dialog-translate-y.sc-ic-popover-menu-h{transform:translate(0, calc(-1 * var(--translate-y))) !important}/*!@.menu*/.menu.sc-ic-popover-menu{border:var(--ic-border-default);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;height:0}/*!@.button*/.button.sc-ic-popover-menu{text-decoration:none;list-style-type:none}/*!@:host(:focus-within)*/.sc-ic-popover-menu-h:focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu:focus-visible*/.menu.sc-ic-popover-menu:focus-visible{outline:none}/*!@:host(.ic-popover-menu-open)*/.ic-popover-menu-open.sc-ic-popover-menu-h{display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}/*!@:host(.ic-popover-menu-open) .menu*/.ic-popover-menu-open.sc-ic-popover-menu-h .menu.sc-ic-popover-menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}/*!@.parent-label*/.parent-label.sc-ic-popover-menu{--ic-typography-color:var(--ic-color-text-tertiary);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}";
15745
+ const icPopoverMenuCss = "/*!@html*/html.sc-ic-popover-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-popover-menu{margin:0}/*!@main*/main.sc-ic-popover-menu{display:block}/*!@h1*/h1.sc-ic-popover-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-popover-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-popover-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-popover-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-popover-menu,strong.sc-ic-popover-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-popover-menu,kbd.sc-ic-popover-menu,samp.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-popover-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-popover-menu,sup.sc-ic-popover-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-popover-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-popover-menu{top:-0.5em}/*!@img*/img.sc-ic-popover-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-popover-menu,input.sc-ic-popover-menu,optgroup.sc-ic-popover-menu,select.sc-ic-popover-menu,textarea.sc-ic-popover-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-popover-menu,input.sc-ic-popover-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-popover-menu,select.sc-ic-popover-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-popover-menu,[type=\"button\"].sc-ic-popover-menu,[type=\"reset\"].sc-ic-popover-menu,[type=\"submit\"].sc-ic-popover-menu{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-popover-menu::-moz-focus-inner,[type=\"button\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-popover-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-popover-menu:-moz-focusring,[type=\"button\"].sc-ic-popover-menu:-moz-focusring,[type=\"reset\"].sc-ic-popover-menu:-moz-focusring,[type=\"submit\"].sc-ic-popover-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-popover-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-popover-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-popover-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-popover-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-popover-menu,[type=\"radio\"].sc-ic-popover-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-popover-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-popover-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-popover-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-popover-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-popover-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-popover-menu{display:block}/*!@summary*/summary.sc-ic-popover-menu{display:list-item}/*!@template*/template.sc-ic-popover-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-popover-menu{display:none}/*!@html,\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*/html.sc-ic-popover-menu,body.sc-ic-popover-menu,div.sc-ic-popover-menu,span.sc-ic-popover-menu,applet.sc-ic-popover-menu,object.sc-ic-popover-menu,iframe.sc-ic-popover-menu,h1.sc-ic-popover-menu,h2.sc-ic-popover-menu,h3.sc-ic-popover-menu,h4.sc-ic-popover-menu,h5.sc-ic-popover-menu,h6.sc-ic-popover-menu,p.sc-ic-popover-menu,blockquote.sc-ic-popover-menu,pre.sc-ic-popover-menu,a.sc-ic-popover-menu,abbr.sc-ic-popover-menu,acronym.sc-ic-popover-menu,address.sc-ic-popover-menu,big.sc-ic-popover-menu,cite.sc-ic-popover-menu,code.sc-ic-popover-menu,del.sc-ic-popover-menu,dfn.sc-ic-popover-menu,em.sc-ic-popover-menu,img.sc-ic-popover-menu,ins.sc-ic-popover-menu,kbd.sc-ic-popover-menu,q.sc-ic-popover-menu,s.sc-ic-popover-menu,samp.sc-ic-popover-menu,small.sc-ic-popover-menu,strike.sc-ic-popover-menu,strong.sc-ic-popover-menu,sub.sc-ic-popover-menu,sup.sc-ic-popover-menu,tt.sc-ic-popover-menu,var.sc-ic-popover-menu,b.sc-ic-popover-menu,u.sc-ic-popover-menu,i.sc-ic-popover-menu,center.sc-ic-popover-menu,dl.sc-ic-popover-menu,dt.sc-ic-popover-menu,dd.sc-ic-popover-menu,ol.sc-ic-popover-menu,ul.sc-ic-popover-menu,li.sc-ic-popover-menu,fieldset.sc-ic-popover-menu,form.sc-ic-popover-menu,label.sc-ic-popover-menu,legend.sc-ic-popover-menu,table.sc-ic-popover-menu,caption.sc-ic-popover-menu,tbody.sc-ic-popover-menu,tfoot.sc-ic-popover-menu,thead.sc-ic-popover-menu,tr.sc-ic-popover-menu,th.sc-ic-popover-menu,td.sc-ic-popover-menu,article.sc-ic-popover-menu,aside.sc-ic-popover-menu,canvas.sc-ic-popover-menu,details.sc-ic-popover-menu,embed.sc-ic-popover-menu,figure.sc-ic-popover-menu,figcaption.sc-ic-popover-menu,footer.sc-ic-popover-menu,header.sc-ic-popover-menu,hgroup.sc-ic-popover-menu,menu.sc-ic-popover-menu,nav.sc-ic-popover-menu,output.sc-ic-popover-menu,ruby.sc-ic-popover-menu,section.sc-ic-popover-menu,summary.sc-ic-popover-menu,time.sc-ic-popover-menu,mark.sc-ic-popover-menu,audio.sc-ic-popover-menu,video.sc-ic-popover-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host .opening-from-parent*/.sc-ic-popover-menu-h .opening-from-parent.sc-ic-popover-menu{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}/*!@:host .opening-from-child*/.sc-ic-popover-menu-h .opening-from-child.sc-ic-popover-menu{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-popover-menu-h{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}/*!@:host(.on-dialog)*/.on-dialog.sc-ic-popover-menu-h{inset:auto !important}/*!@:host(.on-dialog-fix-translate)*/.on-dialog-fix-translate.sc-ic-popover-menu-h{transform:translate(0, var(--ic-space-xs)) !important}/*!@:host(.on-dialog-translate-y)*/.on-dialog-translate-y.sc-ic-popover-menu-h{transform:translate(0, calc(-1 * var(--translate-y))) !important}/*!@.menu*/.menu.sc-ic-popover-menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0}/*!@.button*/.button.sc-ic-popover-menu{text-decoration:none;list-style-type:none}/*!@:host(:focus-within)*/.sc-ic-popover-menu-h:focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu:focus-visible*/.menu.sc-ic-popover-menu:focus-visible{outline:none}/*!@:host(.ic-popover-menu-open)*/.ic-popover-menu-open.sc-ic-popover-menu-h{display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}/*!@:host(.ic-popover-menu-open) .menu*/.ic-popover-menu-open.sc-ic-popover-menu-h .menu.sc-ic-popover-menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}/*!@.parent-label*/.parent-label.sc-ic-popover-menu{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}";
15437
15746
 
15438
15747
  class PopoverMenu {
15439
15748
  constructor(hostRef) {
@@ -15535,6 +15844,7 @@ class PopoverMenu {
15535
15844
  this.parentPopover = undefined;
15536
15845
  this.submenuId = undefined;
15537
15846
  this.submenuLevel = 1;
15847
+ this.theme = "inherit";
15538
15848
  this.open = undefined;
15539
15849
  }
15540
15850
  watchOpenHandler() {
@@ -15543,7 +15853,7 @@ class PopoverMenu {
15543
15853
  !this.popoverMenuEls.some((menuItem) => menuItem.id)) {
15544
15854
  this.popoverMenuEls.unshift(this.backButton);
15545
15855
  }
15546
- this.currentFocus = isPropDefined(this.submenuId) ? 1 : 0;
15856
+ this.currentFocus = 0;
15547
15857
  // Needed so that anchorEl isn't always focused
15548
15858
  setTimeout(this.setButtonFocus, 50);
15549
15859
  }
@@ -15667,18 +15977,17 @@ class PopoverMenu {
15667
15977
  }
15668
15978
  }
15669
15979
  render() {
15670
- return (hAsync(Host, { class: { "ic-popover-menu-open": this.open } }, hAsync("div", { id: this.parentPopover === undefined
15980
+ return (hAsync(Host, { class: {
15981
+ ["ic-popover-menu-open"]: this.open,
15982
+ [`ic-theme-${this.theme}`]: this.theme !== "inherit",
15983
+ } }, hAsync("div", { id: this.parentPopover === undefined
15671
15984
  ? `ic-popover-submenu-${this.submenuId}`
15672
15985
  : "", class: {
15673
15986
  menu: true,
15674
15987
  }, tabindex: open ? "0" : "-1" }, hAsync("div", { class: {
15675
15988
  "opening-from-parent": this.openingFromParent,
15676
15989
  "opening-from-child": this.openingFromChild,
15677
- } }, isPropDefined(this.submenuId) && (hAsync("div", null, hAsync("ic-menu-item", { class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" }))), hAsync("ic-typography", { variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu", "aria-owns": isPropDefined(this.submenuId)
15678
- ? `ic-popover-submenu-back-button-${this.submenuLevel}`
15679
- : false, "aria-controls": isPropDefined(this.submenuId)
15680
- ? `ic-popover-submenu-back-button-${this.submenuLevel}`
15681
- : false }, hAsync("slot", null))))));
15990
+ } }, isPropDefined(this.submenuId) && (hAsync("div", null, hAsync("ic-menu-item", { class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" }))), hAsync("ic-typography", { variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", null))))));
15682
15991
  }
15683
15992
  static get delegatesFocus() { return true; }
15684
15993
  get el() { return getElement(this); }
@@ -15695,6 +16004,7 @@ class PopoverMenu {
15695
16004
  "parentPopover": [16],
15696
16005
  "submenuId": [1, "submenu-id"],
15697
16006
  "submenuLevel": [2, "submenu-level"],
16007
+ "theme": [1],
15698
16008
  "open": [1540],
15699
16009
  "openingFromChild": [32],
15700
16010
  "openingFromParent": [32],
@@ -15846,7 +16156,7 @@ class RadioGroup {
15846
16156
  });
15847
16157
  if (this.radioOptions !== undefined) {
15848
16158
  this.radioOptions.forEach((radioOption, index) => {
15849
- radioOption.selected = this.checkedValue === radioOption.value;
16159
+ radioOption.selected = selectedOption === radioOption;
15850
16160
  if (radioOption.selected) {
15851
16161
  this.selectedChild = index;
15852
16162
  }
@@ -15932,10 +16242,9 @@ class RadioGroup {
15932
16242
  }; }
15933
16243
  }
15934
16244
 
15935
- const icRadioOptionCss = "/*! 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}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled{--ic-typography-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-pressed);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-pressed);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-pressed)}.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);--ic-typography-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){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}}";
16245
+ const icRadioOptionCss = "/*! 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}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled{--ic-typography-color:var(--ic-architectural-200)}.container input:focus+span.checkmark,.container:active 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-pressed);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-pressed);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-pressed)}.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);--ic-typography-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){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}}";
15936
16246
 
15937
16247
  const ADDITIONAL_FIELD = "additional-field";
15938
- const TEXT_FIELD_SELECTOR = "ic-text-field";
15939
16248
  /**
15940
16249
  * @slot additional-field - Content to displayed alongside a radio option.
15941
16250
  */
@@ -15947,24 +16256,28 @@ class RadioOption {
15947
16256
  this.defaultRadioValue = "";
15948
16257
  this.hasAdditionalField = false;
15949
16258
  this.skipFocus = false;
15950
- this.handleClick = () => {
15951
- if (!this.disabled) {
16259
+ this.handleClick = (event) => {
16260
+ const clickedAdditionalField = event.target.matches(".dynamic-container, .dynamic-container *");
16261
+ if (!this.disabled && !clickedAdditionalField) {
16262
+ event.stopPropagation();
15952
16263
  if (this.skipFocus === false) {
15953
16264
  this.radioElement.focus();
15954
16265
  }
15955
16266
  this.skipFocus = false;
15956
16267
  if (this.hasAdditionalField) {
15957
- this.value =
15958
- this.el.querySelector(TEXT_FIELD_SELECTOR).value ||
15959
- this.defaultRadioValue;
16268
+ this.value = this.getAdditionalField().value || this.defaultRadioValue;
15960
16269
  }
15961
16270
  this.icCheck.emit({
15962
16271
  value: this.value,
15963
16272
  });
15964
16273
  }
15965
16274
  };
15966
- this.swallowClick = (event) => {
15967
- event.stopPropagation();
16275
+ this.handleKeyDown = (event) => {
16276
+ const preventPropagationElements = ["IC-DATE-INPUT", "IC-DATE-PICKER"];
16277
+ if (this.getAdditionalField() == document.activeElement &&
16278
+ preventPropagationElements.includes(this.getAdditionalField().nodeName)) {
16279
+ event.stopPropagation();
16280
+ }
15968
16281
  };
15969
16282
  this.handleFormReset = () => {
15970
16283
  this.skipFocus = true;
@@ -15990,9 +16303,7 @@ class RadioOption {
15990
16303
  componentWillLoad() {
15991
16304
  if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {
15992
16305
  this.hasAdditionalField = true;
15993
- const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
15994
- if (textField)
15995
- textField.hiddenInput = false;
16306
+ this.getAdditionalField();
15996
16307
  }
15997
16308
  this.defaultRadioValue = this.value;
15998
16309
  addFormResetListener(this.el, this.handleFormReset);
@@ -16005,9 +16316,7 @@ class RadioOption {
16005
16316
  const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);
16006
16317
  if (hasSlot && !this.hasAdditionalField) {
16007
16318
  this.hasAdditionalField = true;
16008
- const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
16009
- if (textField)
16010
- textField.hiddenInput = false;
16319
+ this.getAdditionalField();
16011
16320
  }
16012
16321
  else if (!hasSlot && this.hasAdditionalField) {
16013
16322
  this.hasAdditionalField = false;
@@ -16015,16 +16324,16 @@ class RadioOption {
16015
16324
  }
16016
16325
  componentDidRender() {
16017
16326
  if (this.additionalFieldDisplay === "static") {
16018
- const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);
16327
+ const additionalField = this.getAdditionalField();
16019
16328
  if (!this.selected || this.disabled) {
16020
- textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute("disabled", "");
16329
+ additionalField === null || additionalField === void 0 ? void 0 : additionalField.setAttribute("disabled", "");
16021
16330
  }
16022
16331
  else {
16023
- textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute("disabled");
16332
+ additionalField === null || additionalField === void 0 ? void 0 : additionalField.removeAttribute("disabled");
16024
16333
  }
16025
16334
  }
16026
16335
  }
16027
- textfieldValueHandler(event) {
16336
+ additionalFieldValueHandler(event) {
16028
16337
  if (this.selected) {
16029
16338
  this.value = event.detail.value || this.defaultRadioValue;
16030
16339
  this.icCheck.emit({
@@ -16046,10 +16355,16 @@ class RadioOption {
16046
16355
  async setTabIndex(value) {
16047
16356
  this.radioElement.tabIndex = value;
16048
16357
  }
16358
+ getAdditionalField() {
16359
+ const additionalField = this.el.querySelector('[slot="additional-field"]');
16360
+ if (additionalField)
16361
+ additionalField.hiddenInput = false;
16362
+ return additionalField;
16363
+ }
16049
16364
  render() {
16050
- const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;
16365
+ const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, } = this;
16051
16366
  const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
16052
- return (hAsync(Host, { onClick: handleClick, class: { ["ic-radio-option-disabled"]: disabled } }, hAsync("div", { class: { container: true, disabled } }, hAsync("div", null, hAsync("input", { 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 }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { onClick: swallowClick, class: {
16367
+ return (hAsync(Host, { onClick: handleClick, onKeyDown: handleKeyDown, class: { ["ic-radio-option-disabled"]: disabled } }, hAsync("div", { class: { container: true, disabled } }, hAsync("div", null, hAsync("input", { 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 }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { class: {
16053
16368
  "dynamic-container": true,
16054
16369
  hidden: additionalFieldDisplay === "dynamic" && !selected,
16055
16370
  } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text" }, dynamicText))), hAsync("div", { class: {
@@ -16078,7 +16393,7 @@ class RadioOption {
16078
16393
  "setFocus": [64],
16079
16394
  "setTabIndex": [64]
16080
16395
  },
16081
- "$listeners$": [[0, "icChange", "textfieldValueHandler"]],
16396
+ "$listeners$": [[0, "icChange", "additionalFieldValueHandler"]],
16082
16397
  "$lazyBundleId$": "-",
16083
16398
  "$attrsToReflect$": [["additionalFieldDisplay", "additional-field-display"], ["selected", "selected"]]
16084
16399
  }; }
@@ -16093,7 +16408,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
16093
16408
  <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
16094
16409
  </svg>`;
16095
16410
 
16096
- const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\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*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{--divider-height:1.5rem}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-action-dark-pressed);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
16411
+ const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\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*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs)}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-action-dark-pressed);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
16097
16412
 
16098
16413
  let inputIds$3 = 0;
16099
16414
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -16657,7 +16972,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
16657
16972
  </svg>
16658
16973
  `;
16659
16974
 
16660
- const icSelectCss = "/*!@html*/html.sc-ic-select{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-select{margin:0}/*!@main*/main.sc-ic-select{display:block}/*!@h1*/h1.sc-ic-select{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-select{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-select{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-select{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-select,strong.sc-ic-select{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-select,kbd.sc-ic-select,samp.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-select{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-select,sup.sc-ic-select{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-select{bottom:-0.25em}/*!@sup*/sup.sc-ic-select{top:-0.5em}/*!@img*/img.sc-ic-select{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-select,input.sc-ic-select,optgroup.sc-ic-select,select.sc-ic-select,textarea.sc-ic-select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-select,input.sc-ic-select{overflow:visible}/*!@button,\nselect*/button.sc-ic-select,select.sc-ic-select{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-select,[type=\"button\"].sc-ic-select,[type=\"reset\"].sc-ic-select,[type=\"submit\"].sc-ic-select{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-select::-moz-focus-inner,[type=\"button\"].sc-ic-select::-moz-focus-inner,[type=\"reset\"].sc-ic-select::-moz-focus-inner,[type=\"submit\"].sc-ic-select::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-select:-moz-focusring,[type=\"button\"].sc-ic-select:-moz-focusring,[type=\"reset\"].sc-ic-select:-moz-focusring,[type=\"submit\"].sc-ic-select:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-select{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-select{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-select{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-select{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-select,[type=\"radio\"].sc-ic-select{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-select::-webkit-inner-spin-button,[type=\"number\"].sc-ic-select::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-select{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-select::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-select::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-select{display:block}/*!@summary*/summary.sc-ic-select{display:list-item}/*!@template*/template.sc-ic-select{display:none}/*!@[hidden]*/[hidden].sc-ic-select{display:none}/*!@html,\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*/html.sc-ic-select,body.sc-ic-select,div.sc-ic-select,span.sc-ic-select,applet.sc-ic-select,object.sc-ic-select,iframe.sc-ic-select,h1.sc-ic-select,h2.sc-ic-select,h3.sc-ic-select,h4.sc-ic-select,h5.sc-ic-select,h6.sc-ic-select,p.sc-ic-select,blockquote.sc-ic-select,pre.sc-ic-select,a.sc-ic-select,abbr.sc-ic-select,acronym.sc-ic-select,address.sc-ic-select,big.sc-ic-select,cite.sc-ic-select,code.sc-ic-select,del.sc-ic-select,dfn.sc-ic-select,em.sc-ic-select,img.sc-ic-select,ins.sc-ic-select,kbd.sc-ic-select,q.sc-ic-select,s.sc-ic-select,samp.sc-ic-select,small.sc-ic-select,strike.sc-ic-select,strong.sc-ic-select,sub.sc-ic-select,sup.sc-ic-select,tt.sc-ic-select,var.sc-ic-select,b.sc-ic-select,u.sc-ic-select,i.sc-ic-select,center.sc-ic-select,dl.sc-ic-select,dt.sc-ic-select,dd.sc-ic-select,ol.sc-ic-select,ul.sc-ic-select,li.sc-ic-select,fieldset.sc-ic-select,form.sc-ic-select,label.sc-ic-select,legend.sc-ic-select,table.sc-ic-select,caption.sc-ic-select,tbody.sc-ic-select,tfoot.sc-ic-select,thead.sc-ic-select,tr.sc-ic-select,th.sc-ic-select,td.sc-ic-select,article.sc-ic-select,aside.sc-ic-select,canvas.sc-ic-select,details.sc-ic-select,embed.sc-ic-select,figure.sc-ic-select,figcaption.sc-ic-select,footer.sc-ic-select,header.sc-ic-select,hgroup.sc-ic-select,menu.sc-ic-select,nav.sc-ic-select,output.sc-ic-select,ruby.sc-ic-select,section.sc-ic-select,summary.sc-ic-select,time.sc-ic-select,mark.sc-ic-select,audio.sc-ic-select,video.sc-ic-select{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-select-h{display:block;position:relative}/*!@:host(.ic-select-full-width)*/.ic-select-full-width.sc-ic-select-h{width:100%}/*!@ic-input-component-container:hover*/ic-input-component-container.sc-ic-select:hover{--border-color:var(--ic-action-dark-hover)}/*!@ic-input-component-container:active*/ic-input-component-container.sc-ic-select:active{--border-color:var(--ic-action-dark-pressed);color:var(--ic-action-dark-pressed)}/*!@ic-input-component-container.menu-open*/ic-input-component-container.menu-open.sc-ic-select{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}/*!@ic-input-validation .status-icon,\nic-input-validation .statustext*/ic-input-validation.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.sc-ic-select .statustext.sc-ic-select{visibility:visible}/*!@ic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext*/ic-input-validation.menu-open.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.menu-open.sc-ic-select .statustext.sc-ic-select{visibility:hidden;transition:visibility 0s}/*!@ic-input-label*/ic-input-label.sc-ic-select{margin-bottom:var(--ic-space-xs) !important}/*!@select*/select.sc-ic-select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-text-primary);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select option,\n.select-option-selected*/select.sc-ic-select option.sc-ic-select,.select-option-selected.sc-ic-select{color:var(--ic-color-text-primary)}/*!@select:disabled*/select.sc-ic-select:disabled{color:var(--ic-architectural-200);background-image:url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select:focus*/select.sc-ic-select:focus{border:0;outline:0}/*!@select:not([disabled])*/select.sc-ic-select:not([disabled]){cursor:pointer}/*!@.select-container*/.select-container.sc-ic-select{width:100%;display:flex;align-items:center;position:relative}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}/*!@.select-input:focus*/.select-input.sc-ic-select:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(:not(.ic-select-disabled))\n ic-input-component-container:hover\n .select-input*/.sc-ic-select-h:not(.ic-select-disabled) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@.select-input[disabled]*/.select-input[disabled].sc-ic-select{pointer-events:none}/*!@:host(.ic-select-searchable) .select-input*/.ic-select-searchable.sc-ic-select-h .select-input.sc-ic-select{cursor:auto}/*!@.searchable-select-container*/.searchable-select-container.sc-ic-select{align-items:center;display:flex;width:100%;position:relative}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--ic-action-dark)}/*!@.expand-icon > svg*/.expand-icon.sc-ic-select>svg.sc-ic-select{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path*/.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select,.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select>path.sc-ic-select{color:var(--ic-architectural-200)}/*!@:host(.ic-select-searchable) .expand-icon*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:2.25rem}/*!@:host(.ic-select-searchable) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 0.375rem}/*!@:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h:not(.ic-select-disabled) .expand-icon.sc-ic-select>svg.sc-ic-select{cursor:pointer}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-filled*/.expand-icon-filled.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.ic-select-searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.ic-select-disabled) .value-text,\n.placeholder*/.ic-select-disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-text-tertiary)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;gap:var(--ic-space-xxs);padding-left:2.375rem;align-items:center}/*!@:host(.ic-select-small) .clear-button-container*/.ic-select-small.sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:1.875rem}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-border-width);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}/*!@:host(.ic-select-small) .divider*/.ic-select-small.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:2.75rem;border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-select:focus{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button:focus **/.clear-button.sc-ic-select:focus *.sc-ic-select{fill:white}/*!@.searchable-select-results-status*/.searchable-select-results-status.sc-ic-select{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}/*!@::slotted([slot=\"icon\"])*/.sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.readonly ::slotted([slot=\"icon\"])*/.readonly .sc-ic-select-s>[slot=\"icon\"]{padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:currentcolor}}";
16975
+ const icSelectCss = "/*!@html*/html.sc-ic-select{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-select{margin:0}/*!@main*/main.sc-ic-select{display:block}/*!@h1*/h1.sc-ic-select{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-select{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-select{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-select{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-select,strong.sc-ic-select{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-select,kbd.sc-ic-select,samp.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-select{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-select,sup.sc-ic-select{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-select{bottom:-0.25em}/*!@sup*/sup.sc-ic-select{top:-0.5em}/*!@img*/img.sc-ic-select{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-select,input.sc-ic-select,optgroup.sc-ic-select,select.sc-ic-select,textarea.sc-ic-select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-select,input.sc-ic-select{overflow:visible}/*!@button,\nselect*/button.sc-ic-select,select.sc-ic-select{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-select,[type=\"button\"].sc-ic-select,[type=\"reset\"].sc-ic-select,[type=\"submit\"].sc-ic-select{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-select::-moz-focus-inner,[type=\"button\"].sc-ic-select::-moz-focus-inner,[type=\"reset\"].sc-ic-select::-moz-focus-inner,[type=\"submit\"].sc-ic-select::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-select:-moz-focusring,[type=\"button\"].sc-ic-select:-moz-focusring,[type=\"reset\"].sc-ic-select:-moz-focusring,[type=\"submit\"].sc-ic-select:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-select{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-select{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-select{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-select{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-select,[type=\"radio\"].sc-ic-select{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-select::-webkit-inner-spin-button,[type=\"number\"].sc-ic-select::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-select{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-select::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-select::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-select{display:block}/*!@summary*/summary.sc-ic-select{display:list-item}/*!@template*/template.sc-ic-select{display:none}/*!@[hidden]*/[hidden].sc-ic-select{display:none}/*!@html,\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*/html.sc-ic-select,body.sc-ic-select,div.sc-ic-select,span.sc-ic-select,applet.sc-ic-select,object.sc-ic-select,iframe.sc-ic-select,h1.sc-ic-select,h2.sc-ic-select,h3.sc-ic-select,h4.sc-ic-select,h5.sc-ic-select,h6.sc-ic-select,p.sc-ic-select,blockquote.sc-ic-select,pre.sc-ic-select,a.sc-ic-select,abbr.sc-ic-select,acronym.sc-ic-select,address.sc-ic-select,big.sc-ic-select,cite.sc-ic-select,code.sc-ic-select,del.sc-ic-select,dfn.sc-ic-select,em.sc-ic-select,img.sc-ic-select,ins.sc-ic-select,kbd.sc-ic-select,q.sc-ic-select,s.sc-ic-select,samp.sc-ic-select,small.sc-ic-select,strike.sc-ic-select,strong.sc-ic-select,sub.sc-ic-select,sup.sc-ic-select,tt.sc-ic-select,var.sc-ic-select,b.sc-ic-select,u.sc-ic-select,i.sc-ic-select,center.sc-ic-select,dl.sc-ic-select,dt.sc-ic-select,dd.sc-ic-select,ol.sc-ic-select,ul.sc-ic-select,li.sc-ic-select,fieldset.sc-ic-select,form.sc-ic-select,label.sc-ic-select,legend.sc-ic-select,table.sc-ic-select,caption.sc-ic-select,tbody.sc-ic-select,tfoot.sc-ic-select,thead.sc-ic-select,tr.sc-ic-select,th.sc-ic-select,td.sc-ic-select,article.sc-ic-select,aside.sc-ic-select,canvas.sc-ic-select,details.sc-ic-select,embed.sc-ic-select,figure.sc-ic-select,figcaption.sc-ic-select,footer.sc-ic-select,header.sc-ic-select,hgroup.sc-ic-select,menu.sc-ic-select,nav.sc-ic-select,output.sc-ic-select,ruby.sc-ic-select,section.sc-ic-select,summary.sc-ic-select,time.sc-ic-select,mark.sc-ic-select,audio.sc-ic-select,video.sc-ic-select{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-select-h{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--menu-max-height:100px}/*!@:host(.ic-select-full-width)*/.ic-select-full-width.sc-ic-select-h{width:100%}/*!@ic-input-component-container:hover*/ic-input-component-container.sc-ic-select:hover{--border-color:var(--ic-action-dark-hover)}/*!@ic-input-component-container:active*/ic-input-component-container.sc-ic-select:active{--border-color:var(--ic-action-dark-pressed);color:var(--ic-action-dark-pressed)}/*!@ic-input-component-container.menu-open*/ic-input-component-container.menu-open.sc-ic-select{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}/*!@ic-input-validation .status-icon,\nic-input-validation .statustext*/ic-input-validation.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.sc-ic-select .statustext.sc-ic-select{visibility:visible}/*!@ic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext*/ic-input-validation.menu-open.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.menu-open.sc-ic-select .statustext.sc-ic-select{visibility:hidden;transition:visibility 0s}/*!@ic-input-label*/ic-input-label.sc-ic-select{margin-bottom:var(--ic-space-xs) !important}/*!@select*/select.sc-ic-select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-text-primary);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select option,\n.select-option-selected*/select.sc-ic-select option.sc-ic-select,.select-option-selected.sc-ic-select{color:var(--ic-color-text-primary)}/*!@select:disabled*/select.sc-ic-select:disabled{color:var(--ic-architectural-200);background-image:url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select:focus*/select.sc-ic-select:focus{border:0;outline:0}/*!@select:not([disabled])*/select.sc-ic-select:not([disabled]){cursor:pointer}/*!@.select-container*/.select-container.sc-ic-select{width:100%;display:flex;align-items:center;position:relative}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}/*!@.select-input:focus*/.select-input.sc-ic-select:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(:not(.ic-select-disabled))\n ic-input-component-container:hover\n .select-input*/.sc-ic-select-h:not(.ic-select-disabled) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@.select-input[disabled]*/.select-input[disabled].sc-ic-select{pointer-events:none}/*!@:host(.ic-select-searchable) .select-input*/.ic-select-searchable.sc-ic-select-h .select-input.sc-ic-select{cursor:auto}/*!@.select-input.with-clear-button*/.select-input.with-clear-button.sc-ic-select{padding-right:0}/*!@.value-text*/.value-text.sc-ic-select{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}/*!@.value-text.with-clear-button*/.value-text.with-clear-button.sc-ic-select{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@.searchable-select-container*/.searchable-select-container.sc-ic-select{align-items:center;display:flex;width:100%;position:relative}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-action-dark)}/*!@.expand-icon > svg*/.expand-icon.sc-ic-select>svg.sc-ic-select{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path*/.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select,.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select>path.sc-ic-select{color:var(--ic-architectural-200)}/*!@:host(.ic-select-searchable) .expand-icon*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:0;height:2.25rem}/*!@:host(.ic-select-searchable) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n var(--ic-space-xxs)}/*!@:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h:not(.ic-select-disabled) .expand-icon.sc-ic-select>svg.sc-ic-select{cursor:pointer}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.ic-select-searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.ic-select-disabled) .value-text,\n.placeholder*/.ic-select-disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-text-tertiary)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-space-1px);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}/*!@:host(.ic-select-small) .divider*/.ic-select-small.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@:host(.ic-select-large) .divider*/.ic-select-large.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-xl)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-select:focus{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button:focus **/.clear-button.sc-ic-select:focus *.sc-ic-select{fill:white}/*!@.clear-button.searchable*/.clear-button.searchable.sc-ic-select{position:static}/*!@.searchable-select-results-status,\n.multi-select-selected-count*/.searchable-select-results-status.sc-ic-select,.multi-select-selected-count.sc-ic-select{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}/*!@::slotted([slot=\"icon\"])*/.sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.readonly ::slotted([slot=\"icon\"])*/.readonly .sc-ic-select-s>[slot=\"icon\"]{padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:currentcolor}}";
16661
16976
 
16662
16977
  let inputIds$2 = 0;
16663
16978
  const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
@@ -16675,6 +16990,7 @@ class Select {
16675
16990
  this.icInput = createEvent(this, "icInput", 7);
16676
16991
  this.icOpen = createEvent(this, "icOpen", 7);
16677
16992
  this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
16993
+ this.icOptionDeselect = createEvent(this, "icOptionDeselect", 7);
16678
16994
  this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
16679
16995
  this.hasSetDefaultValue = false;
16680
16996
  this.inheritedAttributes = {};
@@ -16707,17 +17023,24 @@ class Select {
16707
17023
  };
16708
17024
  this.emitIcChange = (value) => {
16709
17025
  if (!this.searchable) {
16710
- this.value = value;
17026
+ // If "Select all" button clicked, replace value with new value (array of all option values)
17027
+ if (this.multiple && !Array.isArray(value) && value !== null) {
17028
+ this.handleMultipleSelectChange(value);
17029
+ }
17030
+ else {
17031
+ this.value = value;
17032
+ }
16711
17033
  }
16712
17034
  clearTimeout(this.debounceIcChange);
16713
17035
  this.debounceIcChange = window.setTimeout(() => {
16714
- this.icChange.emit({ value: value });
17036
+ const valueToEmit = this.multiple ? this.value : value;
17037
+ this.icChange.emit({ value: valueToEmit });
16715
17038
  }, this.currDebounce);
16716
17039
  };
16717
17040
  this.emitImmediateIcChange = (value) => {
16718
17041
  this.value = value;
16719
17042
  clearTimeout(this.debounceIcChange);
16720
- this.icChange.emit({ value: value });
17043
+ this.icChange.emit({ value });
16721
17044
  };
16722
17045
  /**
16723
17046
  * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
@@ -16790,6 +17113,10 @@ class Select {
16790
17113
  this.getLabelFromValue = (value) => {
16791
17114
  return getLabelFromValue(value, this.uniqueOptions);
16792
17115
  };
17116
+ this.getMultipleOptionsString = (selectedValues) => {
17117
+ const selectedLabels = selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.map((value) => this.getLabelFromValue(value));
17118
+ return selectedLabels === null || selectedLabels === void 0 ? void 0 : selectedLabels.join(", ");
17119
+ };
16793
17120
  this.getFilteredChildMenuOptions = (option) => {
16794
17121
  let children = option.children;
16795
17122
  if (this.searchable) {
@@ -16802,18 +17129,29 @@ class Select {
16802
17129
  newOption.children = children;
16803
17130
  return newOption;
16804
17131
  };
17132
+ // (For multi-select) get value array, i.e. selected option values, in order they appear in option list
17133
+ this.getValueSortedByOptions = (value) => {
17134
+ const valueArray = value;
17135
+ const valuesFromAllOptions = this.ungroupedOptions.map((option) => option.value);
17136
+ valueArray.sort((a, b) => valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b));
17137
+ return valueArray;
17138
+ };
16805
17139
  this.handleNativeSelectChange = () => {
16806
17140
  this.icOptionSelect.emit({ value: this.nativeSelectElement.value });
16807
17141
  this.emitImmediateIcChange(this.nativeSelectElement.value);
16808
17142
  this.setTextColor();
16809
17143
  };
17144
+ // Handle option select for when a custom input box and menu is rendered
17145
+ // (rather than native <select> - rendered when viewed on a mobile / tablet screen)
16810
17146
  this.handleCustomSelectChange = (event) => {
17147
+ var _a;
17148
+ const value = event.detail.value;
16811
17149
  if (this.searchable && event.detail.label === this.emptyOptionListText) {
16812
17150
  this.searchableSelectElement.focus();
16813
17151
  return;
16814
17152
  }
16815
17153
  if (this.searchable) {
16816
- this.value = event.detail.value;
17154
+ this.value = value;
16817
17155
  this.searchableMenuItemSelected = true;
16818
17156
  // After editing the input, if selecting the same option as before, set the input value to label again
16819
17157
  if (this.value === this.currValue) {
@@ -16822,9 +17160,59 @@ class Select {
16822
17160
  this.inputValueToFilter = null;
16823
17161
  this.hiddenInputValue = this.getValueFromLabel(this.searchableSelectInputValue);
16824
17162
  }
17163
+ if (this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(value))) {
17164
+ this.icOptionDeselect.emit({ value });
17165
+ }
17166
+ else {
17167
+ this.icOptionSelect.emit({ value });
17168
+ }
16825
17169
  this.ariaActiveDescendant = event.detail.optionId;
16826
- this.icOptionSelect.emit({ value: event.detail.value });
16827
- this.emitIcChange(event.detail.value);
17170
+ this.emitIcChange(value);
17171
+ };
17172
+ // Update selected options - adds / removes them, in order of option list
17173
+ // Create new array if value prop is undefined
17174
+ this.handleMultipleSelectChange = (value) => {
17175
+ if (this.value) {
17176
+ let valueArray = this.value.slice();
17177
+ if (this.value.includes(value)) {
17178
+ const valueIndex = valueArray.indexOf(value);
17179
+ valueArray.splice(valueIndex, 1);
17180
+ }
17181
+ else {
17182
+ valueArray.push(value);
17183
+ valueArray = this.getValueSortedByOptions(valueArray);
17184
+ }
17185
+ this.value = valueArray.length === 0 ? null : valueArray;
17186
+ }
17187
+ else {
17188
+ const valueArray = [];
17189
+ valueArray.push(value);
17190
+ this.value = valueArray;
17191
+ }
17192
+ };
17193
+ this.handleSelectAllChange = (event) => {
17194
+ const selectAllOptions = event.detail.select;
17195
+ const allEnabledOptions = this.ungroupedOptions.filter((option) => !option.disabled);
17196
+ const allValues = allEnabledOptions.map((option) => option.value);
17197
+ let newValue;
17198
+ if (selectAllOptions) {
17199
+ let unselectedValues;
17200
+ // Only emit icOptionSelect for all values that are newly selected
17201
+ if (this.value) {
17202
+ unselectedValues = allValues.filter((value) => this.value && !this.value.includes(value));
17203
+ }
17204
+ else {
17205
+ unselectedValues = allValues;
17206
+ }
17207
+ unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));
17208
+ newValue = allValues;
17209
+ }
17210
+ else {
17211
+ // Only emit icOptionDeselect for values that were selected
17212
+ this.value.forEach((value) => this.icOptionDeselect.emit({ value }));
17213
+ newValue = null;
17214
+ }
17215
+ this.emitIcChange(newValue);
16828
17216
  };
16829
17217
  this.handleMenuChange = (event) => {
16830
17218
  this.open = event.detail.open;
@@ -16835,10 +17223,9 @@ class Select {
16835
17223
  // to prevent delay in change event, which should only occur when typing in input
16836
17224
  this.handleMenuKeyPress = (ev) => {
16837
17225
  ev.cancelBubble = true;
16838
- this.handleCharacterKeyDown(ev.detail.key);
16839
- };
16840
- this.handleMenuValueChange = (ev) => {
16841
- this.value = ev.detail.value;
17226
+ if (!this.multiple) {
17227
+ this.handleCharacterKeyDown(ev.detail.key);
17228
+ }
16842
17229
  };
16843
17230
  this.handleFocusIndicatorDisplay = () => {
16844
17231
  const focusIndicator = this.el.shadowRoot.querySelector(".focus-indicator");
@@ -16910,10 +17297,12 @@ class Select {
16910
17297
  if (key.length === 1 && !this.searchable) {
16911
17298
  window.clearTimeout(this.characterKeyPressTimer);
16912
17299
  this.characterKeyPressTimer = window.setTimeout(() => (this.pressedCharacters = ""), 1000);
16913
- this.pressedCharacters += key;
16914
- this.handleFilter();
16915
- if (!this.noOptions) {
16916
- this.emitImmediateIcChange(this.filteredOptions[0].value);
17300
+ if (!(key === " " && !this.pressedCharacters)) {
17301
+ this.pressedCharacters += key;
17302
+ this.handleFilter();
17303
+ if (!this.noOptions) {
17304
+ this.emitImmediateIcChange(this.filteredOptions[0].value);
17305
+ }
16917
17306
  }
16918
17307
  }
16919
17308
  else {
@@ -16951,7 +17340,9 @@ class Select {
16951
17340
  // Keyboard events get passed onto ic-menu
16952
17341
  this.menu.handleKeyboardOpen(event);
16953
17342
  }
16954
- this.handleCharacterKeyDown(event.key);
17343
+ if (!this.multiple) {
17344
+ this.handleCharacterKeyDown(event.key);
17345
+ }
16955
17346
  }
16956
17347
  }
16957
17348
  };
@@ -17076,7 +17467,24 @@ class Select {
17076
17467
  }
17077
17468
  }
17078
17469
  };
17470
+ this.updateMultiSelectedCountAriaLive = () => {
17471
+ var _a;
17472
+ const multiSelectSelectedCountEl = this.el.shadowRoot.querySelector(".multi-select-selected-count");
17473
+ const selectedCount = `${(_a = this.currValue) === null || _a === void 0 ? void 0 : _a.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
17474
+ if (multiSelectSelectedCountEl &&
17475
+ multiSelectSelectedCountEl.innerText !== selectedCount) {
17476
+ multiSelectSelectedCountEl.innerText = selectedCount;
17477
+ }
17478
+ };
17079
17479
  this.getDefaultValue = (value) => this.getLabelFromValue(value) || value || null;
17480
+ this.setDefaultValue = () => {
17481
+ if (!this.hasSetDefaultValue && this.currValue) {
17482
+ this.searchableSelectInputValue =
17483
+ this.searchable && this.getDefaultValue(this.currValue);
17484
+ this.initialValue = this.currValue;
17485
+ this.hasSetDefaultValue = true;
17486
+ }
17487
+ };
17080
17488
  this.onFocus = () => {
17081
17489
  this.icFocus.emit();
17082
17490
  };
@@ -17141,6 +17549,7 @@ class Select {
17141
17549
  this.label = undefined;
17142
17550
  this.loadingErrorLabel = "Loading Error";
17143
17551
  this.loadingLabel = "Loading...";
17552
+ this.multiple = false;
17144
17553
  this.name = this.inputId;
17145
17554
  this.placeholder = "Select an option";
17146
17555
  this.readonly = false;
@@ -17169,10 +17578,11 @@ class Select {
17169
17578
  }
17170
17579
  watchOptionsHandler() {
17171
17580
  var _a;
17172
- if (!this.hasTimedOut) {
17581
+ if (!this.hasTimedOut && this.options !== this.noOptions) {
17173
17582
  this.loading = false;
17174
17583
  clearTimeout(this.timeoutTimer);
17175
17584
  if (this.isExternalFiltering()) {
17585
+ // When searchable select
17176
17586
  if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
17177
17587
  this.setOptionsValuesFromLabels();
17178
17588
  this.noOptions = null;
@@ -17208,11 +17618,18 @@ class Select {
17208
17618
  }
17209
17619
  valueChangedHandler() {
17210
17620
  if (this.value !== this.currValue) {
17211
- this.currValue = this.value;
17621
+ if (this.value && this.multiple) {
17622
+ this.currValue = this.getValueSortedByOptions(this.value);
17623
+ this.updateMultiSelectedCountAriaLive();
17624
+ }
17625
+ else {
17626
+ this.currValue = this.value;
17627
+ }
17212
17628
  }
17213
17629
  if (this.searchable) {
17214
17630
  this.searchableSelectInputValue =
17215
- this.getLabelFromValue(this.currValue) || this.currValue;
17631
+ this.getLabelFromValue(this.currValue) ||
17632
+ this.currValue;
17216
17633
  }
17217
17634
  }
17218
17635
  openChangedHandler() {
@@ -17282,15 +17699,10 @@ class Select {
17282
17699
  this.updateSearchableSelectResultAriaLive();
17283
17700
  }, 800);
17284
17701
  }
17285
- setDefaultValue() {
17286
- if (!this.hasSetDefaultValue && this.currValue) {
17287
- this.searchableSelectInputValue = this.getDefaultValue(this.currValue);
17288
- this.initialValue = this.currValue;
17289
- this.hasSetDefaultValue = true;
17290
- }
17291
- }
17292
17702
  render() {
17293
- const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
17703
+ const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
17704
+ // HTML inputs only accept 'string' for their value
17705
+ // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
17294
17706
  renderHiddenInput(true, this.el, name, this.searchable ? this.hiddenInputValue : currValue, disabled);
17295
17707
  const invalid = `${validationStatus === IcInformationStatus.Error}`;
17296
17708
  const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
@@ -17298,6 +17710,7 @@ class Select {
17298
17710
  if (showLeftIcon && (disabled || (readonly && !this.value))) {
17299
17711
  showLeftIcon = false;
17300
17712
  }
17713
+ const optionsSelectedCount = `${currValue === null || currValue === void 0 ? void 0 : currValue.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
17301
17714
  return (hAsync(Host, { class: {
17302
17715
  ["ic-select-disabled"]: disabled,
17303
17716
  ["ic-select-searchable"]: searchable,
@@ -17306,14 +17719,19 @@ class Select {
17306
17719
  }, onBlur: this.onBlur }, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { slot: "left-icon", class: {
17307
17720
  ["readonly"]: readonly,
17308
17721
  ["has-value"]: !!this.value,
17309
- } }, hAsync("slot", { name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(currValue)))) : isMobileOrTablet() ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
17722
+ } }, hAsync("slot", { name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, multiple
17723
+ ? this.getMultipleOptionsString(currValue)
17724
+ : this.getLabelFromValue(currValue)))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
17310
17725
  if (option.children) {
17311
17726
  return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
17312
17727
  }
17313
17728
  else {
17314
17729
  return (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label));
17315
17730
  }
17316
- }))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: "select-input", role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${this.open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form }), this.searchableSelectInputValue &&
17731
+ }))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
17732
+ "select-input": true,
17733
+ "with-clear-button": !!this.searchableSelectInputValue,
17734
+ }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${this.open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form }), this.searchableSelectInputValue &&
17317
17735
  (showClearButton || searchable) && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && currValue === null
17318
17736
  ? "Clear input"
17319
17737
  : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", appearance: this.clearButtonFocused
@@ -17321,17 +17739,22 @@ class Select {
17321
17739
  : IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
17322
17740
  "expand-icon": true,
17323
17741
  "expand-icon-open": this.open,
17324
- "expand-icon-filled": !(currValue == null || currValue === ""),
17325
- }, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (hAsync("div", { class: "select-container" }, hAsync("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: this.inputId, "aria-label": `${label}, ${this.getLabelFromValue(currValue) || placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
17742
+ }, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (hAsync("div", { class: "select-container" }, hAsync("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: this.inputId, "aria-label": `${label}, ${(multiple && currValue
17743
+ ? `${optionsSelectedCount}, ${this.getMultipleOptionsString(currValue)}`
17744
+ : this.getLabelFromValue(currValue)) ||
17745
+ placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
17326
17746
  "value-text": true,
17327
- placeholder: this.getLabelFromValue(currValue) === undefined,
17328
- } }, this.getLabelFromValue(currValue) || placeholder), hAsync("div", { class: "select-input-end" }, currValue && showClearButton && (hAsync("div", { class: "divider" })), hAsync("span", { class: {
17747
+ "with-clear-button": currValue && showClearButton,
17748
+ placeholder: !this.value || (multiple && this.value.length < 1),
17749
+ } }, (multiple
17750
+ ? this.getMultipleOptionsString(currValue)
17751
+ : this.getLabelFromValue(currValue)) ||
17752
+ placeholder), hAsync("div", { class: "select-input-end" }, currValue && showClearButton && (hAsync("div", { class: "divider" })), hAsync("span", { class: {
17329
17753
  "expand-icon": true,
17330
17754
  "expand-icon-open": this.open,
17331
- "expand-icon-filled": !(currValue == null || currValue === ""),
17332
17755
  }, innerHTML: Expand, "aria-hidden": "true" }))), currValue && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", appearance: this.clearButtonFocused
17333
17756
  ? IcThemeForegroundEnum.Light
17334
- : IcThemeForegroundEnum.Dark }))))), !isMobileOrTablet() && (hAsync("ic-menu", { class: {
17757
+ : IcThemeForegroundEnum.Dark }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { class: {
17335
17758
  "no-results": this.loading ||
17336
17759
  this.hasTimedOut ||
17337
17760
  (this.noOptions !== null &&
@@ -17339,7 +17762,9 @@ class Select {
17339
17762
  this.noOptions[0].label === this.emptyOptionListText),
17340
17763
  }, ref: (el) => (this.menu = el), inputEl: searchable
17341
17764
  ? this.searchableSelectElement
17342
- : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuKeyPress: this.handleMenuKeyPress, onMenuValueChange: this.handleMenuValueChange, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || this.selectOnEnter ? "manual" : "automatic" })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
17765
+ : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || multiple || this.selectOnEnter
17766
+ ? "manual"
17767
+ : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
17343
17768
  }
17344
17769
  static get delegatesFocus() { return true; }
17345
17770
  get el() { return getElement(this); }
@@ -17367,6 +17792,7 @@ class Select {
17367
17792
  "label": [1],
17368
17793
  "loadingErrorLabel": [1, "loading-error-label"],
17369
17794
  "loadingLabel": [1, "loading-label"],
17795
+ "multiple": [4],
17370
17796
  "name": [1],
17371
17797
  "placeholder": [1],
17372
17798
  "readonly": [4],
@@ -18355,7 +18781,7 @@ class Stepper {
18355
18781
  }; }
18356
18782
  }
18357
18783
 
18358
- const icSwitchCss = "/*!@html*/html.sc-ic-switch{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-switch{margin:0}/*!@main*/main.sc-ic-switch{display:block}/*!@h1*/h1.sc-ic-switch{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-switch{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-switch{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-switch{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-switch,strong.sc-ic-switch{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-switch,kbd.sc-ic-switch,samp.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-switch{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-switch,sup.sc-ic-switch{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-switch{bottom:-0.25em}/*!@sup*/sup.sc-ic-switch{top:-0.5em}/*!@img*/img.sc-ic-switch{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-switch,input.sc-ic-switch,optgroup.sc-ic-switch,select.sc-ic-switch,textarea.sc-ic-switch{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-switch,input.sc-ic-switch{overflow:visible}/*!@button,\nselect*/button.sc-ic-switch,select.sc-ic-switch{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-switch,[type=\"button\"].sc-ic-switch,[type=\"reset\"].sc-ic-switch,[type=\"submit\"].sc-ic-switch{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-switch::-moz-focus-inner,[type=\"button\"].sc-ic-switch::-moz-focus-inner,[type=\"reset\"].sc-ic-switch::-moz-focus-inner,[type=\"submit\"].sc-ic-switch::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-switch:-moz-focusring,[type=\"button\"].sc-ic-switch:-moz-focusring,[type=\"reset\"].sc-ic-switch:-moz-focusring,[type=\"submit\"].sc-ic-switch:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-switch{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-switch{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-switch{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-switch{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-switch,[type=\"radio\"].sc-ic-switch{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-switch::-webkit-inner-spin-button,[type=\"number\"].sc-ic-switch::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-switch{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-switch::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-switch::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-switch{display:block}/*!@summary*/summary.sc-ic-switch{display:list-item}/*!@template*/template.sc-ic-switch{display:none}/*!@[hidden]*/[hidden].sc-ic-switch{display:none}/*!@html,\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*/html.sc-ic-switch,body.sc-ic-switch,div.sc-ic-switch,span.sc-ic-switch,applet.sc-ic-switch,object.sc-ic-switch,iframe.sc-ic-switch,h1.sc-ic-switch,h2.sc-ic-switch,h3.sc-ic-switch,h4.sc-ic-switch,h5.sc-ic-switch,h6.sc-ic-switch,p.sc-ic-switch,blockquote.sc-ic-switch,pre.sc-ic-switch,a.sc-ic-switch,abbr.sc-ic-switch,acronym.sc-ic-switch,address.sc-ic-switch,big.sc-ic-switch,cite.sc-ic-switch,code.sc-ic-switch,del.sc-ic-switch,dfn.sc-ic-switch,em.sc-ic-switch,img.sc-ic-switch,ins.sc-ic-switch,kbd.sc-ic-switch,q.sc-ic-switch,s.sc-ic-switch,samp.sc-ic-switch,small.sc-ic-switch,strike.sc-ic-switch,strong.sc-ic-switch,sub.sc-ic-switch,sup.sc-ic-switch,tt.sc-ic-switch,var.sc-ic-switch,b.sc-ic-switch,u.sc-ic-switch,i.sc-ic-switch,center.sc-ic-switch,dl.sc-ic-switch,dt.sc-ic-switch,dd.sc-ic-switch,ol.sc-ic-switch,ul.sc-ic-switch,li.sc-ic-switch,fieldset.sc-ic-switch,form.sc-ic-switch,label.sc-ic-switch,legend.sc-ic-switch,table.sc-ic-switch,caption.sc-ic-switch,tbody.sc-ic-switch,tfoot.sc-ic-switch,thead.sc-ic-switch,tr.sc-ic-switch,th.sc-ic-switch,td.sc-ic-switch,article.sc-ic-switch,aside.sc-ic-switch,canvas.sc-ic-switch,details.sc-ic-switch,embed.sc-ic-switch,figure.sc-ic-switch,figcaption.sc-ic-switch,footer.sc-ic-switch,header.sc-ic-switch,hgroup.sc-ic-switch,menu.sc-ic-switch,nav.sc-ic-switch,output.sc-ic-switch,ruby.sc-ic-switch,section.sc-ic-switch,summary.sc-ic-switch,time.sc-ic-switch,mark.sc-ic-switch,audio.sc-ic-switch,video.sc-ic-switch{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-switch-h{display:inline-block}/*!@input*/input.sc-ic-switch{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@.ic-switch-container*/.ic-switch-container.sc-ic-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}/*!@.ic-switch-label*/.ic-switch-label.sc-ic-switch{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}/*!@.ic-switch-label-small*/.ic-switch-label-small.sc-ic-switch{margin-bottom:0.625rem}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}/*!@.ic-switch-line-break*/.ic-switch-line-break.sc-ic-switch{flex:1 0 100%}/*!@.ic-switch-checked-status*/.ic-switch-checked-status.sc-ic-switch{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-pressed)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:var(--ic-border-focus)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-border-hc)}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
18784
+ const icSwitchCss = "/*!@html*/html.sc-ic-switch{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-switch{margin:0}/*!@main*/main.sc-ic-switch{display:block}/*!@h1*/h1.sc-ic-switch{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-switch{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-switch{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-switch{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-switch,strong.sc-ic-switch{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-switch,kbd.sc-ic-switch,samp.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-switch{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-switch,sup.sc-ic-switch{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-switch{bottom:-0.25em}/*!@sup*/sup.sc-ic-switch{top:-0.5em}/*!@img*/img.sc-ic-switch{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-switch,input.sc-ic-switch,optgroup.sc-ic-switch,select.sc-ic-switch,textarea.sc-ic-switch{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-switch,input.sc-ic-switch{overflow:visible}/*!@button,\nselect*/button.sc-ic-switch,select.sc-ic-switch{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-switch,[type=\"button\"].sc-ic-switch,[type=\"reset\"].sc-ic-switch,[type=\"submit\"].sc-ic-switch{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-switch::-moz-focus-inner,[type=\"button\"].sc-ic-switch::-moz-focus-inner,[type=\"reset\"].sc-ic-switch::-moz-focus-inner,[type=\"submit\"].sc-ic-switch::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-switch:-moz-focusring,[type=\"button\"].sc-ic-switch:-moz-focusring,[type=\"reset\"].sc-ic-switch:-moz-focusring,[type=\"submit\"].sc-ic-switch:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-switch{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-switch{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-switch{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-switch{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-switch,[type=\"radio\"].sc-ic-switch{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-switch::-webkit-inner-spin-button,[type=\"number\"].sc-ic-switch::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-switch{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-switch::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-switch::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-switch{display:block}/*!@summary*/summary.sc-ic-switch{display:list-item}/*!@template*/template.sc-ic-switch{display:none}/*!@[hidden]*/[hidden].sc-ic-switch{display:none}/*!@html,\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*/html.sc-ic-switch,body.sc-ic-switch,div.sc-ic-switch,span.sc-ic-switch,applet.sc-ic-switch,object.sc-ic-switch,iframe.sc-ic-switch,h1.sc-ic-switch,h2.sc-ic-switch,h3.sc-ic-switch,h4.sc-ic-switch,h5.sc-ic-switch,h6.sc-ic-switch,p.sc-ic-switch,blockquote.sc-ic-switch,pre.sc-ic-switch,a.sc-ic-switch,abbr.sc-ic-switch,acronym.sc-ic-switch,address.sc-ic-switch,big.sc-ic-switch,cite.sc-ic-switch,code.sc-ic-switch,del.sc-ic-switch,dfn.sc-ic-switch,em.sc-ic-switch,img.sc-ic-switch,ins.sc-ic-switch,kbd.sc-ic-switch,q.sc-ic-switch,s.sc-ic-switch,samp.sc-ic-switch,small.sc-ic-switch,strike.sc-ic-switch,strong.sc-ic-switch,sub.sc-ic-switch,sup.sc-ic-switch,tt.sc-ic-switch,var.sc-ic-switch,b.sc-ic-switch,u.sc-ic-switch,i.sc-ic-switch,center.sc-ic-switch,dl.sc-ic-switch,dt.sc-ic-switch,dd.sc-ic-switch,ol.sc-ic-switch,ul.sc-ic-switch,li.sc-ic-switch,fieldset.sc-ic-switch,form.sc-ic-switch,label.sc-ic-switch,legend.sc-ic-switch,table.sc-ic-switch,caption.sc-ic-switch,tbody.sc-ic-switch,tfoot.sc-ic-switch,thead.sc-ic-switch,tr.sc-ic-switch,th.sc-ic-switch,td.sc-ic-switch,article.sc-ic-switch,aside.sc-ic-switch,canvas.sc-ic-switch,details.sc-ic-switch,embed.sc-ic-switch,figure.sc-ic-switch,figcaption.sc-ic-switch,footer.sc-ic-switch,header.sc-ic-switch,hgroup.sc-ic-switch,menu.sc-ic-switch,nav.sc-ic-switch,output.sc-ic-switch,ruby.sc-ic-switch,section.sc-ic-switch,summary.sc-ic-switch,time.sc-ic-switch,mark.sc-ic-switch,audio.sc-ic-switch,video.sc-ic-switch{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-switch-h{display:inline-block}/*!@input*/input.sc-ic-switch{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@.ic-switch-container*/.ic-switch-container.sc-ic-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}/*!@.ic-switch-label*/.ic-switch-label.sc-ic-switch{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}/*!@.ic-switch-label-small*/.ic-switch-label-small.sc-ic-switch{margin-bottom:0.625rem}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}/*!@.ic-switch-line-break*/.ic-switch-line-break.sc-ic-switch{flex:1 0 100%}/*!@.ic-switch-checked-status*/.ic-switch-checked-status.sc-ic-switch{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg);color:var(--ic-switch-help-text)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-switch-indicator-off)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-switch-checked-bg);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:var(--ic-border-focus)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-switch-indicator-off-disabled)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on-disabled)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-switch-unchecked-disabled)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-switch-checked)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:var(--ic-switch-icon)}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-border-hc)}/*!@.ic-switch-input:focus + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus+.ic-switch-toggle.sc-ic-switch{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
18359
18785
 
18360
18786
  let inputIds$1 = 0;
18361
18787
  /**
@@ -18394,6 +18820,7 @@ class Switch {
18394
18820
  this.name = this.inputId;
18395
18821
  this.showState = false;
18396
18822
  this.size = "medium";
18823
+ this.theme = "inherit";
18397
18824
  this.value = "on";
18398
18825
  }
18399
18826
  checkedChangeHandler() {
@@ -18419,10 +18846,12 @@ class Switch {
18419
18846
  }
18420
18847
  }
18421
18848
  render() {
18422
- const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, } = this;
18849
+ const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, theme, } = this;
18423
18850
  renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
18424
18851
  const describedBy = getInputDescribedByText(inputId, helperText !== "", false);
18425
- return (hAsync(Host, null, hAsync("label", { class: {
18852
+ return (hAsync(Host, { class: {
18853
+ [`ic-theme-${theme}`]: theme !== "inherit",
18854
+ } }, hAsync("label", { class: {
18426
18855
  ["ic-switch-container"]: true,
18427
18856
  ["ic-switch-disabled"]: disabled,
18428
18857
  ["ic-switch-small"]: size === "small",
@@ -18449,6 +18878,7 @@ class Switch {
18449
18878
  "name": [1],
18450
18879
  "showState": [4, "show-state"],
18451
18880
  "size": [1],
18881
+ "theme": [1],
18452
18882
  "value": [1],
18453
18883
  "checkedState": [32],
18454
18884
  "initiallyChecked": [32],
@@ -18899,7 +19329,7 @@ class TabPanel {
18899
19329
  }; }
18900
19330
  }
18901
19331
 
18902
- const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\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*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.ic-text-field-full-width)*/.ic-text-field-full-width.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-text-tertiary);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-text-tertiary);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-text-primary)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.char-count-text*/.char-count-text.sc-ic-text-field{--ic-typography-color:var(--ic-color-text-secondary);padding-right:var(--ic-space-xxxs)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.char-count*/.char-count.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@.remaining-char-count-desc*/.remaining-char-count-desc.sc-ic-text-field{position:absolute;left:-9999px}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
19332
+ const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\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*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xxs)}/*!@:host(.ic-text-field-full-width)*/.ic-text-field-full-width.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-text-tertiary);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-text-tertiary);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-text-primary)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.char-count-text*/.char-count-text.sc-ic-text-field{--ic-typography-color:var(--ic-color-text-secondary);padding-right:var(--ic-space-xxxs)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.char-count*/.char-count.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@.remaining-char-count-desc*/.remaining-char-count-desc.sc-ic-text-field{position:absolute;left:-9999px}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
18903
19333
 
18904
19334
  let inputIds = 0;
18905
19335
  const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];