@ukic/web-components 2.1.0-beta.2 → 2.1.0-beta.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (496) hide show
  1. package/README.md +8 -0
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-8bc3b6d2.js → helpers-81484ceb.js} +2 -2
  4. package/dist/cjs/helpers-81484ceb.js.map +1 -0
  5. package/dist/cjs/ic-alert.cjs.entry.js +3 -1
  6. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-button_3.cjs.entry.js +26 -10
  12. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-card.cjs.entry.js +17 -4
  14. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-checkbox.cjs.entry.js +3 -1
  18. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-chip.cjs.entry.js +66 -0
  20. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -0
  21. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
  25. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  29. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  31. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-footer.cjs.entry.js +3 -3
  33. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-hero.cjs.entry.js +1 -1
  35. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +25 -20
  37. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-link.cjs.entry.js +1 -1
  40. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-navigation-item.cjs.entry.js +3 -3
  46. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  48. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  50. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-radio-option.cjs.entry.js +12 -2
  54. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-search-bar.cjs.entry.js +16 -19
  56. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-select.cjs.entry.js +3 -3
  59. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  61. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-status-tag.cjs.entry.js +4 -3
  64. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-step.cjs.entry.js +101 -13
  66. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-stepper.cjs.entry.js +162 -41
  68. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-switch.cjs.entry.js +1 -1
  70. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-tab-context.cjs.entry.js +6 -1
  72. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  74. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-text-field.cjs.entry.js +1 -1
  76. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-theme.cjs.entry.js +3 -3
  78. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-top-navigation.cjs.entry.js +3 -3
  80. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  82. package/dist/cjs/index-3ef30d9d.js +4 -0
  83. package/dist/cjs/loader.cjs.js +1 -1
  84. package/dist/collection/assets/dismiss-icon.svg +3 -0
  85. package/dist/collection/assets/warning-icon-outline.svg +3 -0
  86. package/dist/collection/collection-manifest.json +1 -0
  87. package/dist/collection/components/ic-alert/ic-alert.js +20 -1
  88. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  89. package/dist/collection/components/ic-button/ic-button.js +2 -2
  90. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  91. package/dist/collection/components/ic-card/ic-card.css +58 -14
  92. package/dist/collection/components/ic-card/ic-card.js +64 -8
  93. package/dist/collection/components/ic-card/ic-card.js.map +1 -1
  94. package/dist/collection/components/ic-checkbox/ic-checkbox.js +20 -1
  95. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  96. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +1 -1
  97. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  98. package/dist/collection/components/ic-chip/ic-chip.css +595 -0
  99. package/dist/collection/components/ic-chip/ic-chip.js +199 -0
  100. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -0
  101. package/dist/collection/components/ic-chip/ic-chip.test.a11y.js +11 -0
  102. package/dist/collection/components/ic-chip/ic-chip.test.a11y.js.map +1 -0
  103. package/dist/collection/components/ic-chip/ic-chip.types.js +2 -0
  104. package/dist/collection/components/ic-chip/ic-chip.types.js.map +1 -0
  105. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +1 -1
  106. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  107. package/dist/collection/components/ic-data-row/ic-data-row.css +12 -0
  108. package/dist/collection/components/ic-divider/ic-divider.js +1 -1
  109. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  110. package/dist/collection/components/ic-footer/ic-footer.js +9 -6
  111. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  112. package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
  113. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  114. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +2 -2
  115. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  116. package/dist/collection/components/ic-hero/ic-hero.js +1 -1
  117. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  118. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +0 -2
  119. package/dist/collection/components/ic-link/ic-link.js +1 -1
  120. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  121. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +38 -2
  122. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +39 -5
  123. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  124. package/dist/collection/components/ic-menu/ic-menu.js +31 -23
  125. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  126. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +1 -1
  127. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  128. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +2 -2
  129. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  130. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +4 -4
  131. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  132. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +1 -1
  133. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  134. package/dist/collection/components/ic-radio-group/ic-radio-group.js +1 -1
  135. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  136. package/dist/collection/components/ic-radio-option/ic-radio-option.css +7 -8
  137. package/dist/collection/components/ic-radio-option/ic-radio-option.js +32 -0
  138. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  139. package/dist/collection/components/ic-search-bar/ic-search-bar.js +28 -27
  140. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  141. package/dist/collection/components/ic-select/ic-select.css +1 -1
  142. package/dist/collection/components/ic-select/ic-select.js +1 -1
  143. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  144. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +6 -3
  145. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  146. package/dist/collection/components/ic-status-tag/ic-status-tag.js +21 -2
  147. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  148. package/dist/collection/components/ic-status-tag/ic-status-tag.test.a11y.js +1 -1
  149. package/dist/collection/components/ic-status-tag/ic-status-tag.test.a11y.js.map +1 -1
  150. package/dist/collection/components/ic-step/ic-step.css +120 -24
  151. package/dist/collection/components/ic-step/ic-step.js +268 -27
  152. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  153. package/dist/collection/components/ic-step/ic-step.types.js.map +1 -1
  154. package/dist/collection/components/ic-stepper/ic-stepper-test-examples.js +74 -0
  155. package/dist/collection/components/ic-stepper/ic-stepper-test-examples.js.map +1 -0
  156. package/dist/collection/components/ic-stepper/ic-stepper.css +15 -1
  157. package/dist/collection/components/ic-stepper/ic-stepper.js +206 -39
  158. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  159. package/dist/collection/components/ic-stepper/ic-stepper.test.a11y.js +13 -1
  160. package/dist/collection/components/ic-stepper/ic-stepper.test.a11y.js.map +1 -1
  161. package/dist/collection/components/ic-tab/ic-tab.js +5 -2
  162. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  163. package/dist/collection/components/ic-tab-context/ic-tab-context.js +29 -2
  164. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  165. package/dist/collection/components/ic-text-field/ic-text-field.js +2 -2
  166. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  167. package/dist/collection/components/ic-theme/ic-theme.js +8 -5
  168. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  169. package/dist/collection/components/ic-tooltip/ic-tooltip.css +1 -1
  170. package/dist/collection/components/ic-tooltip/ic-tooltip.js +22 -1
  171. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  172. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +8 -3
  173. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +2 -2
  174. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  175. package/dist/collection/normalize.css +440 -0
  176. package/dist/collection/testspec.setup.js +8 -0
  177. package/dist/collection/testspec.setup.js.map +1 -1
  178. package/dist/collection/utils/helpers.js +1 -1
  179. package/dist/collection/utils/helpers.js.map +1 -1
  180. package/dist/components/helpers.js +2 -2
  181. package/dist/components/helpers.js.map +1 -1
  182. package/dist/components/ic-alert.js +3 -1
  183. package/dist/components/ic-alert.js.map +1 -1
  184. package/dist/components/ic-back-to-top.js.map +1 -1
  185. package/dist/components/ic-button2.js +2 -2
  186. package/dist/components/ic-button2.js.map +1 -1
  187. package/dist/components/ic-card.js +40 -6
  188. package/dist/components/ic-card.js.map +1 -1
  189. package/dist/components/ic-checkbox-group.js +1 -1
  190. package/dist/components/ic-checkbox-group.js.map +1 -1
  191. package/dist/components/ic-checkbox.js +2 -0
  192. package/dist/components/ic-checkbox.js.map +1 -1
  193. package/dist/components/ic-chip.d.ts +11 -0
  194. package/dist/components/ic-chip.js +99 -0
  195. package/dist/components/ic-chip.js.map +1 -0
  196. package/dist/components/ic-classification-banner.js +1 -1
  197. package/dist/components/ic-classification-banner.js.map +1 -1
  198. package/dist/components/ic-data-entity.js.map +1 -1
  199. package/dist/components/ic-data-row.js +1 -1
  200. package/dist/components/ic-data-row.js.map +1 -1
  201. package/dist/components/ic-divider2.js +1 -1
  202. package/dist/components/ic-divider2.js.map +1 -1
  203. package/dist/components/ic-footer-link-group.js +1 -1
  204. package/dist/components/ic-footer-link-group.js.map +1 -1
  205. package/dist/components/ic-footer-link.js +1 -1
  206. package/dist/components/ic-footer-link.js.map +1 -1
  207. package/dist/components/ic-footer.js +3 -3
  208. package/dist/components/ic-footer.js.map +1 -1
  209. package/dist/components/ic-hero.js +1 -1
  210. package/dist/components/ic-hero.js.map +1 -1
  211. package/dist/components/ic-input-component-container2.js +1 -1
  212. package/dist/components/ic-input-component-container2.js.map +1 -1
  213. package/dist/components/ic-input-label2.js +1 -1
  214. package/dist/components/ic-input-validation2.js +1 -1
  215. package/dist/components/ic-link2.js +1 -1
  216. package/dist/components/ic-link2.js.map +1 -1
  217. package/dist/components/ic-loading-indicator2.js +21 -6
  218. package/dist/components/ic-loading-indicator2.js.map +1 -1
  219. package/dist/components/ic-menu2.js +23 -18
  220. package/dist/components/ic-menu2.js.map +1 -1
  221. package/dist/components/ic-navigation-button.js +1 -1
  222. package/dist/components/ic-navigation-button.js.map +1 -1
  223. package/dist/components/ic-navigation-group.js +1 -1
  224. package/dist/components/ic-navigation-group.js.map +1 -1
  225. package/dist/components/ic-navigation-item.js +3 -3
  226. package/dist/components/ic-navigation-item.js.map +1 -1
  227. package/dist/components/ic-navigation-menu2.js +2 -2
  228. package/dist/components/ic-navigation-menu2.js.map +1 -1
  229. package/dist/components/ic-page-header.js.map +1 -1
  230. package/dist/components/ic-radio-group.js +1 -1
  231. package/dist/components/ic-radio-group.js.map +1 -1
  232. package/dist/components/ic-radio-option.js +11 -1
  233. package/dist/components/ic-radio-option.js.map +1 -1
  234. package/dist/components/ic-search-bar.js +18 -21
  235. package/dist/components/ic-search-bar.js.map +1 -1
  236. package/dist/components/ic-section-container2.js.map +1 -1
  237. package/dist/components/ic-select.js +3 -3
  238. package/dist/components/ic-select.js.map +1 -1
  239. package/dist/components/ic-side-navigation.js +2 -2
  240. package/dist/components/ic-side-navigation.js.map +1 -1
  241. package/dist/components/ic-skeleton.js.map +1 -1
  242. package/dist/components/ic-status-tag.js +5 -3
  243. package/dist/components/ic-status-tag.js.map +1 -1
  244. package/dist/components/ic-step.js +117 -16
  245. package/dist/components/ic-step.js.map +1 -1
  246. package/dist/components/ic-stepper.js +169 -41
  247. package/dist/components/ic-stepper.js.map +1 -1
  248. package/dist/components/ic-switch.js.map +1 -1
  249. package/dist/components/ic-tab-context.js +6 -1
  250. package/dist/components/ic-tab-context.js.map +1 -1
  251. package/dist/components/ic-tab-group.js +1 -1
  252. package/dist/components/ic-tab.js.map +1 -1
  253. package/dist/components/ic-text-field2.js +3 -3
  254. package/dist/components/ic-text-field2.js.map +1 -1
  255. package/dist/components/ic-theme.js +3 -3
  256. package/dist/components/ic-theme.js.map +1 -1
  257. package/dist/components/ic-tooltip2.js +7 -3
  258. package/dist/components/ic-tooltip2.js.map +1 -1
  259. package/dist/components/ic-top-navigation.js +4 -4
  260. package/dist/components/ic-top-navigation.js.map +1 -1
  261. package/dist/components/ic-typography2.js.map +1 -1
  262. package/dist/components/index.d.ts +2 -1
  263. package/dist/components/index.js +1 -0
  264. package/dist/components/index.js.map +1 -1
  265. package/dist/core/core.css +1 -1
  266. package/dist/core/core.esm.js +1 -1
  267. package/dist/core/core.esm.js.map +1 -1
  268. package/dist/core/normalize.css +440 -0
  269. package/dist/core/{p-5831bb8e.entry.js → p-050e1e7b.entry.js} +2 -2
  270. package/dist/core/{p-5831bb8e.entry.js.map → p-050e1e7b.entry.js.map} +1 -1
  271. package/dist/core/{p-31a8595f.entry.js → p-09592918.entry.js} +2 -2
  272. package/dist/core/{p-31a8595f.entry.js.map → p-09592918.entry.js.map} +1 -1
  273. package/dist/core/{p-347ec49e.entry.js → p-0b00f848.entry.js} +2 -2
  274. package/dist/core/p-0b00f848.entry.js.map +1 -0
  275. package/dist/core/p-16698d3e.entry.js +2 -0
  276. package/dist/core/p-16698d3e.entry.js.map +1 -0
  277. package/dist/core/p-18a9beea.entry.js +2 -0
  278. package/dist/core/p-18a9beea.entry.js.map +1 -0
  279. package/dist/core/{p-7b39977f.entry.js → p-1da1f2f3.entry.js} +2 -2
  280. package/dist/core/p-1da1f2f3.entry.js.map +1 -0
  281. package/dist/core/{p-2f114521.entry.js → p-217fa7de.entry.js} +2 -2
  282. package/dist/core/{p-2f114521.entry.js.map → p-217fa7de.entry.js.map} +1 -1
  283. package/dist/core/{p-cc83692e.entry.js → p-23bf0b7a.entry.js} +2 -2
  284. package/dist/core/{p-cc83692e.entry.js.map → p-23bf0b7a.entry.js.map} +1 -1
  285. package/dist/core/{p-558552f8.entry.js → p-27554319.entry.js} +2 -2
  286. package/dist/core/p-27554319.entry.js.map +1 -0
  287. package/dist/core/p-2ca96f69.entry.js +2 -0
  288. package/dist/core/p-2ca96f69.entry.js.map +1 -0
  289. package/dist/core/{p-dd3c3e3c.entry.js → p-3f4d632c.entry.js} +2 -2
  290. package/dist/core/p-3f4d632c.entry.js.map +1 -0
  291. package/dist/core/p-3f9cdcdd.entry.js +2 -0
  292. package/dist/core/{p-c4d3c18c.entry.js.map → p-3f9cdcdd.entry.js.map} +1 -1
  293. package/dist/core/p-4f1a7195.entry.js +2 -0
  294. package/dist/core/p-4f1a7195.entry.js.map +1 -0
  295. package/dist/core/p-5616cfb8.entry.js +2 -0
  296. package/dist/core/p-5616cfb8.entry.js.map +1 -0
  297. package/dist/core/p-66cad84e.entry.js +2 -0
  298. package/dist/core/p-66cad84e.entry.js.map +1 -0
  299. package/dist/core/p-6be5e06b.entry.js.map +1 -1
  300. package/dist/core/p-6d0eaaeb.entry.js.map +1 -1
  301. package/dist/core/p-6f442942.entry.js +2 -0
  302. package/dist/core/p-6f442942.entry.js.map +1 -0
  303. package/dist/core/{p-60ffb73e.entry.js → p-789e197b.entry.js} +2 -2
  304. package/dist/core/p-789e197b.entry.js.map +1 -0
  305. package/dist/core/{p-4c72f3a9.entry.js → p-7ba184da.entry.js} +2 -2
  306. package/dist/core/{p-4c72f3a9.entry.js.map → p-7ba184da.entry.js.map} +0 -0
  307. package/dist/core/p-80cd0a2d.entry.js +2 -0
  308. package/dist/core/p-80cd0a2d.entry.js.map +1 -0
  309. package/dist/core/{p-2b5c9143.entry.js → p-8470c255.entry.js} +2 -2
  310. package/dist/core/{p-2b5c9143.entry.js.map → p-8470c255.entry.js.map} +1 -1
  311. package/dist/core/p-89a925f8.entry.js +2 -0
  312. package/dist/core/p-89a925f8.entry.js.map +1 -0
  313. package/dist/core/{p-ecfb2e6b.entry.js → p-930cd4cc.entry.js} +2 -2
  314. package/dist/core/{p-ecfb2e6b.entry.js.map → p-930cd4cc.entry.js.map} +1 -1
  315. package/dist/core/{p-0118400b.entry.js → p-9b4022d7.entry.js} +2 -2
  316. package/dist/core/p-9b4022d7.entry.js.map +1 -0
  317. package/dist/core/p-9e684c58.entry.js +2 -0
  318. package/dist/core/p-9e684c58.entry.js.map +1 -0
  319. package/dist/core/{p-5e261268.entry.js → p-9fbceeb2.entry.js} +2 -2
  320. package/dist/core/{p-5e261268.entry.js.map → p-9fbceeb2.entry.js.map} +0 -0
  321. package/dist/core/p-a2d3e955.entry.js.map +1 -1
  322. package/dist/core/{p-9cd04875.entry.js → p-a5948fc3.entry.js} +2 -2
  323. package/dist/core/{p-9cd04875.entry.js.map → p-a5948fc3.entry.js.map} +1 -1
  324. package/dist/core/{p-23831891.js → p-a8ac8f72.js} +2 -2
  325. package/dist/core/p-a8ac8f72.js.map +1 -0
  326. package/dist/core/{p-6b34d98f.entry.js → p-ae02b008.entry.js} +2 -2
  327. package/dist/core/{p-6b34d98f.entry.js.map → p-ae02b008.entry.js.map} +1 -1
  328. package/dist/core/p-bb106092.entry.js +2 -0
  329. package/dist/core/p-bb106092.entry.js.map +1 -0
  330. package/dist/core/{p-6fba90ee.entry.js → p-bbe00cb1.entry.js} +2 -2
  331. package/dist/core/{p-6fba90ee.entry.js.map → p-bbe00cb1.entry.js.map} +1 -1
  332. package/dist/core/{p-b3dec76d.entry.js → p-c1d78a64.entry.js} +2 -2
  333. package/dist/core/{p-b3dec76d.entry.js.map → p-c1d78a64.entry.js.map} +1 -1
  334. package/dist/core/{p-0b125f26.entry.js → p-c320fa70.entry.js} +2 -2
  335. package/dist/core/{p-0b125f26.entry.js.map → p-c320fa70.entry.js.map} +0 -0
  336. package/dist/core/p-cadb531f.entry.js.map +1 -1
  337. package/dist/core/p-d599cf4f.entry.js +2 -0
  338. package/dist/core/p-d599cf4f.entry.js.map +1 -0
  339. package/dist/core/{p-6f6bd657.entry.js → p-e192e25d.entry.js} +2 -2
  340. package/dist/core/{p-6f6bd657.entry.js.map → p-e192e25d.entry.js.map} +1 -1
  341. package/dist/core/{p-7f04e382.entry.js → p-e810f48c.entry.js} +2 -2
  342. package/dist/core/{p-7f04e382.entry.js.map → p-e810f48c.entry.js.map} +1 -1
  343. package/dist/core/p-e93e9aa3.entry.js.map +1 -1
  344. package/dist/core/p-eaea567e.entry.js +2 -0
  345. package/dist/core/p-eaea567e.entry.js.map +1 -0
  346. package/dist/core/p-f5b045a5.entry.js +2 -0
  347. package/dist/core/p-f5b045a5.entry.js.map +1 -0
  348. package/dist/core/{p-10da19d2.entry.js → p-f760198e.entry.js} +2 -2
  349. package/dist/core/{p-10da19d2.entry.js.map → p-f760198e.entry.js.map} +0 -0
  350. package/dist/core/{p-c6dd4f47.entry.js → p-fd0c6039.entry.js} +2 -2
  351. package/dist/core/p-fd0c6039.entry.js.map +1 -0
  352. package/dist/esm/core.js +1 -1
  353. package/dist/esm/{helpers-3d41833c.js → helpers-46e5291b.js} +3 -3
  354. package/dist/esm/helpers-46e5291b.js.map +1 -0
  355. package/dist/esm/ic-alert.entry.js +3 -1
  356. package/dist/esm/ic-alert.entry.js.map +1 -1
  357. package/dist/esm/ic-back-to-top.entry.js +1 -1
  358. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  359. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  360. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  361. package/dist/esm/ic-button_3.entry.js +26 -10
  362. package/dist/esm/ic-button_3.entry.js.map +1 -1
  363. package/dist/esm/ic-card.entry.js +17 -4
  364. package/dist/esm/ic-card.entry.js.map +1 -1
  365. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  366. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  367. package/dist/esm/ic-checkbox.entry.js +3 -1
  368. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  369. package/dist/esm/ic-chip.entry.js +62 -0
  370. package/dist/esm/ic-chip.entry.js.map +1 -0
  371. package/dist/esm/ic-classification-banner.entry.js +1 -1
  372. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  373. package/dist/esm/ic-data-entity.entry.js.map +1 -1
  374. package/dist/esm/ic-data-row.entry.js +2 -2
  375. package/dist/esm/ic-data-row.entry.js.map +1 -1
  376. package/dist/esm/ic-divider.entry.js +1 -1
  377. package/dist/esm/ic-divider.entry.js.map +1 -1
  378. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  379. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  380. package/dist/esm/ic-footer-link.entry.js +1 -1
  381. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  382. package/dist/esm/ic-footer.entry.js +3 -3
  383. package/dist/esm/ic-footer.entry.js.map +1 -1
  384. package/dist/esm/ic-hero.entry.js +1 -1
  385. package/dist/esm/ic-hero.entry.js.map +1 -1
  386. package/dist/esm/ic-input-component-container_3.entry.js +25 -20
  387. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  388. package/dist/esm/ic-input-label_2.entry.js +1 -1
  389. package/dist/esm/ic-link.entry.js +1 -1
  390. package/dist/esm/ic-link.entry.js.map +1 -1
  391. package/dist/esm/ic-navigation-button.entry.js +1 -1
  392. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  393. package/dist/esm/ic-navigation-group.entry.js +1 -1
  394. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  395. package/dist/esm/ic-navigation-item.entry.js +3 -3
  396. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  397. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  398. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  399. package/dist/esm/ic-page-header.entry.js +1 -1
  400. package/dist/esm/ic-page-header.entry.js.map +1 -1
  401. package/dist/esm/ic-radio-group.entry.js +1 -1
  402. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  403. package/dist/esm/ic-radio-option.entry.js +12 -2
  404. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  405. package/dist/esm/ic-search-bar.entry.js +16 -19
  406. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  407. package/dist/esm/ic-section-container.entry.js.map +1 -1
  408. package/dist/esm/ic-select.entry.js +3 -3
  409. package/dist/esm/ic-select.entry.js.map +1 -1
  410. package/dist/esm/ic-side-navigation.entry.js +1 -1
  411. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  412. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  413. package/dist/esm/ic-status-tag.entry.js +4 -3
  414. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  415. package/dist/esm/ic-step.entry.js +101 -13
  416. package/dist/esm/ic-step.entry.js.map +1 -1
  417. package/dist/esm/ic-stepper.entry.js +162 -41
  418. package/dist/esm/ic-stepper.entry.js.map +1 -1
  419. package/dist/esm/ic-switch.entry.js +1 -1
  420. package/dist/esm/ic-switch.entry.js.map +1 -1
  421. package/dist/esm/ic-tab-context.entry.js +6 -1
  422. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  423. package/dist/esm/ic-tab-group.entry.js +1 -1
  424. package/dist/esm/ic-tab.entry.js.map +1 -1
  425. package/dist/esm/ic-text-field.entry.js +1 -1
  426. package/dist/esm/ic-text-field.entry.js.map +1 -1
  427. package/dist/esm/ic-theme.entry.js +3 -3
  428. package/dist/esm/ic-theme.entry.js.map +1 -1
  429. package/dist/esm/ic-top-navigation.entry.js +3 -3
  430. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  431. package/dist/esm/ic-typography.entry.js.map +1 -1
  432. package/dist/esm/index-1500de1f.js +4 -0
  433. package/dist/esm/loader.js +1 -1
  434. package/dist/types/components/ic-alert/ic-alert.d.ts +5 -1
  435. package/dist/types/components/ic-card/ic-card.d.ts +20 -3
  436. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +5 -1
  437. package/dist/types/components/ic-chip/ic-chip.d.ts +40 -0
  438. package/dist/types/components/ic-chip/ic-chip.test.a11y.d.ts +1 -0
  439. package/dist/types/components/ic-chip/ic-chip.types.d.ts +2 -0
  440. package/dist/types/components/ic-footer/ic-footer.d.ts +2 -2
  441. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +5 -0
  442. package/dist/types/components/ic-menu/ic-menu.d.ts +5 -4
  443. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +1 -1
  444. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +5 -1
  445. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +3 -4
  446. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +1 -1
  447. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +4 -0
  448. package/dist/types/components/ic-step/ic-step.d.ts +35 -6
  449. package/dist/types/components/ic-step/ic-step.types.d.ts +2 -0
  450. package/dist/types/components/ic-stepper/ic-stepper-test-examples.d.ts +4 -0
  451. package/dist/types/components/ic-stepper/ic-stepper.d.ts +23 -6
  452. package/dist/types/components/ic-tab/ic-tab.d.ts +1 -1
  453. package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +6 -2
  454. package/dist/types/components/ic-theme/ic-theme.d.ts +2 -2
  455. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +4 -0
  456. package/dist/types/components.d.ts +161 -43
  457. package/dist/types/testspec.setup.d.ts +1 -0
  458. package/hydrate/index.js +572 -210
  459. package/package.json +3 -3
  460. package/dist/cjs/helpers-8bc3b6d2.js.map +0 -1
  461. package/dist/core/p-001651fc.entry.js +0 -2
  462. package/dist/core/p-001651fc.entry.js.map +0 -1
  463. package/dist/core/p-0118400b.entry.js.map +0 -1
  464. package/dist/core/p-07cd789d.entry.js +0 -2
  465. package/dist/core/p-07cd789d.entry.js.map +0 -1
  466. package/dist/core/p-23831891.js.map +0 -1
  467. package/dist/core/p-2e9f3011.entry.js +0 -2
  468. package/dist/core/p-2e9f3011.entry.js.map +0 -1
  469. package/dist/core/p-347ec49e.entry.js.map +0 -1
  470. package/dist/core/p-39ae284e.entry.js +0 -2
  471. package/dist/core/p-39ae284e.entry.js.map +0 -1
  472. package/dist/core/p-558552f8.entry.js.map +0 -1
  473. package/dist/core/p-60ffb73e.entry.js.map +0 -1
  474. package/dist/core/p-69650186.entry.js +0 -2
  475. package/dist/core/p-69650186.entry.js.map +0 -1
  476. package/dist/core/p-7093d214.entry.js +0 -2
  477. package/dist/core/p-7093d214.entry.js.map +0 -1
  478. package/dist/core/p-7577c6a3.entry.js +0 -2
  479. package/dist/core/p-7577c6a3.entry.js.map +0 -1
  480. package/dist/core/p-7b39977f.entry.js.map +0 -1
  481. package/dist/core/p-7f632414.entry.js +0 -2
  482. package/dist/core/p-7f632414.entry.js.map +0 -1
  483. package/dist/core/p-88b15005.entry.js +0 -2
  484. package/dist/core/p-88b15005.entry.js.map +0 -1
  485. package/dist/core/p-898607d0.entry.js +0 -2
  486. package/dist/core/p-898607d0.entry.js.map +0 -1
  487. package/dist/core/p-ac43322e.entry.js +0 -2
  488. package/dist/core/p-ac43322e.entry.js.map +0 -1
  489. package/dist/core/p-c4d3c18c.entry.js +0 -2
  490. package/dist/core/p-c6dd4f47.entry.js.map +0 -1
  491. package/dist/core/p-cf5e8a55.entry.js +0 -2
  492. package/dist/core/p-cf5e8a55.entry.js.map +0 -1
  493. package/dist/core/p-dd3c3e3c.entry.js.map +0 -1
  494. package/dist/core/p-e4551421.entry.js +0 -2
  495. package/dist/core/p-e4551421.entry.js.map +0 -1
  496. package/dist/esm/helpers-3d41833c.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -5762,7 +5762,7 @@ var infoIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0
5762
5762
  <title>info icon</title>
5763
5763
  </svg>`;
5764
5764
 
5765
- var warningIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
5765
+ var warningIcon$1 = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
5766
5766
  <title>warning icon</title>
5767
5767
  <path d="M0 0h24v24H0z" fill="none"/>
5768
5768
  <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
@@ -6159,7 +6159,7 @@ const hasValidationStatus = (status, disabled) => {
6159
6159
  return status !== "" && !disabled;
6160
6160
  };
6161
6161
  const isSlotUsed = (element, slotName) => {
6162
- return !!element.querySelector(`[slot="${slotName}"]`);
6162
+ return Array.from(element.children).some(child => child.getAttribute('slot') === slotName);
6163
6163
  };
6164
6164
  // added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update
6165
6165
  // with a value. Allows a callback function to be executed when this is the case
@@ -6281,7 +6281,7 @@ const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-siz
6281
6281
  const icon$1 = {
6282
6282
  neutral: neutralIcon,
6283
6283
  info: infoIcon,
6284
- warning: warningIcon,
6284
+ warning: warningIcon$1,
6285
6285
  error: errorIcon,
6286
6286
  success: successIcon,
6287
6287
  };
@@ -6293,8 +6293,10 @@ class Alert {
6293
6293
  constructor(hostRef) {
6294
6294
  registerInstance(this, hostRef);
6295
6295
  this.dismiss = createEvent(this, "dismiss", 7);
6296
+ this.icDismiss = createEvent(this, "icDismiss", 7);
6296
6297
  this.dismissAction = () => {
6297
6298
  this.dismiss.emit();
6299
+ this.icDismiss.emit();
6298
6300
  };
6299
6301
  this.variant = "neutral";
6300
6302
  this.heading = "";
@@ -6357,7 +6359,7 @@ class Alert {
6357
6359
  "visible": [32],
6358
6360
  "alertTitleWrap": [32]
6359
6361
  },
6360
- "$listeners$": [[2, "dismiss", "handleClick"]],
6362
+ "$listeners$": [[2, "icDismiss", "handleClick"]],
6361
6363
  "$lazyBundleId$": "-",
6362
6364
  "$attrsToReflect$": []
6363
6365
  }; }
@@ -6936,7 +6938,7 @@ class Button {
6936
6938
  ["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
6937
6939
  ["light"]: this.appearance === IcThemeForegroundEnum.Light,
6938
6940
  ["full-width"]: this.fullWidth,
6939
- }, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled-button"]: this.disableTooltip }, ref: (el) => (this.tooltipEl = el), label: tooltipText, target: buttonId, placement: this.tooltipPlacement }, hAsync(ButtonContent, null))), !this.hasTooltip && hAsync(ButtonContent, null)));
6941
+ }, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled"]: this.disableTooltip }, ref: (el) => (this.tooltipEl = el), label: tooltipText, target: buttonId, placement: this.tooltipPlacement }, hAsync(ButtonContent, null))), !this.hasTooltip && hAsync(ButtonContent, null)));
6940
6942
  }
6941
6943
  get el() { return getElement(this); }
6942
6944
  static get watchers() { return {
@@ -6965,18 +6967,25 @@ class Button {
6965
6967
  "setFocus": [64],
6966
6968
  "updateAriaLabel": [64]
6967
6969
  },
6968
- "$listeners$": [[2, "click", "handleHostClick"], [4, "icThemeChange", "themeChangeHandler"]],
6970
+ "$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
6969
6971
  "$lazyBundleId$": "-",
6970
6972
  "$attrsToReflect$": []
6971
6973
  }; }
6972
6974
  }
6973
6975
 
6974
- const icCardCss = "/*!@html*/html.sc-ic-card{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card{margin:0}/*!@main*/main.sc-ic-card{display:block}/*!@h1*/h1.sc-ic-card{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card,strong.sc-ic-card{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card,kbd.sc-ic-card,samp.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card,sup.sc-ic-card{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card{bottom:-0.25em}/*!@sup*/sup.sc-ic-card{top:-0.5em}/*!@img*/img.sc-ic-card{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card,input.sc-ic-card,optgroup.sc-ic-card,select.sc-ic-card,textarea.sc-ic-card{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card,input.sc-ic-card{overflow:visible}/*!@button,\nselect*/button.sc-ic-card,select.sc-ic-card{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card,[type=\"button\"].sc-ic-card,[type=\"reset\"].sc-ic-card,[type=\"submit\"].sc-ic-card{-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-card::-moz-focus-inner,[type=\"button\"].sc-ic-card::-moz-focus-inner,[type=\"reset\"].sc-ic-card::-moz-focus-inner,[type=\"submit\"].sc-ic-card::-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-card:-moz-focusring,[type=\"button\"].sc-ic-card:-moz-focusring,[type=\"reset\"].sc-ic-card:-moz-focusring,[type=\"submit\"].sc-ic-card:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card,[type=\"radio\"].sc-ic-card{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card{display:block}/*!@summary*/summary.sc-ic-card{display:list-item}/*!@template*/template.sc-ic-card{display:none}/*!@[hidden]*/[hidden].sc-ic-card{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-card,body.sc-ic-card,div.sc-ic-card,span.sc-ic-card,applet.sc-ic-card,object.sc-ic-card,iframe.sc-ic-card,h1.sc-ic-card,h2.sc-ic-card,h3.sc-ic-card,h4.sc-ic-card,h5.sc-ic-card,h6.sc-ic-card,p.sc-ic-card,blockquote.sc-ic-card,pre.sc-ic-card,a.sc-ic-card,abbr.sc-ic-card,acronym.sc-ic-card,address.sc-ic-card,big.sc-ic-card,cite.sc-ic-card,code.sc-ic-card,del.sc-ic-card,dfn.sc-ic-card,em.sc-ic-card,img.sc-ic-card,ins.sc-ic-card,kbd.sc-ic-card,q.sc-ic-card,s.sc-ic-card,samp.sc-ic-card,small.sc-ic-card,strike.sc-ic-card,strong.sc-ic-card,sub.sc-ic-card,sup.sc-ic-card,tt.sc-ic-card,var.sc-ic-card,b.sc-ic-card,u.sc-ic-card,i.sc-ic-card,center.sc-ic-card,dl.sc-ic-card,dt.sc-ic-card,dd.sc-ic-card,ol.sc-ic-card,ul.sc-ic-card,li.sc-ic-card,fieldset.sc-ic-card,form.sc-ic-card,label.sc-ic-card,legend.sc-ic-card,table.sc-ic-card,caption.sc-ic-card,tbody.sc-ic-card,tfoot.sc-ic-card,thead.sc-ic-card,tr.sc-ic-card,th.sc-ic-card,td.sc-ic-card,article.sc-ic-card,aside.sc-ic-card,canvas.sc-ic-card,details.sc-ic-card,embed.sc-ic-card,figure.sc-ic-card,figcaption.sc-ic-card,footer.sc-ic-card,header.sc-ic-card,hgroup.sc-ic-card,menu.sc-ic-card,nav.sc-ic-card,output.sc-ic-card,ruby.sc-ic-card,section.sc-ic-card,summary.sc-ic-card,time.sc-ic-card,mark.sc-ic-card,audio.sc-ic-card,video.sc-ic-card{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-h{display:flex}/*!@a*/a.sc-ic-card{text-decoration:none !important;color:var(--ic-architechtural-black) !important}/*!@button*/button.sc-ic-card{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline)}/*!@.card,\n.card.clickable*/.card.sc-ic-card,.card.clickable.sc-ic-card{border:1px solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);padding:var(--ic-space-md);text-align:left;color:var(--ic-architechtural-black);transition:var(--ic-easing-transition-fast)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card,.dark.card.clickable.sc-ic-card{border:1px solid var(--ic-architectural-700)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card:hover{background-color:var(--ic-action-default-bg-hover);border-color:var(--ic-action-default-hover);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card:focus,.card.clickable.focussed.sc-ic-card{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card{border:var(--ic-border-disabled)}/*!@.card.fullwidth*/.card.fullwidth.sc-ic-card{width:100%}/*!@.card-header*/.card-header.sc-ic-card{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card{padding-right:var(--ic-space-xs)}/*!@.card.clickable ::slotted(svg)*/.card.clickable .sc-ic-card-s>svg{fill:var(--ic-action-default)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-s>svg{fill:var(--ic-color-tertiary-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card .card-title.sc-ic-card{color:var(--ic-hyperlink);text-decoration:underline;text-decoration-thickness:1px}/*!@.card.clickable:hover .card-title*/.card.clickable.sc-ic-card:hover .card-title.sc-ic-card{color:var(--ic-hyperlink-hover) !important;text-decoration:none}/*!@.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card:focus .card-title.sc-ic-card,.card.clickable.focussed.sc-ic-card .card-title.sc-ic-card{color:var(--ic-hyperlink-hover)}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card:active .card-title.sc-ic-card{color:var(--ic-hyperlink-hover)}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card .card-title.sc-ic-card{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--ic-color-tertiary-text);color:var(--ic-color-tertiary-text)}/*!@.card-message*/.card-message.sc-ic-card{margin-top:var(--ic-space-xxs);align-items:left}/*!@.card.disabled .card-message*/.card.disabled.sc-ic-card .card-message.sc-ic-card{color:var(--ic-color-tertiary-text)}";
6976
+ const icCardCss = "/*!@html*/html.sc-ic-card{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card{margin:0}/*!@main*/main.sc-ic-card{display:block}/*!@h1*/h1.sc-ic-card{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card,strong.sc-ic-card{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card,kbd.sc-ic-card,samp.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card,sup.sc-ic-card{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card{bottom:-0.25em}/*!@sup*/sup.sc-ic-card{top:-0.5em}/*!@img*/img.sc-ic-card{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card,input.sc-ic-card,optgroup.sc-ic-card,select.sc-ic-card,textarea.sc-ic-card{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card,input.sc-ic-card{overflow:visible}/*!@button,\nselect*/button.sc-ic-card,select.sc-ic-card{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card,[type=\"button\"].sc-ic-card,[type=\"reset\"].sc-ic-card,[type=\"submit\"].sc-ic-card{-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-card::-moz-focus-inner,[type=\"button\"].sc-ic-card::-moz-focus-inner,[type=\"reset\"].sc-ic-card::-moz-focus-inner,[type=\"submit\"].sc-ic-card::-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-card:-moz-focusring,[type=\"button\"].sc-ic-card:-moz-focusring,[type=\"reset\"].sc-ic-card:-moz-focusring,[type=\"submit\"].sc-ic-card:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card,[type=\"radio\"].sc-ic-card{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card{display:block}/*!@summary*/summary.sc-ic-card{display:list-item}/*!@template*/template.sc-ic-card{display:none}/*!@[hidden]*/[hidden].sc-ic-card{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-card,body.sc-ic-card,div.sc-ic-card,span.sc-ic-card,applet.sc-ic-card,object.sc-ic-card,iframe.sc-ic-card,h1.sc-ic-card,h2.sc-ic-card,h3.sc-ic-card,h4.sc-ic-card,h5.sc-ic-card,h6.sc-ic-card,p.sc-ic-card,blockquote.sc-ic-card,pre.sc-ic-card,a.sc-ic-card,abbr.sc-ic-card,acronym.sc-ic-card,address.sc-ic-card,big.sc-ic-card,cite.sc-ic-card,code.sc-ic-card,del.sc-ic-card,dfn.sc-ic-card,em.sc-ic-card,img.sc-ic-card,ins.sc-ic-card,kbd.sc-ic-card,q.sc-ic-card,s.sc-ic-card,samp.sc-ic-card,small.sc-ic-card,strike.sc-ic-card,strong.sc-ic-card,sub.sc-ic-card,sup.sc-ic-card,tt.sc-ic-card,var.sc-ic-card,b.sc-ic-card,u.sc-ic-card,i.sc-ic-card,center.sc-ic-card,dl.sc-ic-card,dt.sc-ic-card,dd.sc-ic-card,ol.sc-ic-card,ul.sc-ic-card,li.sc-ic-card,fieldset.sc-ic-card,form.sc-ic-card,label.sc-ic-card,legend.sc-ic-card,table.sc-ic-card,caption.sc-ic-card,tbody.sc-ic-card,tfoot.sc-ic-card,thead.sc-ic-card,tr.sc-ic-card,th.sc-ic-card,td.sc-ic-card,article.sc-ic-card,aside.sc-ic-card,canvas.sc-ic-card,details.sc-ic-card,embed.sc-ic-card,figure.sc-ic-card,figcaption.sc-ic-card,footer.sc-ic-card,header.sc-ic-card,hgroup.sc-ic-card,menu.sc-ic-card,nav.sc-ic-card,output.sc-ic-card,ruby.sc-ic-card,section.sc-ic-card,summary.sc-ic-card,time.sc-ic-card,mark.sc-ic-card,audio.sc-ic-card,video.sc-ic-card{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-h{display:flex}/*!@a*/a.sc-ic-card{text-decoration:none !important;color:var(--ic-architechtural-black) !important}/*!@button*/button.sc-ic-card{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline)}/*!@.card,\n.card.clickable*/.card.sc-ic-card,.card.clickable.sc-ic-card{border:1px solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);box-sizing:border-box;padding:var(--ic-space-md);text-align:left;color:var(--ic-architechtural-black);transition:var(--ic-easing-transition-fast)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card,.dark.card.clickable.sc-ic-card{border:1px solid var(--ic-architectural-700)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card:hover{background-color:var(--ic-action-default-bg-hover);border-color:var(--ic-action-default-hover);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card:focus,.card.clickable.focussed.sc-ic-card{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card{border:var(--ic-border-disabled)}/*!@.card.fullwidth,\n:host([full-width=\"true\"])*/.card.fullwidth.sc-ic-card,[full-width=\"true\"].sc-ic-card-h{width:100%}/*!@.card-header*/.card-header.sc-ic-card{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-s>svg{fill:var(--ic-color-tertiary-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card .card-title.sc-ic-card{color:var(--ic-hyperlink);text-decoration:underline;text-decoration-thickness:1px}/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card:hover .card-title.sc-ic-card,.card.clickable.sc-ic-card:focus .card-title.sc-ic-card,.card.clickable.focussed.sc-ic-card .card-title.sc-ic-card{text-decoration-thickness:25%;text-underline-offset:25%}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card:active .card-title.sc-ic-card{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card .card-title.sc-ic-card{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--ic-color-tertiary-text);color:var(--ic-color-tertiary-text)}/*!@.subheading*/.subheading.sc-ic-card{margin-top:var(--ic-space-xxs)}/*!@.adornment*/.adornment.sc-ic-card{margin-top:var(--ic-space-xxs)}/*!@.card-message*/.card-message.sc-ic-card{margin-top:var(--ic-space-md);align-items:left}/*!@.card.disabled .card-message,\n.card.disabled .subheading*/.card.disabled.sc-ic-card .card-message.sc-ic-card,.card.disabled.sc-ic-card .subheading.sc-ic-card{color:var(--ic-color-tertiary-text)}/*!@.interaction-button*/.interaction-button.sc-ic-card{margin-left:auto}/*!@.image-top*/.image-top.sc-ic-card{margin-bottom:var(--ic-space-md);display:flex;justify-content:center}/*!@.image-mid*/.image-mid.sc-ic-card{margin-top:var(--ic-space-md);display:flex;justify-content:center}/*!@.interaction-controls*/.interaction-controls.sc-ic-card{margin-top:var(--ic-space-md);display:flex;align-items:center}/*!@.toggle-button*/.toggle-button.sc-ic-card{margin-left:auto}/*!@.toggle-button-closed svg*/.toggle-button-closed.sc-ic-card svg.sc-ic-card{transform:rotate(90deg)}/*!@.toggle-button-expanded svg*/.toggle-button-expanded.sc-ic-card svg.sc-ic-card{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-card{margin-top:var(--ic-space-md)}";
6975
6977
 
6976
6978
  /**
6977
- * @slot icon - Content will be placed to the left of the card title.
6978
6979
  * @slot heading - Content will be placed at the top of the card to the right of the icon.
6979
6980
  * @slot message - Content will be placed in the main body of the card.
6981
+ * @slot subheading - Content will be placed below the card heading.
6982
+ * @slot adornment - Content will be placed below the card subheading.
6983
+ * @slot image-top - Content will be placed at the top of the card above all other content.
6984
+ * @slot image-mid - Content will be placed below the card heading section.
6985
+ * @slot icon - Content will be placed to the left of the card heading.
6986
+ * @slot interaction-button - Content will be placed in the top right corner of the heading section.
6987
+ * @slot interaction-controls - Content will be placed below the card message.
6988
+ * @slot expanded-content - Content will be placed below the interaction controls but will not initially be rendered.
6980
6989
  */
6981
6990
  class Card {
6982
6991
  constructor(hostRef) {
@@ -6987,6 +6996,9 @@ class Card {
6987
6996
  this.parentBlurred = () => {
6988
6997
  this.isFocussed = false;
6989
6998
  };
6999
+ this.toggleExpanded = () => {
7000
+ this.areaExpanded = !this.areaExpanded;
7001
+ };
6990
7002
  this.clickable = false;
6991
7003
  this.href = undefined;
6992
7004
  this.hreflang = "";
@@ -6994,13 +7006,16 @@ class Card {
6994
7006
  this.rel = undefined;
6995
7007
  this.target = undefined;
6996
7008
  this.heading = undefined;
7009
+ this.subheading = undefined;
6997
7010
  this.message = "";
6998
7011
  this.disabled = false;
6999
7012
  this.fullWidth = false;
7013
+ this.expandable = false;
7000
7014
  this.parentIsAnchorTag = false;
7001
7015
  this.isFocussed = false;
7002
7016
  this.parentEl = null;
7003
7017
  this.appearance = "default";
7018
+ this.areaExpanded = false;
7004
7019
  }
7005
7020
  handleHostClick(event) {
7006
7021
  if (this.disabled) {
@@ -7038,7 +7053,7 @@ class Card {
7038
7053
  this.updateTheme();
7039
7054
  }
7040
7055
  render() {
7041
- const { clickable, disabled, heading, message, href, hreflang, referrerpolicy, rel, target, fullWidth, parentIsAnchorTag, isFocussed, } = this;
7056
+ const { clickable, disabled, expandable, heading, message, href, hreflang, referrerpolicy, rel, subheading, target, fullWidth, parentIsAnchorTag, isFocussed, } = this;
7042
7057
  const Component = parentIsAnchorTag
7043
7058
  ? "div"
7044
7059
  : clickable
@@ -7060,7 +7075,13 @@ class Card {
7060
7075
  ["fullwidth"]: fullWidth,
7061
7076
  ["focussed"]: isFocussed,
7062
7077
  ["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
7063
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message))))));
7078
+ }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { class: "image-top" }, hAsync("slot", { name: "image-top" }))), hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { class: "interaction-button" }, hAsync("slot", { name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { class: "subheading" }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { class: "adornment" }, hAsync("slot", { name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { class: "image-mid" }, hAsync("slot", { name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: {
7079
+ ["card-message"]: true,
7080
+ } }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message)))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { class: "interaction-controls" }, hAsync("slot", { name: "interaction-controls" }), expandable && (hAsync("ic-button", { class: {
7081
+ ["toggle-button"]: true,
7082
+ ["toggle-button-closed"]: !this.areaExpanded,
7083
+ ["toggle-button-expanded"]: this.areaExpanded,
7084
+ }, variant: "icon", disableTooltip: true, "aria-label": "Toggle expandable area", "aria-expanded": this.areaExpanded, "aria-controls": "expanded-content-area", onClick: this.toggleExpanded, innerHTML: chevronIcon })))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { name: "expanded-content" })))));
7064
7085
  }
7065
7086
  get el() { return getElement(this); }
7066
7087
  static get style() { return icCardCss; }
@@ -7075,15 +7096,18 @@ class Card {
7075
7096
  "rel": [1],
7076
7097
  "target": [1],
7077
7098
  "heading": [1],
7099
+ "subheading": [1],
7078
7100
  "message": [1],
7079
7101
  "disabled": [4],
7080
7102
  "fullWidth": [4, "full-width"],
7103
+ "expandable": [4],
7081
7104
  "parentIsAnchorTag": [32],
7082
7105
  "isFocussed": [32],
7083
7106
  "parentEl": [32],
7084
- "appearance": [32]
7107
+ "appearance": [32],
7108
+ "areaExpanded": [32]
7085
7109
  },
7086
- "$listeners$": [[2, "click", "handleHostClick"], [4, "icThemeChange", "themeChangeHandler"]],
7110
+ "$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
7087
7111
  "$lazyBundleId$": "-",
7088
7112
  "$attrsToReflect$": []
7089
7113
  }; }
@@ -7095,8 +7119,10 @@ class Checkbox {
7095
7119
  constructor(hostRef) {
7096
7120
  registerInstance(this, hostRef);
7097
7121
  this.checkboxChecked = createEvent(this, "checkboxChecked", 7);
7122
+ this.icCheck = createEvent(this, "icCheck", 7);
7098
7123
  this.handleClick = () => {
7099
7124
  this.checked = !this.checked;
7125
+ this.icCheck.emit();
7100
7126
  this.checkboxChecked.emit();
7101
7127
  };
7102
7128
  this.handleFormReset = () => {
@@ -7250,7 +7276,81 @@ class CheckboxGroup {
7250
7276
  "validationText": [1, "validation-text"],
7251
7277
  "checkedOptions": [32]
7252
7278
  },
7253
- "$listeners$": [[0, "checkboxChecked", "selectHandler"]],
7279
+ "$listeners$": [[0, "icCheck", "selectHandler"]],
7280
+ "$lazyBundleId$": "-",
7281
+ "$attrsToReflect$": []
7282
+ }; }
7283
+ }
7284
+
7285
+ var dismissIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
7286
+ <path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>
7287
+ </svg>
7288
+ `;
7289
+
7290
+ const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-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-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-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-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{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-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:14px;border-radius:80px;text-align:center;align-items:center;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs)}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs)}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--ic-architectural-200);color:black;border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline*/.outline.sc-ic-chip{color:var(--ic-architectural-900);border:1px solid var(--ic-architectural-900);padding:calc(var(--ic-space-xxs) - 1px)}/*!@.outline.small*/.outline.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - 1px)}/*!@.outline.large*/.outline.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - 1px)}/*!@.outline.disabled*/.outline.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-200)}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-chip{border:none;border-radius:50%;padding:0;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:20px}/*!@.dismiss-icon:focus*/.dismiss-icon.sc-ic-chip:focus{outline:var(--ic-hc-focus-outline)}/*!@.dismiss-icon[disabled]*/.dismiss-icon[disabled].sc-ic-chip{pointer-events:none;color:var(--ic-architectural-200)}/*!@.icon*/.icon.sc-ic-chip{padding:var(--ic-space-xxxs);box-sizing:border-box}/*!@.icon,\nic-tooltip*/.icon.sc-ic-chip,ic-tooltip.sc-ic-chip{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chip.disabled path,\n.chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled .sc-ic-chip-s>svg{fill:var(--ic-architectural-200)}@media (forced-colors: active){/*!@.chip*/.chip.sc-ic-chip{border:var(--ic-hc-border)}/*!@.filled.small*/.filled.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - 1px)}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + 1px)}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - 1px)}/*!@.chip.disabled*/.chip.disabled.sc-ic-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:GrayText}/*!@.chip.disabled path,\n .chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled .sc-ic-chip-s>svg{fill:GrayText}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{outline:none;border-color:Highlight}}";
7291
+
7292
+ /**
7293
+ * @slot icon - Content will be rendered at the start of the chip.
7294
+ */
7295
+ class Chip {
7296
+ constructor(hostRef) {
7297
+ registerInstance(this, hostRef);
7298
+ this.dismiss = createEvent(this, "dismiss", 7);
7299
+ this.dismissAction = () => {
7300
+ this.dismiss.emit();
7301
+ };
7302
+ this.mouseEnterHandler = () => {
7303
+ this.isHovered = true;
7304
+ };
7305
+ this.mouseLeaveHandler = () => {
7306
+ this.isHovered = false;
7307
+ };
7308
+ this.label = undefined;
7309
+ this.appearance = "filled";
7310
+ this.size = "default";
7311
+ this.dismissible = false;
7312
+ this.disabled = false;
7313
+ this.visible = true;
7314
+ this.isHovered = false;
7315
+ }
7316
+ handleClick() {
7317
+ this.visible = !this.visible;
7318
+ }
7319
+ componentDidLoad() {
7320
+ var _a;
7321
+ this.dismissible &&
7322
+ ((_a = this.el.shadowRoot
7323
+ .querySelector("span.ic-tooltip-label")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-hidden", "true"));
7324
+ onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Chip");
7325
+ }
7326
+ render() {
7327
+ const { label, appearance, size, dismissible, visible, disabled, isHovered, } = this;
7328
+ return (visible && (hAsync("div", { class: {
7329
+ ["chip"]: true,
7330
+ [`${appearance}`]: true,
7331
+ [`${size}`]: true,
7332
+ ["disabled"]: disabled,
7333
+ ["dismissible"]: dismissible,
7334
+ ["hovered"]: isHovered,
7335
+ } }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: "label" }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: "Dismiss", target: "dismiss-icon", class: { ["tooltip-disabled"]: disabled } }, hAsync("button", { id: "dismiss-icon", class: {
7336
+ ["dismiss-icon"]: true,
7337
+ }, "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))))));
7338
+ }
7339
+ get el() { return getElement(this); }
7340
+ static get style() { return icChipCss; }
7341
+ static get cmpMeta() { return {
7342
+ "$flags$": 9,
7343
+ "$tagName$": "ic-chip",
7344
+ "$members$": {
7345
+ "label": [1],
7346
+ "appearance": [1],
7347
+ "size": [1],
7348
+ "dismissible": [4],
7349
+ "disabled": [4],
7350
+ "visible": [32],
7351
+ "isHovered": [32]
7352
+ },
7353
+ "$listeners$": [[2, "dismiss", "handleClick"]],
7254
7354
  "$lazyBundleId$": "-",
7255
7355
  "$attrsToReflect$": []
7256
7356
  }; }
@@ -7279,7 +7379,7 @@ class ClassificationBanner {
7279
7379
  return (hAsync(Host, { class: { ["inline"]: inline } }, hAsync("banner", { "aria-label": "Protective marking", class: {
7280
7380
  ["classification-banner"]: true,
7281
7381
  [`${classification}`]: classification,
7282
- }, role: "contentinfo" }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { variant: "caption-uppercase" }, classification === "default"
7382
+ } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { variant: "caption-uppercase" }, classification === "default"
7283
7383
  ? classificationText[classification]
7284
7384
  : `${upTo ? "up to" : ""}
7285
7385
  ${country !== "" ? country : ""}
@@ -7336,7 +7436,7 @@ class DataEntity {
7336
7436
  }; }
7337
7437
  }
7338
7438
 
7339
- const icDataRowCss = "/*!@html*/html.sc-ic-data-row{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-row{margin:0}/*!@main*/main.sc-ic-data-row{display:block}/*!@h1*/h1.sc-ic-data-row{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-row{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-row{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-row{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-row,strong.sc-ic-data-row{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-row,kbd.sc-ic-data-row,samp.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-row{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-row,sup.sc-ic-data-row{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-row{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-row{top:-0.5em}/*!@img*/img.sc-ic-data-row{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-row,input.sc-ic-data-row,optgroup.sc-ic-data-row,select.sc-ic-data-row,textarea.sc-ic-data-row{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-row,input.sc-ic-data-row{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-row,select.sc-ic-data-row{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-row,[type=\"button\"].sc-ic-data-row,[type=\"reset\"].sc-ic-data-row,[type=\"submit\"].sc-ic-data-row{-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-data-row::-moz-focus-inner,[type=\"button\"].sc-ic-data-row::-moz-focus-inner,[type=\"reset\"].sc-ic-data-row::-moz-focus-inner,[type=\"submit\"].sc-ic-data-row::-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-data-row:-moz-focusring,[type=\"button\"].sc-ic-data-row:-moz-focusring,[type=\"reset\"].sc-ic-data-row:-moz-focusring,[type=\"submit\"].sc-ic-data-row:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-row{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-row{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-row{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-row{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-row,[type=\"radio\"].sc-ic-data-row{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-row::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-row::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-row{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-row::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-row::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-row{display:block}/*!@summary*/summary.sc-ic-data-row{display:list-item}/*!@template*/template.sc-ic-data-row{display:none}/*!@[hidden]*/[hidden].sc-ic-data-row{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-data-row,body.sc-ic-data-row,div.sc-ic-data-row,span.sc-ic-data-row,applet.sc-ic-data-row,object.sc-ic-data-row,iframe.sc-ic-data-row,h1.sc-ic-data-row,h2.sc-ic-data-row,h3.sc-ic-data-row,h4.sc-ic-data-row,h5.sc-ic-data-row,h6.sc-ic-data-row,p.sc-ic-data-row,blockquote.sc-ic-data-row,pre.sc-ic-data-row,a.sc-ic-data-row,abbr.sc-ic-data-row,acronym.sc-ic-data-row,address.sc-ic-data-row,big.sc-ic-data-row,cite.sc-ic-data-row,code.sc-ic-data-row,del.sc-ic-data-row,dfn.sc-ic-data-row,em.sc-ic-data-row,img.sc-ic-data-row,ins.sc-ic-data-row,kbd.sc-ic-data-row,q.sc-ic-data-row,s.sc-ic-data-row,samp.sc-ic-data-row,small.sc-ic-data-row,strike.sc-ic-data-row,strong.sc-ic-data-row,sub.sc-ic-data-row,sup.sc-ic-data-row,tt.sc-ic-data-row,var.sc-ic-data-row,b.sc-ic-data-row,u.sc-ic-data-row,i.sc-ic-data-row,center.sc-ic-data-row,dl.sc-ic-data-row,dt.sc-ic-data-row,dd.sc-ic-data-row,ol.sc-ic-data-row,ul.sc-ic-data-row,li.sc-ic-data-row,fieldset.sc-ic-data-row,form.sc-ic-data-row,label.sc-ic-data-row,legend.sc-ic-data-row,table.sc-ic-data-row,caption.sc-ic-data-row,tbody.sc-ic-data-row,tfoot.sc-ic-data-row,thead.sc-ic-data-row,tr.sc-ic-data-row,th.sc-ic-data-row,td.sc-ic-data-row,article.sc-ic-data-row,aside.sc-ic-data-row,canvas.sc-ic-data-row,details.sc-ic-data-row,embed.sc-ic-data-row,figure.sc-ic-data-row,figcaption.sc-ic-data-row,footer.sc-ic-data-row,header.sc-ic-data-row,hgroup.sc-ic-data-row,menu.sc-ic-data-row,nav.sc-ic-data-row,output.sc-ic-data-row,ruby.sc-ic-data-row,section.sc-ic-data-row,summary.sc-ic-data-row,time.sc-ic-data-row,mark.sc-ic-data-row,audio.sc-ic-data-row,video.sc-ic-data-row{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-row-h{position:relative;display:block}/*!@.data*/.data.sc-ic-data-row{display:flex;align-items:center}/*!@.text-cells*/.text-cells.sc-ic-data-row{display:flex;flex-grow:1;min-width:0}/*!@.label*/.label.sc-ic-data-row{width:200px;min-width:200px;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}/*!@.value*/.value.sc-ic-data-row{flex-grow:1}/*!@.end-component*/.end-component.sc-ic-data-row{width:-moz-fit-content;width:fit-content;margin-left:56px}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height:1px;background-color:var(--ic-architectural-300)}/*!@:host(.small) .divider*/.small.sc-ic-data-row-h .divider.sc-ic-data-row{margin-top:var(--ic-space-xs)}/*!@:host(.breakpoint-medium) .label*/.breakpoint-medium.sc-ic-data-row-h .label.sc-ic-data-row{width:160px;min-width:160px}/*!@:host(.breakpoint-xs) .text-cells*/.breakpoint-xs.sc-ic-data-row-h .text-cells.sc-ic-data-row{flex-direction:column}/*!@:host(.breakpoint-xs) .label*/.breakpoint-xs.sc-ic-data-row-h .label.sc-ic-data-row{width:128px;margin-bottom:var(--ic-space-xs)}/*!@:host(.breakpoint-xs) .value*/.breakpoint-xs.sc-ic-data-row-h .value.sc-ic-data-row{max-width:95%}/*!@:host(.breakpoint-xs) .end-component*/.breakpoint-xs.sc-ic-data-row-h .end-component.sc-ic-data-row{margin-left:0}@media (forced-colors: active){/*!@.divider*/.divider.sc-ic-data-row{background-color:canvastext}}";
7439
+ const icDataRowCss = "/*!@html*/html.sc-ic-data-row{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-row{margin:0}/*!@main*/main.sc-ic-data-row{display:block}/*!@h1*/h1.sc-ic-data-row{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-row{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-row{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-row{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-row,strong.sc-ic-data-row{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-row,kbd.sc-ic-data-row,samp.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-row{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-row,sup.sc-ic-data-row{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-row{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-row{top:-0.5em}/*!@img*/img.sc-ic-data-row{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-row,input.sc-ic-data-row,optgroup.sc-ic-data-row,select.sc-ic-data-row,textarea.sc-ic-data-row{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-row,input.sc-ic-data-row{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-row,select.sc-ic-data-row{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-row,[type=\"button\"].sc-ic-data-row,[type=\"reset\"].sc-ic-data-row,[type=\"submit\"].sc-ic-data-row{-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-data-row::-moz-focus-inner,[type=\"button\"].sc-ic-data-row::-moz-focus-inner,[type=\"reset\"].sc-ic-data-row::-moz-focus-inner,[type=\"submit\"].sc-ic-data-row::-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-data-row:-moz-focusring,[type=\"button\"].sc-ic-data-row:-moz-focusring,[type=\"reset\"].sc-ic-data-row:-moz-focusring,[type=\"submit\"].sc-ic-data-row:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-row{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-row{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-row{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-row{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-row,[type=\"radio\"].sc-ic-data-row{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-row::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-row::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-row{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-row::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-row::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-row{display:block}/*!@summary*/summary.sc-ic-data-row{display:list-item}/*!@template*/template.sc-ic-data-row{display:none}/*!@[hidden]*/[hidden].sc-ic-data-row{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-data-row,body.sc-ic-data-row,div.sc-ic-data-row,span.sc-ic-data-row,applet.sc-ic-data-row,object.sc-ic-data-row,iframe.sc-ic-data-row,h1.sc-ic-data-row,h2.sc-ic-data-row,h3.sc-ic-data-row,h4.sc-ic-data-row,h5.sc-ic-data-row,h6.sc-ic-data-row,p.sc-ic-data-row,blockquote.sc-ic-data-row,pre.sc-ic-data-row,a.sc-ic-data-row,abbr.sc-ic-data-row,acronym.sc-ic-data-row,address.sc-ic-data-row,big.sc-ic-data-row,cite.sc-ic-data-row,code.sc-ic-data-row,del.sc-ic-data-row,dfn.sc-ic-data-row,em.sc-ic-data-row,img.sc-ic-data-row,ins.sc-ic-data-row,kbd.sc-ic-data-row,q.sc-ic-data-row,s.sc-ic-data-row,samp.sc-ic-data-row,small.sc-ic-data-row,strike.sc-ic-data-row,strong.sc-ic-data-row,sub.sc-ic-data-row,sup.sc-ic-data-row,tt.sc-ic-data-row,var.sc-ic-data-row,b.sc-ic-data-row,u.sc-ic-data-row,i.sc-ic-data-row,center.sc-ic-data-row,dl.sc-ic-data-row,dt.sc-ic-data-row,dd.sc-ic-data-row,ol.sc-ic-data-row,ul.sc-ic-data-row,li.sc-ic-data-row,fieldset.sc-ic-data-row,form.sc-ic-data-row,label.sc-ic-data-row,legend.sc-ic-data-row,table.sc-ic-data-row,caption.sc-ic-data-row,tbody.sc-ic-data-row,tfoot.sc-ic-data-row,thead.sc-ic-data-row,tr.sc-ic-data-row,th.sc-ic-data-row,td.sc-ic-data-row,article.sc-ic-data-row,aside.sc-ic-data-row,canvas.sc-ic-data-row,details.sc-ic-data-row,embed.sc-ic-data-row,figure.sc-ic-data-row,figcaption.sc-ic-data-row,footer.sc-ic-data-row,header.sc-ic-data-row,hgroup.sc-ic-data-row,menu.sc-ic-data-row,nav.sc-ic-data-row,output.sc-ic-data-row,ruby.sc-ic-data-row,section.sc-ic-data-row,summary.sc-ic-data-row,time.sc-ic-data-row,mark.sc-ic-data-row,audio.sc-ic-data-row,video.sc-ic-data-row{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-row-h{position:relative;display:block}/*!@.data*/.data.sc-ic-data-row{display:flex;align-items:center}/*!@.text-cells*/.text-cells.sc-ic-data-row{display:flex;flex-grow:1;min-width:0}/*!@.label*/.label.sc-ic-data-row{width:200px;min-width:200px;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}/*!@.value*/.value.sc-ic-data-row{flex-grow:1}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label]{margin-top:calc(var(--ic-space-xs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[small][readonly][hide-label]{margin-top:calc(var(--ic-space-xxs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label][rows]{margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}/*!@.end-component*/.end-component.sc-ic-data-row{width:-moz-fit-content;width:fit-content;margin-left:56px}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height:1px;background-color:var(--ic-architectural-300)}/*!@:host(.small) .divider*/.small.sc-ic-data-row-h .divider.sc-ic-data-row{margin-top:var(--ic-space-xs)}/*!@:host(.breakpoint-medium) .label*/.breakpoint-medium.sc-ic-data-row-h .label.sc-ic-data-row{width:160px;min-width:160px}/*!@:host(.breakpoint-xs) .text-cells*/.breakpoint-xs.sc-ic-data-row-h .text-cells.sc-ic-data-row{flex-direction:column}/*!@:host(.breakpoint-xs) .label*/.breakpoint-xs.sc-ic-data-row-h .label.sc-ic-data-row{width:128px;margin-bottom:var(--ic-space-xs)}/*!@:host(.breakpoint-xs) .value*/.breakpoint-xs.sc-ic-data-row-h .value.sc-ic-data-row{max-width:95%}/*!@:host(.breakpoint-xs) .end-component*/.breakpoint-xs.sc-ic-data-row-h .end-component.sc-ic-data-row{margin-left:0}@media (forced-colors: active){/*!@.divider*/.divider.sc-ic-data-row{background-color:canvastext}}";
7340
7440
 
7341
7441
  /**
7342
7442
  * @slot label - Content will be rendered in the leftmost cell.
@@ -7442,7 +7542,7 @@ class Divider {
7442
7542
  "$members$": {
7443
7543
  "foregroundColor": [32]
7444
7544
  },
7445
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
7545
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
7446
7546
  "$lazyBundleId$": "-",
7447
7547
  "$attrsToReflect$": []
7448
7548
  }; }
@@ -7459,12 +7559,12 @@ const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-s
7459
7559
  class Footer {
7460
7560
  constructor(hostRef) {
7461
7561
  registerInstance(this, hostRef);
7462
- this.icFooterResized = createEvent(this, "icFooterResized", 7);
7562
+ this.footerResized = createEvent(this, "footerResized", 7);
7463
7563
  this.resizeObserverCallback = (currSize) => {
7464
7564
  if (currSize !== this.deviceSize) {
7465
7565
  this.deviceSize = currSize;
7466
7566
  }
7467
- this.icFooterResized.emit();
7567
+ this.footerResized.emit();
7468
7568
  };
7469
7569
  this.runResizeObserver = () => {
7470
7570
  this.resizeObserver = new ResizeObserver(() => {
@@ -7542,7 +7642,7 @@ class Footer {
7542
7642
  "deviceSize": [32],
7543
7643
  "foregroundColor": [32]
7544
7644
  },
7545
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
7645
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
7546
7646
  "$lazyBundleId$": "-",
7547
7647
  "$attrsToReflect$": []
7548
7648
  }; }
@@ -7604,7 +7704,7 @@ class FooterLink {
7604
7704
  "deviceSize": [32],
7605
7705
  "foregroundColor": [32]
7606
7706
  },
7607
- "$listeners$": [[4, "icFooterResized", "footerResizeHandler"], [4, "icThemeChange", "footerThemeChangeHandler"]],
7707
+ "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
7608
7708
  "$lazyBundleId$": "-",
7609
7709
  "$attrsToReflect$": []
7610
7710
  }; }
@@ -7677,7 +7777,7 @@ class FooterLinkGroup {
7677
7777
  "dropdownIconStyle": [32],
7678
7778
  "deviceSize": [32]
7679
7779
  },
7680
- "$listeners$": [[4, "icFooterResized", "footerResizeHandler"], [4, "icThemeChange", "footerThemeChangeHandler"]],
7780
+ "$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
7681
7781
  "$lazyBundleId$": "-",
7682
7782
  "$attrsToReflect$": []
7683
7783
  }; }
@@ -7767,112 +7867,13 @@ class Hero {
7767
7867
  "leftContentFullWidth": [32],
7768
7868
  "foregroundColor": [32]
7769
7869
  },
7770
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"], [5, "scroll", "doScroll"]],
7870
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"], [5, "scroll", "doScroll"]],
7771
7871
  "$lazyBundleId$": "-",
7772
7872
  "$attrsToReflect$": []
7773
7873
  }; }
7774
7874
  }
7775
7875
 
7776
- const icStepperCss = "/*!@:host*/.sc-ic-stepper-h{display:flex;width:100%}/*!@.step-item-list*/.step-item-list.sc-ic-stepper{display:flex;margin:0;padding:0}/*!@:host(.aligned-full-width) .step-item-list*/.aligned-full-width.sc-ic-stepper-h .step-item-list.sc-ic-stepper{flex:auto}";
7777
-
7778
- class IcStepper {
7779
- constructor(hostRef) {
7780
- registerInstance(this, hostRef);
7781
- this.resizeObserver = null;
7782
- /**
7783
- * Get all steps currently within this stepper
7784
- */
7785
- this.getChildren = () => {
7786
- this.steps = Array.from(this.el.querySelectorAll("ic-step"));
7787
- };
7788
- this.initialiseStepStates = () => {
7789
- this.steps.forEach((step, index) => {
7790
- // Assign stepNum to each step
7791
- step.stepNum = index + 1;
7792
- //Assign lastStep to final step
7793
- step.lastStep = index === this.steps.length - 1;
7794
- if (step.lastStep) {
7795
- step.classList.add("last-step");
7796
- if (this.el.classList.contains("aligned-full-width")) {
7797
- step.style.maxWidth = `${this.lastStepWidth}px`;
7798
- }
7799
- if (this.el.classList.contains("aligned-left")) {
7800
- step.style.maxWidth = `${this.connectorWidth + 48}px`;
7801
- }
7802
- }
7803
- });
7804
- for (let i = 0; i < this.steps.length - 1; i++) {
7805
- if (this.el.classList.contains("aligned-full-width")) {
7806
- this.steps[i].style.width = `${(this.stepperWidth - this.lastStepWidth) / (this.steps.length - 1)}px`;
7807
- this.steps[i].style.minWidth = "148px";
7808
- }
7809
- if (this.el.classList.contains("aligned-left")) {
7810
- this.steps[i].style.width = `${this.connectorWidth + 48}px`;
7811
- const stepConnect = this.steps[i].shadowRoot.querySelector("div > .step-top > .step-connect");
7812
- stepConnect.style.width =
7813
- this.connectorWidth > 100 ? `${this.connectorWidth}px` : "100px";
7814
- }
7815
- }
7816
- };
7817
- this.runResizeObserver = () => {
7818
- this.resizeObserver = new ResizeObserver(() => {
7819
- this.setStepperWidth();
7820
- this.getChildren();
7821
- this.initialiseStepStates();
7822
- });
7823
- this.resizeObserver.observe(this.el);
7824
- };
7825
- this.setStepperWidth = () => {
7826
- this.stepperWidth = this.el.offsetWidth;
7827
- const allSteps = document.querySelectorAll("ic-step");
7828
- const lastStep = allSteps[allSteps.length - 1];
7829
- lastStep.style.maxWidth = "none";
7830
- if (lastStep.classList.contains("aligned-full-width")) {
7831
- lastStep.style.maxWidth = `${this.stepperWidth / allSteps.length}px`;
7832
- }
7833
- this.lastStepWidth = lastStep.offsetWidth;
7834
- this.getChildren();
7835
- this.initialiseStepStates();
7836
- };
7837
- this.aligned = "full-width";
7838
- this.connectorWidth = 100;
7839
- this.stepperWidth = document
7840
- .querySelector("ic-stepper")
7841
- .getBoundingClientRect().width;
7842
- this.lastStepWidth = 0;
7843
- }
7844
- componentDidLoad() {
7845
- checkResizeObserver(this.runResizeObserver);
7846
- }
7847
- disconnectedCallback() {
7848
- if (this.resizeObserver !== null) {
7849
- this.resizeObserver.disconnect();
7850
- }
7851
- }
7852
- render() {
7853
- return (hAsync(Host, { class: {
7854
- ["aligned-left"]: this.aligned === "left",
7855
- ["aligned-full-width"]: this.aligned === "full-width",
7856
- } }, hAsync("ul", { class: "step-item-list" }, hAsync("slot", null))));
7857
- }
7858
- get el() { return getElement(this); }
7859
- static get style() { return icStepperCss; }
7860
- static get cmpMeta() { return {
7861
- "$flags$": 9,
7862
- "$tagName$": "ic-stepper",
7863
- "$members$": {
7864
- "aligned": [1],
7865
- "connectorWidth": [2, "connector-width"],
7866
- "stepperWidth": [32],
7867
- "lastStepWidth": [32]
7868
- },
7869
- "$listeners$": undefined,
7870
- "$lazyBundleId$": "-",
7871
- "$attrsToReflect$": []
7872
- }; }
7873
- }
7874
-
7875
- const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 6px;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success)}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover);--expand-icon-hover:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-2px;padding:2px;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:1px solid Highlight;outline:2px solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed GrayText}}";
7876
+ const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 6px;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success)}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-2px;padding:2px;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:1px solid Highlight;outline:2px solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed GrayText}}";
7876
7877
 
7877
7878
  /**
7878
7879
  * @slot left-icon - Content will be placed to the left of the input.
@@ -8021,7 +8022,7 @@ class InputLabel {
8021
8022
  const icInputValidationCss = "ic-input-validation{min-height:28px;width:var(--input-width, 320px);margin-top:var(--ic-space-xxxs);display:flex}ic-input-validation.fullwidth{width:100%}ic-input-validation.error{color:var(--ic-status-error)}ic-input-validation.success{color:var(--ic-status-success)}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:20px;width:20px}ic-input-validation span.icon-success>svg{fill:var(--ic-status-success)}ic-input-validation span.icon-error>svg{fill:var(--ic-status-error)}ic-input-validation span.icon-warning>svg{fill:var(--ic-status-warning-mid)}ic-input-validation .statustext{flex-grow:1}";
8022
8023
 
8023
8024
  const icon = {
8024
- [IcInformationStatus.Warning]: warningIcon,
8025
+ [IcInformationStatus.Warning]: warningIcon$1,
8025
8026
  [IcInformationStatus.Error]: errorIcon,
8026
8027
  [IcInformationStatus.Success]: successIcon,
8027
8028
  };
@@ -8142,13 +8143,13 @@ class Link {
8142
8143
  "showIcon": [4, "show-icon"],
8143
8144
  "appearance": [1025]
8144
8145
  },
8145
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
8146
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
8146
8147
  "$lazyBundleId$": "-",
8147
8148
  "$attrsToReflect$": []
8148
8149
  }; }
8149
8150
  }
8150
8151
 
8151
- 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:4px;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.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:40px;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:80px}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:120px}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:20px}/*!@:host([label])*/[label].sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;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([full-width])*/[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(--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(--inner-color)}@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-hc-border)}/*!@.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}}";
8152
+ 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:4px;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.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:40px;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:80px}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:120px}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:20px}/*!@:host([label])*/[label].sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;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([full-width])*/[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(--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;color:var(--ic-theme-primary)}/*!@: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{color:var(--ic-color-tertiary-text)}@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-hc-border)}/*!@.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}}";
8152
8153
 
8153
8154
  class LoadingIndicator {
8154
8155
  constructor(hostRef) {
@@ -8187,9 +8188,18 @@ class LoadingIndicator {
8187
8188
  // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property
8188
8189
  this.setCircleLineWidth = () => {
8189
8190
  const { offsetWidth: width } = this.outerElement;
8190
- if (width) {
8191
- this.circularLineWidth = width * 0.1;
8192
- this.circularDiameter = width;
8191
+ if (this.host.classList.contains("compact-step-progress-indicator")) {
8192
+ this.compactStepCircularLineWidth = 40;
8193
+ }
8194
+ if (width || this.compactStepCircularLineWidth === 40) {
8195
+ this.circularLineWidth =
8196
+ (this.compactStepCircularLineWidth === 40
8197
+ ? this.compactStepCircularLineWidth
8198
+ : width) * 0.1;
8199
+ this.circularDiameter =
8200
+ this.compactStepCircularLineWidth === 40
8201
+ ? this.compactStepCircularLineWidth
8202
+ : width;
8193
8203
  this.outerElement.style.setProperty("--circular-line-width", `${this.circularLineWidth}px`);
8194
8204
  }
8195
8205
  };
@@ -8226,7 +8236,7 @@ class LoadingIndicator {
8226
8236
  }
8227
8237
  };
8228
8238
  this.setCircleXY = () => {
8229
- if (this.circularDiameter) {
8239
+ if (this.circularDiameter > 0) {
8230
8240
  const r = this.circularDiameter / 2;
8231
8241
  const x = r;
8232
8242
  const y = r;
@@ -8251,6 +8261,7 @@ class LoadingIndicator {
8251
8261
  this.max = 100;
8252
8262
  this.label = undefined;
8253
8263
  this.description = "Loading";
8264
+ this.innerLabel = undefined;
8254
8265
  this.labelDuration = 8000;
8255
8266
  this.size = "default";
8256
8267
  this.type = "circular";
@@ -8260,6 +8271,7 @@ class LoadingIndicator {
8260
8271
  this.indeterminate = undefined;
8261
8272
  this.showSecond = false;
8262
8273
  this.circularLineWidth = undefined;
8274
+ this.compactStepCircularLineWidth = 0;
8263
8275
  this.circularDiameter = undefined;
8264
8276
  }
8265
8277
  watchPropHandler() {
@@ -8295,7 +8307,9 @@ class LoadingIndicator {
8295
8307
  render() {
8296
8308
  const { appearance, label, description, size } = this;
8297
8309
  const { x, y, r } = this.setCircleXY();
8298
- return (hAsync(Host, { class: { ["light"]: appearance === IcThemeForegroundEnum.Light } }, hAsync("div", { class: "ic-loading-container" }, hAsync("div", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: "progressbar", "aria-labelledby": this.label && this.size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": this.progress, "aria-valuemin": this.min, "aria-valuemax": this.max }, hAsync("div", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.type === "circular" && (hAsync("svg", { class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", null, this.indicatorLabel))))));
8310
+ return (hAsync(Host, { class: { ["light"]: appearance === IcThemeForegroundEnum.Light } }, hAsync("div", { class: "ic-loading-container" }, hAsync("div", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: "progressbar", "aria-labelledby": this.label && this.size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": this.progress, "aria-valuemin": this.min, "aria-valuemax": this.max }, hAsync("div", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
8311
+ this.innerLabel !== undefined &&
8312
+ this.size === "small" && (hAsync("ic-typography", { variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", null, this.indicatorLabel))))));
8299
8313
  }
8300
8314
  get host() { return getElement(this); }
8301
8315
  static get watchers() { return {
@@ -8312,6 +8326,7 @@ class LoadingIndicator {
8312
8326
  "max": [2],
8313
8327
  "label": [1],
8314
8328
  "description": [1],
8329
+ "innerLabel": [2, "inner-label"],
8315
8330
  "labelDuration": [2, "label-duration"],
8316
8331
  "size": [513],
8317
8332
  "type": [513],
@@ -8321,6 +8336,7 @@ class LoadingIndicator {
8321
8336
  "indeterminate": [32],
8322
8337
  "showSecond": [32],
8323
8338
  "circularLineWidth": [32],
8339
+ "compactStepCircularLineWidth": [32],
8324
8340
  "circularDiameter": [32]
8325
8341
  },
8326
8342
  "$listeners$": undefined,
@@ -10137,16 +10153,17 @@ const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-
10137
10153
  class Menu {
10138
10154
  constructor(hostRef) {
10139
10155
  registerInstance(this, hostRef);
10140
- this.optionSelect = createEvent(this, "optionSelect", 7);
10141
- this.menuChange = createEvent(this, "menuChange", 7);
10156
+ this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
10157
+ this.icMenuStateChange = createEvent(this, "icMenuStateChange", 7);
10142
10158
  this.menuOptionId = createEvent(this, "menuOptionId", 7);
10143
10159
  this.ungroupedOptions = [];
10144
10160
  // Prevents menu re-opening immediately after it is closed on blur when clicking input
10145
10161
  this.preventClickOpen = false;
10162
+ this.isSearchBar = false;
10146
10163
  this.handleMenuChange = (open, focusInput) => {
10147
10164
  if (!open)
10148
10165
  this.popperInstance.destroy();
10149
- this.menuChange.emit({ open, focusInput });
10166
+ this.icMenuStateChange.emit({ open, focusInput });
10150
10167
  if (!open && focusInput !== false) {
10151
10168
  this.inputEl.focus();
10152
10169
  this.preventClickOpen = false;
@@ -10154,13 +10171,13 @@ class Menu {
10154
10171
  };
10155
10172
  this.setNextOptionValue = (selectedOptionIndex) => {
10156
10173
  if (this.ungroupedOptions[selectedOptionIndex + 1]) {
10157
- this.optionSelect.emit({
10174
+ this.icOptionSelect.emit({
10158
10175
  value: this.ungroupedOptions[selectedOptionIndex + 1].value,
10159
10176
  optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1].value),
10160
10177
  });
10161
10178
  }
10162
10179
  else {
10163
- this.optionSelect.emit({
10180
+ this.icOptionSelect.emit({
10164
10181
  value: this.ungroupedOptions[0].value,
10165
10182
  optionId: this.getOptionId(this.ungroupedOptions[0].value),
10166
10183
  });
@@ -10168,13 +10185,13 @@ class Menu {
10168
10185
  };
10169
10186
  this.setPreviousOptionValue = (selectedOptionIndex) => {
10170
10187
  if (this.ungroupedOptions[selectedOptionIndex - 1]) {
10171
- this.optionSelect.emit({
10188
+ this.icOptionSelect.emit({
10172
10189
  value: this.ungroupedOptions[selectedOptionIndex - 1].value,
10173
10190
  optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1].value),
10174
10191
  });
10175
10192
  }
10176
10193
  else {
10177
- this.optionSelect.emit({
10194
+ this.icOptionSelect.emit({
10178
10195
  value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,
10179
10196
  optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1].value),
10180
10197
  });
@@ -10223,7 +10240,6 @@ class Menu {
10223
10240
  this.manSetInputValueKeyboardOpen = (event) => {
10224
10241
  const highlightedOptionIndex = this.options.findIndex((option) => option.value === this.optionHighlighted);
10225
10242
  const getOptionId = (index) => Array.from(this.host.shadowRoot.querySelectorAll("li"))[index].id;
10226
- const isSearchBar = this.parentEl.tagName === "IC-SEARCH-BAR";
10227
10243
  switch (event.key) {
10228
10244
  case "ArrowDown":
10229
10245
  this.arrowBehaviour(event);
@@ -10236,7 +10252,7 @@ class Menu {
10236
10252
  else {
10237
10253
  this.setHighlightedOption(0);
10238
10254
  this.menuOptionId.emit({
10239
- optionId: getOptionId(0)
10255
+ optionId: getOptionId(0),
10240
10256
  });
10241
10257
  }
10242
10258
  this.preventIncorrectTabOrder = false;
@@ -10273,14 +10289,14 @@ class Menu {
10273
10289
  this.preventIncorrectTabOrder = true;
10274
10290
  break;
10275
10291
  case "Backspace":
10276
- if (isSearchBar) {
10292
+ if (this.isSearchBar) {
10277
10293
  this.parentEl.setFocus();
10278
10294
  this.focusFromSearchKeypress = true;
10279
10295
  this.setHighlightedOption(0);
10280
10296
  }
10281
10297
  break;
10282
10298
  default:
10283
- if (isSearchBar && event.key !== "Tab") {
10299
+ if (this.isSearchBar && event.key !== "Tab") {
10284
10300
  this.parentEl.setFocus();
10285
10301
  this.focusFromSearchKeypress = true;
10286
10302
  this.setHighlightedOption(0);
@@ -10291,7 +10307,7 @@ class Menu {
10291
10307
  this.setInputValue = (highlightedOptionIndex) => {
10292
10308
  var _a;
10293
10309
  if (this.options[highlightedOptionIndex]) {
10294
- this.optionSelect.emit({
10310
+ this.icOptionSelect.emit({
10295
10311
  value: (_a = this.options[highlightedOptionIndex]) === null || _a === void 0 ? void 0 : _a.value,
10296
10312
  });
10297
10313
  this.optionHighlighted = undefined;
@@ -10301,7 +10317,7 @@ class Menu {
10301
10317
  };
10302
10318
  this.handleOptionClick = (event) => {
10303
10319
  const { value, label } = event.target.dataset;
10304
- this.optionSelect.emit({ value, label });
10320
+ this.icOptionSelect.emit({ value, label });
10305
10321
  this.handleMenuChange(false);
10306
10322
  };
10307
10323
  this.handleBlur = (event) => {
@@ -10336,13 +10352,13 @@ class Menu {
10336
10352
  this.keyboardNav = true;
10337
10353
  break;
10338
10354
  case "Home":
10339
- this.optionSelect.emit({
10355
+ this.icOptionSelect.emit({
10340
10356
  value: this.ungroupedOptions[0].value,
10341
10357
  });
10342
10358
  this.keyboardNav = true;
10343
10359
  break;
10344
10360
  case "End":
10345
- this.optionSelect.emit({
10361
+ this.icOptionSelect.emit({
10346
10362
  value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,
10347
10363
  });
10348
10364
  this.keyboardNav = true;
@@ -10463,11 +10479,11 @@ class Menu {
10463
10479
  this.setInputValue(highlightedOptionIndex);
10464
10480
  }
10465
10481
  /**
10466
- * If menu is opened with the mouse, emit menuChange custom event.
10482
+ * If menu is opened with the mouse, emit icMenuStateChange custom event.
10467
10483
  */
10468
10484
  async handleClickOpen() {
10469
10485
  if (!this.preventClickOpen) {
10470
- this.menuChange.emit({ open: !this.open });
10486
+ this.icMenuStateChange.emit({ open: !this.open });
10471
10487
  this.keyboardNav = false;
10472
10488
  }
10473
10489
  this.preventClickOpen = false;
@@ -10502,13 +10518,18 @@ class Menu {
10502
10518
  }
10503
10519
  componentWillLoad() {
10504
10520
  this.loadUngroupedOptions();
10521
+ this.isSearchBar = this.parentEl.tagName === "IC-SEARCH-BAR";
10505
10522
  }
10506
10523
  componentDidLoad() {
10524
+ if (this.isSearchBar &&
10525
+ this.parentEl.disableFilter) {
10526
+ this.focusFromSearchKeypress = true;
10527
+ }
10507
10528
  let optionsHeight = 0;
10508
10529
  this.host.shadowRoot
10509
10530
  .querySelectorAll(".option")
10510
10531
  .forEach((option) => (optionsHeight += option.clientHeight));
10511
- if (optionsHeight > 320) {
10532
+ if (optionsHeight >= 320) {
10512
10533
  this.menu.classList.add("menu-scroll");
10513
10534
  }
10514
10535
  onComponentRequiredPropUndefined([
@@ -10717,7 +10738,7 @@ class NavigationButton {
10717
10738
  "initialAppearance": [32],
10718
10739
  "setFocus": [64]
10719
10740
  },
10720
- "$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "icThemeChange", "themeChangeHandler"]],
10741
+ "$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "themeChange", "themeChangeHandler"]],
10721
10742
  "$lazyBundleId$": "-",
10722
10743
  "$attrsToReflect$": []
10723
10744
  }; }
@@ -10965,7 +10986,7 @@ class NavigationGroup {
10965
10986
  "expanded": [32],
10966
10987
  "setFocus": [64]
10967
10988
  },
10968
- "$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "icNavItemClicked", "navItemClickHandler"], [4, "icThemeChange", "themeChangeHandler"]],
10989
+ "$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "themeChange", "themeChangeHandler"]],
10969
10990
  "$lazyBundleId$": "-",
10970
10991
  "$attrsToReflect$": []
10971
10992
  }; }
@@ -10980,7 +11001,7 @@ class NavigationItem {
10980
11001
  constructor(hostRef) {
10981
11002
  registerInstance(this, hostRef);
10982
11003
  this.childBlur = createEvent(this, "childBlur", 7);
10983
- this.icNavItemClicked = createEvent(this, "icNavItemClicked", 7);
11004
+ this.navItemClicked = createEvent(this, "navItemClicked", 7);
10984
11005
  this.topNavResizedHandler = (ev) => {
10985
11006
  const newSize = ev.detail.size;
10986
11007
  if (newSize !== this.deviceSize) {
@@ -11003,7 +11024,7 @@ class NavigationItem {
11003
11024
  this.childBlur.emit();
11004
11025
  };
11005
11026
  this.handleClick = () => {
11006
- this.icNavItemClicked.emit();
11027
+ this.navItemClicked.emit();
11007
11028
  };
11008
11029
  this.isInitialRender = true;
11009
11030
  this.displayDefaultNavigationItem = (href, label) => {
@@ -11127,7 +11148,7 @@ class NavigationItem {
11127
11148
  "isSideNavMobile": [32],
11128
11149
  "setFocus": [64]
11129
11150
  },
11130
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
11151
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
11131
11152
  "$lazyBundleId$": "-",
11132
11153
  "$attrsToReflect$": []
11133
11154
  }; }
@@ -11261,7 +11282,7 @@ class NavigationMenu {
11261
11282
  "version": [1],
11262
11283
  "status": [1]
11263
11284
  },
11264
- "$listeners$": [[0, "icNavItemClicked", "navItemClickHandler"], [4, "keydown", "handleKeyDown"]],
11285
+ "$listeners$": [[0, "navItemClicked", "navItemClickHandler"], [4, "keydown", "handleKeyDown"]],
11265
11286
  "$lazyBundleId$": "-",
11266
11287
  "$attrsToReflect$": []
11267
11288
  }; }
@@ -11501,18 +11522,19 @@ class RadioGroup {
11501
11522
  "checkedValue": [32],
11502
11523
  "selectedChild": [32]
11503
11524
  },
11504
- "$listeners$": [[0, "radioOptionSelect", "selectHandler"]],
11525
+ "$listeners$": [[0, "icCheck", "selectHandler"]],
11505
11526
  "$lazyBundleId$": "-",
11506
11527
  "$attrsToReflect$": []
11507
11528
  }; }
11508
11529
  }
11509
11530
 
11510
- const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-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-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-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-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{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-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;margin-bottom:var(--ic-space-sm);width:-moz-fit-content;width:fit-content}/*!@:host([small])*/[small].sc-ic-radio-option-h{margin-bottom:10px}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-textfield)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-textfield{margin-top:var(--ic-space-xs);margin-left:var(--ic-space-xl)}/*!@:host([disabled])*/[disabled].sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:inline-flex;position:relative;cursor:pointer;align-items:center;margin-left:var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:20px;width:20px;background-color:transparent;border:1px solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast);margin:0 1px}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:2px solid var(--ic-action-default);margin:0}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:2px solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:1px dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:2px solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{font-size:16px;font-weight:400;margin-left:var(--ic-space-sm)}/*!@.addition-field-wrapper*/.addition-field-wrapper.sc-ic-radio-option{margin-left:44px}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default);margin-left:-1px}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin-left:var(--ic-space-md);margin-top:6px;gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:5px;margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
11531
+ const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-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-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-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-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{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-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;margin-bottom:var(--ic-space-sm);width:-moz-fit-content;width:fit-content}/*!@:host([small])*/[small].sc-ic-radio-option-h{margin-bottom:10px}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-textfield)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-textfield{margin-top:var(--ic-space-xs);margin-left:var(--ic-space-xl)}/*!@:host([disabled])*/[disabled].sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:inline-flex;position:relative;cursor:pointer;align-items:center;margin-left:var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:1px solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:2px solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:2px solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:1px dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:2px solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::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*/.radio-label.sc-ic-radio-option{font-size:16px;font-weight:400;margin-left:var(--ic-space-sm)}/*!@.addition-field-wrapper*/.addition-field-wrapper.sc-ic-radio-option{margin-left:44px}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default);margin-left:-1px}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin-left:var(--ic-space-md);margin-top:6px;gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:5px;margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
11511
11532
 
11512
11533
  class RadioOption {
11513
11534
  constructor(hostRef) {
11514
11535
  registerInstance(this, hostRef);
11515
11536
  this.radioOptionSelect = createEvent(this, "radioOptionSelect", 7);
11537
+ this.icCheck = createEvent(this, "icCheck", 7);
11516
11538
  this.defaultRadioValue = "";
11517
11539
  this.skipFocus = false;
11518
11540
  this.handleClick = () => {
@@ -11526,6 +11548,9 @@ class RadioOption {
11526
11548
  this.value =
11527
11549
  textfield.value !== "" ? textfield.value : this.defaultRadioValue;
11528
11550
  }
11551
+ this.icCheck.emit({
11552
+ value: this.value,
11553
+ });
11529
11554
  this.radioOptionSelect.emit({
11530
11555
  value: this.value,
11531
11556
  });
@@ -11572,12 +11597,18 @@ class RadioOption {
11572
11597
  if (this.selected) {
11573
11598
  if (textFieldValue !== "") {
11574
11599
  this.value = event.detail.value;
11600
+ this.icCheck.emit({
11601
+ value: this.value,
11602
+ });
11575
11603
  this.radioOptionSelect.emit({
11576
11604
  value: this.value,
11577
11605
  });
11578
11606
  }
11579
11607
  else {
11580
11608
  this.value = this.defaultRadioValue;
11609
+ this.icCheck.emit({
11610
+ value: this.defaultRadioValue,
11611
+ });
11581
11612
  this.radioOptionSelect.emit({
11582
11613
  value: this.defaultRadioValue,
11583
11614
  });
@@ -11694,15 +11725,10 @@ class SearchBar {
11694
11725
  rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
11695
11726
  }
11696
11727
  }
11697
- else if (this.disableFilter) {
11698
- this.setMenuChange(true);
11699
- this.filteredOptions = noOptions;
11700
- }
11701
11728
  if (!this.showClearButton) {
11702
11729
  this.handleShowClearButton(true);
11703
11730
  }
11704
11731
  this.debounceAriaLiveUpdate();
11705
- this.icInput.emit({ value: this.value });
11706
11732
  };
11707
11733
  this.onInputBlur = (ev) => {
11708
11734
  const value = ev.target.value;
@@ -11877,13 +11903,20 @@ class SearchBar {
11877
11903
  this.prevNoOption = false;
11878
11904
  this.highlightedValue = undefined;
11879
11905
  }
11880
- debounceChanged() {
11881
- this.icChange = debounceEvent(this.icChange, this.debounce);
11882
- }
11883
11906
  watchOptionsHandler(newOptions) {
11884
11907
  if (this.disableFilter) {
11885
- this.filteredOptions = newOptions;
11908
+ if (newOptions.length > 0) {
11909
+ this.filteredOptions = newOptions;
11910
+ }
11911
+ else {
11912
+ if (this.hadNoOptions()) {
11913
+ return;
11914
+ }
11915
+ this.setMenuChange(true);
11916
+ this.filteredOptions = [{ label: this.emptyOptionListText, value: "" }];
11917
+ }
11886
11918
  }
11919
+ this.debounceAriaLiveUpdate();
11887
11920
  }
11888
11921
  watchValueHandler(newValue) {
11889
11922
  if (this.inputEl &&
@@ -11894,7 +11927,6 @@ class SearchBar {
11894
11927
  else if (this.inputEl && this.inputEl.value !== newValue) {
11895
11928
  this.inputEl.value = newValue;
11896
11929
  }
11897
- this.icChange.emit({ value: newValue });
11898
11930
  }
11899
11931
  /**
11900
11932
  * Sets focus on the native `input`
@@ -11926,8 +11958,8 @@ class SearchBar {
11926
11958
  }
11927
11959
  }
11928
11960
  debounceAriaLiveUpdate() {
11929
- clearTimeout(this.debounce);
11930
- this.debounce = window.setTimeout(() => {
11961
+ clearTimeout(this.debounceAriaLive);
11962
+ this.debounceAriaLive = window.setTimeout(() => {
11931
11963
  this.updateSearchResultAriaLive();
11932
11964
  }, 500);
11933
11965
  }
@@ -11947,9 +11979,6 @@ class SearchBar {
11947
11979
  this.ariaActiveDescendant = undefined;
11948
11980
  }
11949
11981
  }
11950
- connectedCallback() {
11951
- this.debounceChanged();
11952
- }
11953
11982
  componentWillRender() {
11954
11983
  this.highlightFirstOptionAfterNoResults();
11955
11984
  }
@@ -12014,7 +12043,7 @@ class SearchBar {
12014
12043
  ["small"]: small,
12015
12044
  }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly, small: small, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!getLabelFromValue(value, options)
12016
12045
  ? getLabelFromValue(value, options)
12017
- : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": hasSuggestedSearch ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }, hAsync("div", { class: {
12046
+ : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": hasSuggestedSearch ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
12018
12047
  "clear-button-container": true,
12019
12048
  "clear-button-visible": value && !disabledMode && this.showClearButton,
12020
12049
  }, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, size: small ? "small" : "default", onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
@@ -12032,11 +12061,10 @@ class SearchBar {
12032
12061
  fullwidth: fullWidth,
12033
12062
  }, slot: "menu" }, menuOpen && value.length >= this.charactersUntilSuggestion && (hAsync("ic-menu", { class: {
12034
12063
  "no-results": this.hadNoOptions(),
12035
- }, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: small, fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onOptionSelect: this.handleOptionSelect, onMenuChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
12064
+ }, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: small, fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onIcOptionSelect: this.handleOptionSelect, onIcMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
12036
12065
  }
12037
12066
  get el() { return getElement(this); }
12038
12067
  static get watchers() { return {
12039
- "debounce": ["debounceChanged"],
12040
12068
  "options": ["watchOptionsHandler"],
12041
12069
  "value": ["watchValueHandler"]
12042
12070
  }; }
@@ -12060,7 +12088,7 @@ class SearchBar {
12060
12088
  "autocomplete": [1],
12061
12089
  "autocorrect": [1],
12062
12090
  "autofocus": [4],
12063
- "debounce": [1026],
12091
+ "debounce": [2],
12064
12092
  "name": [1],
12065
12093
  "spellcheck": [4],
12066
12094
  "options": [16],
@@ -12078,7 +12106,7 @@ class SearchBar {
12078
12106
  "highlightedValue": [32],
12079
12107
  "setFocus": [64]
12080
12108
  },
12081
- "$listeners$": [[0, "icKeydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"], [0, "menuChange", "onMenuClose"], [0, "menuOptionId", "onMenuOptionHighlighted"]],
12109
+ "$listeners$": [[0, "icKeydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"], [0, "icMenuStateChange", "onMenuClose"], [0, "menuOptionId", "onMenuOptionHighlighted"]],
12082
12110
  "$lazyBundleId$": "-",
12083
12111
  "$attrsToReflect$": [["value", "value"]]
12084
12112
  }; }
@@ -12125,7 +12153,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
12125
12153
  </svg>
12126
12154
  `;
12127
12155
 
12128
- 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}/*!@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-active);color:var(--ic-action-dark-active)}/*!@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-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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-primary-text)}/*!@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}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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([disabled])) ic-input-component-container:hover .select-input*/.sc-ic-select-h:not([disabled]) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.sc-ic-select{pointer-events:none}/*!@:host([searchable]) .select-input*/[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%}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--expand-icon-hover, var(--ic-architectural-400))}/*!@:host([disabled]) .expand-icon,\n:host([disabled]) .expand-icon > svg > path*/[disabled].sc-ic-select-h .expand-icon.sc-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([searchable]) .expand-icon*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:36px}/*!@:host([searchable]) .expand-icon > svg*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:36px;padding:0 6px}/*!@:host([searchable]:not([disabled])) .expand-icon > svg*/[searchable].sc-ic-select-h:not([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([searchable]) .expand-icon-open*/.expand-icon-open.sc-ic-select,[searchable].sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host([disabled]) .value-text,\n.placeholder*/[disabled].sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@.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:38px}/*!@:host([small]) .clear-button-container*/[small].sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:30px}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:1px;height:var(--ic-space-lg)}/*!@:host([small]) .divider*/[small].sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:44px;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-focus-blue);box-shadow:inset 0 0 0 2px var(--ic-focus-glow);border-radius:4px}/*!@.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:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
12156
+ 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}/*!@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-active);color:var(--ic-action-dark-active)}/*!@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-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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-primary-text)}/*!@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}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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([disabled])) ic-input-component-container:hover .select-input*/.sc-ic-select-h:not([disabled]) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.sc-ic-select{pointer-events:none}/*!@:host([searchable]) .select-input*/[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%}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--ic-action-dark)}/*!@:host([disabled]) .expand-icon,\n:host([disabled]) .expand-icon > svg > path*/[disabled].sc-ic-select-h .expand-icon.sc-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([searchable]) .expand-icon*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:36px}/*!@:host([searchable]) .expand-icon > svg*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:36px;padding:0 6px}/*!@:host([searchable]:not([disabled])) .expand-icon > svg*/[searchable].sc-ic-select-h:not([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([searchable]) .expand-icon-open*/.expand-icon-open.sc-ic-select,[searchable].sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host([disabled]) .value-text,\n.placeholder*/[disabled].sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@.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:38px}/*!@:host([small]) .clear-button-container*/[small].sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:30px}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:1px;height:var(--ic-space-lg)}/*!@:host([small]) .divider*/[small].sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:44px;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-focus-blue);box-shadow:inset 0 0 0 2px var(--ic-focus-glow);border-radius:4px}/*!@.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:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
12129
12157
 
12130
12158
  let inputIds$2 = 0;
12131
12159
  class Select {
@@ -12461,7 +12489,7 @@ class Select {
12461
12489
  "no-results": this.noOptions !== null,
12462
12490
  }, ref: (el) => (this.menu = el), inputEl: searchable
12463
12491
  ? this.searchableSelectElement
12464
- : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onMenuChange: this.handleMenuChange, onOptionSelect: this.handleCustomSelectChange, parentEl: this.host })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
12492
+ : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onIcMenuStateChange: this.handleMenuChange, onIcOptionSelect: this.handleCustomSelectChange, parentEl: this.host })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
12465
12493
  }
12466
12494
  get host() { return getElement(this); }
12467
12495
  static get watchers() { return {
@@ -12907,7 +12935,7 @@ class SideNavigation {
12907
12935
  "deviceSizeAppTitle": [32],
12908
12936
  "hasSecondaryNavigation": [32]
12909
12937
  },
12910
- "$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
12938
+ "$listeners$": [[4, "themeChange", "themeChangeHandler"]],
12911
12939
  "$lazyBundleId$": "-",
12912
12940
  "$attrsToReflect$": []
12913
12941
  }; }
@@ -12987,13 +13015,14 @@ class StatusTag {
12987
13015
  this.status = "neutral";
12988
13016
  this.appearance = "filled";
12989
13017
  this.small = false;
13018
+ this.announced = false;
12990
13019
  }
12991
13020
  componentDidLoad() {
12992
13021
  onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Status Tag");
12993
13022
  }
12994
13023
  render() {
12995
- const { label, status, appearance, small } = this;
12996
- return (hAsync(Host, { role: "status" }, hAsync("strong", { class: {
13024
+ const { label, status, appearance, small, announced } = this;
13025
+ return (hAsync(Host, { role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { class: {
12997
13026
  ["tag"]: true,
12998
13027
  [`${appearance}-${status}`]: true,
12999
13028
  ["small"]: small,
@@ -13007,7 +13036,8 @@ class StatusTag {
13007
13036
  "label": [1],
13008
13037
  "status": [1],
13009
13038
  "appearance": [1],
13010
- "small": [4]
13039
+ "small": [4],
13040
+ "announced": [4]
13011
13041
  },
13012
13042
  "$listeners$": undefined,
13013
13043
  "$lazyBundleId$": "-",
@@ -13015,55 +13045,377 @@ class StatusTag {
13015
13045
  }; }
13016
13046
  }
13017
13047
 
13018
- const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@:host(.last-step)*/.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step*/.step.sc-ic-step{display:flex;flex-direction:column;flex:1 1 0}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:40px}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@.current*/.current.sc-ic-step{color:var(--ic-theme-primary)}/*!@.step-title-area*/.step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs)}/*!@.step-title,\n.step-subtitle*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@.completed*/.completed.sc-ic-step{color:var(--ic-status-success)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 2px}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-theme-primary);color:white}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@.disabled .step-icon*/.disabled.sc-ic-step .step-icon.sc-ic-step{border:1px dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}/*!@.disabled .step-title-area*/.disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.completed .step-icon-inner*/.completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}/*!@.current .step-icon*/.current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-theme-primary);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs))}/*!@.step-connect*/.step-connect.sc-ic-step{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}/*!@.aligned-full-width.step-connect*/.aligned-full-width.step-connect.sc-ic-step{min-width:100px;width:100%}/*!@.disabled .step-connect*/.disabled.sc-ic-step .step-connect.sc-ic-step{height:0;background-color:rgb(0 0 0 / 0%);border-top:2px dashed var(--ic-architectural-200);border-radius:0}/*!@.completed .step-connect*/.completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success)}/*!@.step-connect-inner*/.step-connect-inner.sc-ic-step{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-theme-primary)}/*!@.check-icon*/.check-icon.sc-ic-step{padding-top:var(--ic-space-xxs)}/*!@.check-icon svg*/.check-icon.sc-ic-step svg.sc-ic-step{width:16px;height:16px}/*!@.check-icon > svg > path*/.check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:white}@media (forced-colors: active){/*!@.step-connect:not(.disabled .step-connect)*/.step-connect.sc-ic-step:not(.disabled .step-connect).sc-ic-step{border:var(--ic-hc-border)}/*!@.active .step-icon-inner,\n .completed .step-icon-inner,\n .current .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step,.completed.sc-ic-step .step-icon-inner.sc-ic-step,.current.sc-ic-step .step-icon-inner.sc-ic-step{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 2px;background-color:transparent;color:canvastext}/*!@.current .step-icon*/.current.sc-ic-step .step-icon.sc-ic-step{padding:0;border:none}/*!@.disabled,\n .disabled .step-title-area*/.disabled.sc-ic-step,.disabled.sc-ic-step .step-title-area.sc-ic-step{color:Graytext}/*!@.step-connect-inner,\n .completed .step-connect*/.step-connect-inner.sc-ic-step,.completed.sc-ic-step .step-connect.sc-ic-step{background-color:canvastext}/*!@.check-icon > svg > path*/.check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:canvastext}}";
13048
+ var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13049
+ <path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
13050
+ </svg>`;
13051
+
13052
+ const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@.step*/.step.sc-ic-step{display:flex;flex:1 1 0}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center}/*!@.step-title,\n.step-subtitle,\n.step-status,\n.next-step*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step,.step-status.sc-ic-step,.next-step.sc-ic-step{white-space:pre-line}/*!@.visually-hidden*/.visually-hidden.sc-ic-step{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@:host(.compact)*/.compact.sc-ic-step-h{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-theme-primary);--compact-step-circular-line-width:var(--ic-space-xxs)}/*!@:host(.compact) .step*/.compact.sc-ic-step-h .step.sc-ic-step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}/*!@:host(.compact) .step:not(.current)*/.compact.sc-ic-step-h .step.sc-ic-step:not(.current){display:none;opacity:0;visibility:hidden}/*!@.compact-step-progress-indicator*/.compact-step-progress-indicator.sc-ic-step{margin:var(--ic-space-xs) 0 0}/*!@:host(.compact) .step-title-area*/.compact.sc-ic-step-h .step-title-area.sc-ic-step{display:flex;flex-direction:column;width:228px}/*!@.info-line*/.info-line.sc-ic-step{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}/*!@.step-status*/.step-status.sc-ic-step{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}/*!@.compact-step-completed .step-status*/.compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success)}/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.step-num*/.step-num.sc-ic-step{color:var(--ic-color-secondary-text);white-space:nowrap}/*!@:host(.compact) .step-icon*/.compact.sc-ic-step-h .step-icon.sc-ic-step{margin:var(--ic-space-xxxs)}/*!@:host(.compact) .step-icon svg*/.compact.sc-ic-step-h .step-icon.sc-ic-step svg.sc-ic-step{width:16px;height:16px}/*!@:host(.default) .step*/.default.sc-ic-step-h .step.sc-ic-step{flex-direction:column}/*!@:host(.default.last-step)*/.default.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:40px}/*!@:host(.default) .step-icon*/.default.sc-ic-step-h .step-icon.sc-ic-step{border-radius:50%}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@:host(.default) .current*/.default.sc-ic-step-h .current.sc-ic-step{color:var(--ic-theme-primary)}/*!@:host(.default) .step-title-area*/.default.sc-ic-step-h .step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}/*!@:host(.default) .step-title,\n.step-subtitle*/.default.sc-ic-step-h .step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@:host(.default) .completed*/.default.sc-ic-step-h .completed.sc-ic-step{color:var(--ic-status-success)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 2px}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-theme-primary);color:white}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@.disabled .step-icon-inner*/.disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:1px dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}/*!@.disabled .step-title-area*/.disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.completed .step-icon-inner*/.completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-theme-primary);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs))}/*!@.step-connect*/.step-connect.sc-ic-step{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}/*!@.aligned-full-width.step-connect*/.aligned-full-width.step-connect.sc-ic-step{min-width:100px;width:100%}/*!@.disabled .step-connect*/.disabled.sc-ic-step .step-connect.sc-ic-step{height:0;background-color:rgb(0 0 0 / 0%);border-top:2px dashed var(--ic-architectural-200);border-radius:0}/*!@.completed .step-connect*/.completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success)}/*!@.step-connect-inner*/.step-connect-inner.sc-ic-step{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-theme-primary)}/*!@.step-icon-inner .check-icon*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step{padding-top:var(--ic-space-xxs)}/*!@.step-icon-inner .check-icon svg*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:auto}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:var(--ic-color-white-text)}@media (forced-colors: active){/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:GrayText}/*!@.step-connect:not(.disabled .step-connect)*/.step-connect.sc-ic-step:not(.disabled .step-connect).sc-ic-step{border:var(--ic-hc-border)}/*!@.active .step-icon-inner,\n .completed .step-icon-inner,\n .current .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step,.completed.sc-ic-step .step-icon-inner.sc-ic-step,.current.sc-ic-step .step-icon-inner.sc-ic-step{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 2px;background-color:transparent;color:canvastext}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{padding:0;border:none}/*!@.disabled,\n .disabled .step-title-area*/.disabled.sc-ic-step,.disabled.sc-ic-step .step-title-area.sc-ic-step{color:GrayText}/*!@.step-connect-inner,\n .completed .step-connect*/.step-connect-inner.sc-ic-step,.completed.sc-ic-step .step-connect.sc-ic-step{background-color:canvastext}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:canvastext}}";
13019
13053
 
13020
13054
  class Step {
13021
13055
  constructor(hostRef) {
13022
13056
  registerInstance(this, hostRef);
13023
- this.stepType = "active";
13057
+ this.variant = undefined;
13024
13058
  this.stepTitle = undefined;
13025
13059
  this.stepSubtitle = undefined;
13060
+ this.stepStatus = undefined;
13061
+ this.stepType = "active";
13062
+ this.current = false;
13063
+ this.compactStepStyling = undefined;
13026
13064
  this.stepNum = undefined;
13027
13065
  this.lastStep = undefined;
13066
+ this.lastStepNum = undefined;
13067
+ this.nextStepTitle = undefined;
13068
+ this.progress = undefined;
13028
13069
  }
13029
- render() {
13030
- let icon;
13031
- if (this.stepType !== "completed") {
13032
- icon = (hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", { class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
13070
+ stepTypeChangeHandler() {
13071
+ if (this.variant === "compact" && this.stepType === "current") {
13072
+ this.current = true;
13033
13073
  }
13034
13074
  else {
13035
- icon = (hAsync("div", { class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
13075
+ this.current = false;
13036
13076
  }
13077
+ }
13078
+ render() {
13079
+ // ARIA LABEL
13037
13080
  let ariaLabel = "";
13038
13081
  if (this.stepType === "completed") {
13039
13082
  ariaLabel = ". Completed step";
13040
13083
  }
13041
13084
  else if (this.stepType === "disabled") {
13042
- ariaLabel = ". Disabled step";
13085
+ ariaLabel = ". Non-required step";
13086
+ }
13087
+ else if (this.stepStatus === "required") {
13088
+ ariaLabel = ". Required step";
13089
+ }
13090
+ else if (this.stepStatus === "optional") {
13091
+ ariaLabel = ". Optional step";
13043
13092
  }
13093
+ // STEP STATUS
13094
+ let stepStatus;
13095
+ if (this.stepStatus) {
13096
+ stepStatus = this.stepStatus[0].toUpperCase() + this.stepStatus.slice(1);
13097
+ }
13098
+ // STEP TYPE
13099
+ let stepType;
13100
+ if (this.stepType === "disabled" ||
13101
+ this.compactStepStyling === "disabled") {
13102
+ stepType = "Not required";
13103
+ }
13104
+ else if (this.compactStepStyling === "completed") {
13105
+ stepType = "Completed";
13106
+ }
13107
+ // STATUS ICON FOR COMPACT STEP
13108
+ let statusIcon;
13109
+ if (this.stepType === "completed" ||
13110
+ this.compactStepStyling === "completed") {
13111
+ statusIcon = (hAsync("span", { class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
13112
+ }
13113
+ else if (this.stepType === "disabled" ||
13114
+ this.compactStepStyling === "disabled") {
13115
+ statusIcon = (hAsync("span", { class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
13116
+ }
13117
+ // COMPACT STEP COMPONENT
13118
+ const compactStep = (hAsync("div", { class: {
13119
+ ["step"]: true,
13120
+ ["current"]: this.current,
13121
+ [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
13122
+ } }, hAsync("ic-loading-indicator", { class: {
13123
+ "compact-step-progress-indicator": true,
13124
+ "not-required": this.stepType === "disabled" ||
13125
+ this.compactStepStyling === "disabled",
13126
+ }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { class: "step-title-area" }, hAsync("ic-typography", { variant: "h4", class: "step-title" }, this.stepTitle), hAsync("div", { class: "info-line" }, hAsync("ic-typography", { variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { class: "visually-hidden" }, " steps")), (this.stepSubtitle ||
13127
+ this.stepType === "completed" ||
13128
+ this.stepType === "disabled" ||
13129
+ (this.variant === "compact" &&
13130
+ !!this.compactStepStyling &&
13131
+ this.compactStepStyling !== "active") ||
13132
+ !!this.stepStatus) && (hAsync("div", { class: "step-status" }, statusIcon && statusIcon, (this.stepSubtitle || stepType) && (hAsync("ic-typography", { variant: "caption" }, this.stepSubtitle !== null &&
13133
+ this.stepSubtitle !== undefined
13134
+ ? this.stepSubtitle
13135
+ : this.stepType === "disabled" ||
13136
+ (this.variant === "compact" &&
13137
+ this.compactStepStyling === "disabled") ||
13138
+ this.stepType === "completed" ||
13139
+ (this.variant === "compact" &&
13140
+ this.compactStepStyling === "completed")
13141
+ ? stepType
13142
+ : this.stepStatus && stepStatus))))), this.lastStep ? (hAsync("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Last step")) : (this.nextStepTitle !== undefined && (hAsync("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Next", hAsync("span", { class: "visually-hidden" }, " step is"), ":", " ", this.nextStepTitle))))));
13143
+ // ICON FOR DEFAULT STEP
13144
+ let icon;
13145
+ if (this.stepType !== "completed") {
13146
+ icon = (hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", { class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
13147
+ }
13148
+ else {
13149
+ icon = (hAsync("div", { class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
13150
+ }
13151
+ // STEP CONNECT FOR DEFAULT STEP
13044
13152
  const partialBar = this.stepType === "current" && (hAsync("div", { class: "step-connect-inner" }));
13045
13153
  const finalStep = !this.lastStep && (hAsync("div", { class: {
13046
13154
  ["step-connect"]: true,
13047
- ["aligned-full-width"]: this.el.parentElement.classList.contains("aligned-full-width"),
13155
+ ["aligned-full-width"]: this.el.parentElement.classList.contains("default") &&
13156
+ !this.el.parentElement.classList.contains("aligned-left"),
13048
13157
  } }, partialBar));
13049
- return (hAsync(Host, { role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": this.stepType == "current" ? "step" : null, class: {
13050
- ["aligned-full-width"]: this.el.parentElement.classList.contains("aligned-full-width"),
13051
- } }, hAsync("div", { class: {
13158
+ // DEFAULT STEP COMPONENT
13159
+ const defaultStep = (hAsync("div", { class: {
13052
13160
  ["step"]: true,
13053
13161
  [`${this.stepType}`]: true,
13054
- } }, hAsync("div", { class: "step-top" }, hAsync("div", { class: "step-icon" }, icon), finalStep), (this.stepTitle || this.stepSubtitle) && (hAsync("div", { class: "step-title-area" }, this.stepTitle && (hAsync("ic-typography", { variant: "subtitle-large", class: "step-title" }, this.stepTitle)), this.stepSubtitle && (hAsync("ic-typography", { variant: "caption", class: "step-subtitle" }, this.stepSubtitle)))))));
13162
+ } }, hAsync("div", { class: "step-top" }, hAsync("div", { class: "step-icon" }, icon), finalStep), (this.stepTitle || this.stepSubtitle || this.stepStatus) && (hAsync("div", { class: "step-title-area" }, this.stepTitle && (hAsync("ic-typography", { variant: "subtitle-large", class: "step-title" }, this.stepTitle)), this.stepTitle && (this.stepSubtitle || this.stepStatus) && (hAsync("ic-typography", { variant: "caption", class: "step-subtitle" }, this.stepSubtitle !== null && this.stepSubtitle !== undefined
13163
+ ? this.stepSubtitle
13164
+ : stepStatus))))));
13165
+ return (hAsync(Host, { role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.stepType === "current") && "step", class: {
13166
+ ["aligned-full-width"]: this.el.parentElement.classList.contains("default") &&
13167
+ !this.el.parentElement.classList.contains("aligned-left"),
13168
+ [`${this.variant}`]: true,
13169
+ } }, this.variant === "compact" ? compactStep : defaultStep));
13055
13170
  }
13056
13171
  get el() { return getElement(this); }
13172
+ static get watchers() { return {
13173
+ "stepType": ["stepTypeChangeHandler"]
13174
+ }; }
13057
13175
  static get style() { return icStepCss; }
13058
13176
  static get cmpMeta() { return {
13059
13177
  "$flags$": 9,
13060
13178
  "$tagName$": "ic-step",
13061
13179
  "$members$": {
13062
- "stepType": [1, "step-type"],
13180
+ "variant": [1],
13063
13181
  "stepTitle": [1, "step-title"],
13064
13182
  "stepSubtitle": [1, "step-subtitle"],
13183
+ "stepStatus": [1, "step-status"],
13184
+ "stepType": [1, "step-type"],
13185
+ "current": [1028],
13186
+ "compactStepStyling": [1, "compact-step-styling"],
13065
13187
  "stepNum": [2, "step-num"],
13066
- "lastStep": [4, "last-step"]
13188
+ "lastStep": [4, "last-step"],
13189
+ "lastStepNum": [2, "last-step-num"],
13190
+ "nextStepTitle": [1, "next-step-title"],
13191
+ "progress": [2]
13192
+ },
13193
+ "$listeners$": undefined,
13194
+ "$lazyBundleId$": "-",
13195
+ "$attrsToReflect$": []
13196
+ }; }
13197
+ }
13198
+
13199
+ const icStepperCss = "/*!@:host*/.sc-ic-stepper-h{display:flex;width:100%}/*!@.step-item-list*/.step-item-list.sc-ic-stepper{display:flex;margin:0;padding:0}/*!@:host(.default:not(.aligned-left)) .step-item-list*/.default.sc-ic-stepper-h:not(.aligned-left) .step-item-list.sc-ic-stepper{flex:auto}/*!@:host(.compact) ul ::slotted(ic-step)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step{display:none}/*!@:host(.compact) ul ::slotted(ic-step.show)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step.show{display:flex}/*!@:host(.compact) ul ::slotted(ic-step.hide)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step.hide{display:none;opacity:0;visibility:hidden}";
13200
+
13201
+ class Stepper {
13202
+ constructor(hostRef) {
13203
+ registerInstance(this, hostRef);
13204
+ this.resizeObserver = null;
13205
+ // Get all steps currently within this stepper
13206
+ this.getChildren = () => {
13207
+ this.steps = Array.from(this.el.querySelectorAll("ic-step"));
13208
+ this.stepsWithStepTitles = Array.from(this.el.querySelectorAll("ic-step[step-title]"));
13209
+ };
13210
+ // Inform the user that stepTitles are required on all steps in a compact stepper
13211
+ this.checkStepTitles = () => {
13212
+ if (this.stepsWithStepTitles.length < this.steps.length &&
13213
+ this.variantOverride &&
13214
+ this.variant === "compact") {
13215
+ this.noOfResizes = this.noOfResizes + 1;
13216
+ if (this.noOfResizes === 1) {
13217
+ console.error(`The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`);
13218
+ }
13219
+ }
13220
+ };
13221
+ this.setStepTypes = () => {
13222
+ this.getChildren();
13223
+ this.stepTypes = [];
13224
+ for (let i = 0; i < this.steps.length; i++) {
13225
+ this.stepTypes.push("active");
13226
+ }
13227
+ };
13228
+ this.setStepperWidth = () => {
13229
+ this.alignedFullWidth =
13230
+ this.variant === "default" && this.aligned === "full-width";
13231
+ const lastStep = this.steps[this.steps.length - 1];
13232
+ lastStep.style.maxWidth = "none";
13233
+ if (this.alignedFullWidth) {
13234
+ this.stepperWidth = this.el.offsetWidth;
13235
+ lastStep.style.maxWidth = `${this.stepperWidth / this.steps.length}px`;
13236
+ this.lastStepWidth = lastStep.offsetWidth;
13237
+ }
13238
+ };
13239
+ this.initialiseStepStates = () => {
13240
+ this.steps.forEach((step, index) => {
13241
+ // Set variant
13242
+ step.variant = this.variant;
13243
+ // Assign stepNum to each step
13244
+ step.stepNum = index + 1;
13245
+ // Assign lastStep to final step
13246
+ step.lastStep = index === this.steps.length - 1;
13247
+ step.lastStepNum = this.steps.length;
13248
+ if (step.stepType !== "current") {
13249
+ step.current = false;
13250
+ this.stepTypes[index] = step.stepType;
13251
+ }
13252
+ else {
13253
+ step.current = true;
13254
+ }
13255
+ const stepTitleArea = step.shadowRoot &&
13256
+ step.shadowRoot.querySelector(".step > .step-title-area");
13257
+ if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {
13258
+ if (this.variant === "compact") {
13259
+ this.autoSetStepTitles = true;
13260
+ if (this.autoSetStepTitles) {
13261
+ step.stepTitle = "Step " + step.stepNum;
13262
+ stepTitleArea &&
13263
+ stepTitleArea
13264
+ .querySelector(".step-title")
13265
+ .setAttribute("aria-hidden", "true");
13266
+ }
13267
+ }
13268
+ if (this.variant === "default") {
13269
+ this.autoSetStepTitles = false;
13270
+ if (!this.autoSetStepTitles) {
13271
+ step.stepTitle = undefined;
13272
+ stepTitleArea &&
13273
+ stepTitleArea
13274
+ .querySelector(".step-title")
13275
+ .removeAttribute("aria-hidden");
13276
+ }
13277
+ }
13278
+ }
13279
+ if (this.variant === "compact") {
13280
+ if (step.current === true || step.stepType === "current") {
13281
+ step.classList.remove("hide");
13282
+ step.classList.add("show");
13283
+ }
13284
+ else if (step.classList.contains("show")) {
13285
+ step.classList.remove("show");
13286
+ step.classList.add("hide");
13287
+ }
13288
+ if (!step.lastStep) {
13289
+ step.nextStepTitle = this.steps[index + 1].stepTitle;
13290
+ step.progress = (step.stepNum / this.steps.length) * 100;
13291
+ }
13292
+ else if (step.lastStep && this.stepTypes[index] !== "completed") {
13293
+ step.progress = 95;
13294
+ }
13295
+ else {
13296
+ step.progress = 100;
13297
+ }
13298
+ if (this.hideStepInfo && stepTitleArea !== null) {
13299
+ stepTitleArea.classList.remove("visually-hidden");
13300
+ }
13301
+ step.compactStepStyling = this.stepTypes[index];
13302
+ }
13303
+ if (this.variant === "default") {
13304
+ if (!step.lastStep) {
13305
+ if (this.alignedFullWidth) {
13306
+ step.style.width = `${(this.stepperWidth - this.lastStepWidth) / (this.steps.length - 1)}px`;
13307
+ step.style.minWidth = "148px";
13308
+ }
13309
+ }
13310
+ else if (step.lastStep) {
13311
+ step.classList.add("last-step");
13312
+ if (this.alignedFullWidth) {
13313
+ step.style.maxWidth = `${this.lastStepWidth}px`;
13314
+ }
13315
+ else {
13316
+ step.style.maxWidth =
13317
+ this.connectorWidth > 100
13318
+ ? `${this.connectorWidth + 48}px`
13319
+ : "148px";
13320
+ }
13321
+ }
13322
+ if (this.aligned === "left") {
13323
+ step.style.width =
13324
+ this.connectorWidth > 100
13325
+ ? `${this.connectorWidth + 48}px`
13326
+ : "148px";
13327
+ const stepConnect = step.shadowRoot.querySelector(".step > .step-top > .step-connect");
13328
+ if (stepConnect) {
13329
+ stepConnect.style.width =
13330
+ this.connectorWidth > 100 ? `${this.connectorWidth}px` : "100px";
13331
+ }
13332
+ }
13333
+ if (this.hideStepInfo && stepTitleArea !== null) {
13334
+ stepTitleArea.classList.add("visually-hidden");
13335
+ }
13336
+ }
13337
+ });
13338
+ };
13339
+ this.overrideVariant = () => {
13340
+ let minDefaultStepperWidth = 148 * this.steps.length;
13341
+ if (this.aligned === "left" && this.connectorWidth > 100) {
13342
+ minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;
13343
+ }
13344
+ if (this.variantOverride) {
13345
+ if (this.el.clientWidth < minDefaultStepperWidth) {
13346
+ this.variant = "compact";
13347
+ this.getChildren();
13348
+ }
13349
+ else {
13350
+ this.variant = "default";
13351
+ this.getChildren();
13352
+ }
13353
+ }
13354
+ };
13355
+ this.resizeObserverCallback = () => {
13356
+ this.getChildren();
13357
+ this.checkStepTitles();
13358
+ this.overrideVariant();
13359
+ this.setStepperWidth();
13360
+ this.initialiseStepStates();
13361
+ };
13362
+ this.runResizeObserver = () => {
13363
+ this.resizeObserver = new ResizeObserver(() => {
13364
+ this.resizeObserverCallback();
13365
+ });
13366
+ this.resizeObserver.observe(this.el);
13367
+ };
13368
+ this.aligned = "full-width";
13369
+ this.variant = "default";
13370
+ this.connectorWidth = 100;
13371
+ this.hideStepInfo = false;
13372
+ this.stepperWidth = document
13373
+ .querySelector("ic-stepper")
13374
+ .getBoundingClientRect().width;
13375
+ this.lastStepWidth = 0;
13376
+ this.stepTypes = [];
13377
+ this.alignedFullWidth = true;
13378
+ this.autoSetStepTitles = true;
13379
+ this.variantOverride = this.variant !== "compact";
13380
+ this.noOfResizes = 0;
13381
+ }
13382
+ componentWillLoad() {
13383
+ this.setStepTypes();
13384
+ if (this.variant === "compact") {
13385
+ this.variantOverride = false;
13386
+ }
13387
+ }
13388
+ componentDidLoad() {
13389
+ checkResizeObserver(this.runResizeObserver);
13390
+ }
13391
+ disconnectedCallback() {
13392
+ if (this.resizeObserver !== null) {
13393
+ this.resizeObserver.disconnect();
13394
+ }
13395
+ }
13396
+ render() {
13397
+ return (hAsync(Host, { class: {
13398
+ [`${this.variant}`]: true,
13399
+ ["aligned-left"]: this.variant === "default" && this.aligned === "left",
13400
+ } }, hAsync("ul", { class: "step-item-list" }, hAsync("slot", null))));
13401
+ }
13402
+ get el() { return getElement(this); }
13403
+ static get style() { return icStepperCss; }
13404
+ static get cmpMeta() { return {
13405
+ "$flags$": 9,
13406
+ "$tagName$": "ic-stepper",
13407
+ "$members$": {
13408
+ "aligned": [1],
13409
+ "variant": [1025],
13410
+ "connectorWidth": [2, "connector-width"],
13411
+ "hideStepInfo": [4, "hide-step-info"],
13412
+ "stepperWidth": [32],
13413
+ "lastStepWidth": [32],
13414
+ "stepTypes": [32],
13415
+ "alignedFullWidth": [32],
13416
+ "autoSetStepTitles": [32],
13417
+ "variantOverride": [32],
13418
+ "noOfResizes": [32]
13067
13419
  },
13068
13420
  "$listeners$": undefined,
13069
13421
  "$lazyBundleId$": "-",
@@ -13241,6 +13593,7 @@ class TabContext {
13241
13593
  constructor(hostRef) {
13242
13594
  registerInstance(this, hostRef);
13243
13595
  this.tabSelect = createEvent(this, "tabSelect", 7);
13596
+ this.icTabSelect = createEvent(this, "icTabSelect", 7);
13244
13597
  // Sets attributes to link tabs and tabpanels
13245
13598
  this.linkTabs = () => {
13246
13599
  this.tabs.forEach((tab, index) => {
@@ -13286,7 +13639,7 @@ class TabContext {
13286
13639
  }
13287
13640
  };
13288
13641
  // Determines whether the selected tab is being controlled within the component
13289
- // or by the user (via selectedTabIndex and onTabSelect)
13642
+ // or by the user (via selectedTabIndex and onIcTabSelect)
13290
13643
  this.setControlledMode = () => {
13291
13644
  if (this.selectedTabIndex !== undefined) {
13292
13645
  this.controlledMode = true;
@@ -13328,6 +13681,7 @@ class TabContext {
13328
13681
  this.selectedTab = newIndex;
13329
13682
  }
13330
13683
  else {
13684
+ this.icTabSelect.emit({ tabIndex: newIndex });
13331
13685
  this.tabSelect.emit({ tabIndex: newIndex });
13332
13686
  }
13333
13687
  };
@@ -13423,6 +13777,9 @@ class TabContext {
13423
13777
  event.detail.contextId === this.contextId) {
13424
13778
  this.selectedTab = event.detail.position;
13425
13779
  }
13780
+ this.icTabSelect.emit({
13781
+ tabIndex: event.detail.position,
13782
+ });
13426
13783
  this.tabSelect.emit({
13427
13784
  tabIndex: event.detail.position,
13428
13785
  });
@@ -13867,14 +14224,14 @@ class TextField {
13867
14224
  "label": [1],
13868
14225
  "required": [4],
13869
14226
  "disabled": [4],
13870
- "readonly": [4],
14227
+ "readonly": [516],
13871
14228
  "placeholder": [1],
13872
14229
  "fullWidth": [4, "full-width"],
13873
14230
  "hideLabel": [4, "hide-label"],
13874
14231
  "helperText": [1, "helper-text"],
13875
14232
  "rows": [2],
13876
14233
  "resize": [4],
13877
- "small": [4],
14234
+ "small": [516],
13878
14235
  "value": [1537],
13879
14236
  "maxLength": [2, "max-length"],
13880
14237
  "validationStatus": [1, "validation-status"],
@@ -13903,14 +14260,14 @@ class TextField {
13903
14260
  },
13904
14261
  "$listeners$": [[0, "keydown", "handleKeyDown"]],
13905
14262
  "$lazyBundleId$": "-",
13906
- "$attrsToReflect$": [["value", "value"]]
14263
+ "$attrsToReflect$": [["readonly", "readonly"], ["small", "small"], ["value", "value"]]
13907
14264
  }; }
13908
14265
  }
13909
14266
 
13910
14267
  class Theme {
13911
14268
  constructor(hostRef) {
13912
14269
  registerInstance(this, hostRef);
13913
- this.icThemeChange = createEvent(this, "icThemeChange", 7);
14270
+ this.themeChange = createEvent(this, "themeChange", 7);
13914
14271
  this.checkThemeColorContrast = () => {
13915
14272
  if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
13916
14273
  getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
@@ -13939,7 +14296,7 @@ class Theme {
13939
14296
  root.style.setProperty("--ic-theme-primary-a", colorRGBA.a.toString());
13940
14297
  this.checkThemeColorContrast();
13941
14298
  const foregroundColor = getThemeForegroundColor();
13942
- this.icThemeChange.emit({ mode: foregroundColor, color: colorRGBA });
14299
+ this.themeChange.emit({ mode: foregroundColor, color: colorRGBA });
13943
14300
  }
13944
14301
  };
13945
14302
  this.color = null;
@@ -13968,13 +14325,15 @@ class Theme {
13968
14325
  }; }
13969
14326
  }
13970
14327
 
13971
- const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-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-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-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-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{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-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 10px;border-radius:var(--ic-border-radius);position:absolute;max-width:320px;display:none;z-index:calc(var(--ic-z-index-overlay) / 2);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled-button) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled-button.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-14px}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}/*!@:host([target=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([target=\"ic-button-with-tooltip-clear-button\"]) .ic-tooltip-container*/[target=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[target=\"ic-button-with-tooltip-clear-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{z-index:calc(var(--ic-z-index-popup-menu) + 1)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
14328
+ const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-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-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-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-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{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-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 10px;border-radius:var(--ic-border-radius);position:absolute;max-width:320px;display:none;z-index:calc(var(--ic-z-index-overlay) / 2);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-14px}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}/*!@:host([target=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([target=\"ic-button-with-tooltip-clear-button\"]) .ic-tooltip-container*/[target=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[target=\"ic-button-with-tooltip-clear-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{z-index:calc(var(--ic-z-index-popup-menu) + 1)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
13972
14329
 
13973
14330
  class Tooltip {
13974
14331
  constructor(hostRef) {
13975
14332
  registerInstance(this, hostRef);
13976
14333
  this.mouseOverTool = false;
13977
- this.showEvents = ["mouseenter", "focusin"];
14334
+ this.showEvents = this.disableHover
14335
+ ? ["click"]
14336
+ : ["mouseenter", "focusin"];
13978
14337
  this.instantHideEvents = ["focusout"];
13979
14338
  this.delayedHideEvents = ["mouseleave"];
13980
14339
  this.show = (popper) => {
@@ -14037,6 +14396,7 @@ class Tooltip {
14037
14396
  this.target = undefined;
14038
14397
  this.placement = "bottom";
14039
14398
  this.label = undefined;
14399
+ this.disableHover = false;
14040
14400
  }
14041
14401
  updateLabel(newValue) {
14042
14402
  const describedBySpan = this.el.previousElementSibling;
@@ -14091,7 +14451,8 @@ class Tooltip {
14091
14451
  "$members$": {
14092
14452
  "target": [513],
14093
14453
  "placement": [1],
14094
- "label": [1]
14454
+ "label": [1],
14455
+ "disableHover": [4, "disable-hover"]
14095
14456
  },
14096
14457
  "$listeners$": undefined,
14097
14458
  "$lazyBundleId$": "-",
@@ -14099,7 +14460,7 @@ class Tooltip {
14099
14460
  }; }
14100
14461
  }
14101
14462
 
14102
- const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-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-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-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-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{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-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);margin-left:calc(-1 * var(--ic-space-xxs));transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active{color:var(--ic-theme-text)}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding-left:var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:8px;padding-bottom:8px}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:-1px}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.app-title*/.app-title.sc-ic-top-navigation{padding-right:var(--ic-space-lg)}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:80px;background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:16px;background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs)}/*!@.app-status-text,\n.app-version-text*/.app-status-text.sc-ic-top-navigation,.app-version-text.sc-ic-top-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center;flex:1 auto}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:44px}/*!@:host([content-aligned=\"left\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{flex-basis:1}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n:host([content-aligned=\"left\"]) .nav-panel-container,\n:host([content-aligned=\"center\"]) .nav-panel-container,\n:host([content-aligned=\"left\"]) .search-menu-container,\n:host([content-aligned=\"center\"]) .search-menu-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{justify-content:flex-start}/*!@:host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-end}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}/*!@:host([content-aligned=\"center\"]) .top-navigation*/[content-aligned=\"center\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex;justify-content:center}/*!@:host([content-aligned=\"left\"]) .top-navigation*/[content-aligned=\"left\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding-left:var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:160px}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:64px;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n :host([content-aligned=\"left\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-start}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:40px}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:56px;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
14463
+ const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-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-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-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-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{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-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);margin-left:calc(-1 * var(--ic-space-xxs));transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active{color:var(--ic-theme-text)}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding-left:var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:8px;padding-bottom:8px}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:-1px}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:80px;background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:16px;background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs)}/*!@.app-status-text,\n.app-version-text*/.app-status-text.sc-ic-top-navigation,.app-version-text.sc-ic-top-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center;flex:1 auto}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:44px}/*!@:host([content-aligned=\"left\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{flex-basis:1}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n:host([content-aligned=\"left\"]) .nav-panel-container,\n:host([content-aligned=\"center\"]) .nav-panel-container,\n:host([content-aligned=\"left\"]) .search-menu-container,\n:host([content-aligned=\"center\"]) .search-menu-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{justify-content:flex-start}/*!@:host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-end}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}/*!@:host([content-aligned=\"center\"]) .top-navigation*/[content-aligned=\"center\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex;justify-content:center}/*!@:host([content-aligned=\"left\"]) .top-navigation*/[content-aligned=\"left\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding-left:var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:160px}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:64px;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n :host([content-aligned=\"left\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-start}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:40px}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:56px;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
14103
14464
 
14104
14465
  /**
14105
14466
  * @slot app-icon - Content will be rendered to left of app title.
@@ -14289,7 +14650,7 @@ class TopNavigation {
14289
14650
  return (hAsync(Host, { class: {
14290
14651
  ["fullwidth-searchbar"]: this.hasFullWidthSearchBar,
14291
14652
  [IcThemeForegroundEnum.Dark]: this.foregroundColor === IcThemeForegroundEnum.Dark,
14292
- } }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: "full-width", "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, hasTitle && (hAsync("a", { class: "title-link", href: this.href }, this.hasAppIcon && (hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" }))), hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", null, this.appTitle)))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
14653
+ } }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: "full-width", "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, hasTitle && (hAsync("a", { class: "title-link", href: this.href }, this.hasAppIcon && (hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" }))), hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, this.appTitle)))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
14293
14654
  this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon", slot: "icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (hAsync("div", { class: "menu-button-container" }, hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden": !this.hasNavigation || this.navMenuVisible
14294
14655
  ? "true"
14295
14656
  : "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ul", { class: "navigation-item-list" }, hAsync("slot", { name: "navigation" })))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
@@ -14321,7 +14682,7 @@ class TopNavigation {
14321
14682
  "foregroundColor": [32],
14322
14683
  "hasFullWidthSearchBar": [32]
14323
14684
  },
14324
- "$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "icThemeChange", "themeChangeHandler"]],
14685
+ "$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "themeChange", "themeChangeHandler"]],
14325
14686
  "$lazyBundleId$": "-",
14326
14687
  "$attrsToReflect$": []
14327
14688
  }; }
@@ -14366,6 +14727,7 @@ registerComponents([
14366
14727
  Card,
14367
14728
  Checkbox,
14368
14729
  CheckboxGroup,
14730
+ Chip,
14369
14731
  ClassificationBanner,
14370
14732
  DataEntity,
14371
14733
  DataRow,
@@ -14374,7 +14736,6 @@ registerComponents([
14374
14736
  FooterLink,
14375
14737
  FooterLinkGroup,
14376
14738
  Hero,
14377
- IcStepper,
14378
14739
  InputComponentContainer,
14379
14740
  InputContainer,
14380
14741
  InputLabel,
@@ -14396,6 +14757,7 @@ registerComponents([
14396
14757
  Skeleton,
14397
14758
  StatusTag,
14398
14759
  Step,
14760
+ Stepper,
14399
14761
  Switch,
14400
14762
  Tab,
14401
14763
  TabContext,