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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (592) hide show
  1. package/README.md +20 -1
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-d01564f7.js → helpers-6f33d131.js} +31 -33
  4. package/dist/cjs/helpers-6f33d131.js.map +1 -0
  5. package/dist/cjs/{helpers-bec0dbd4.js → helpers-e2bbcec9.js} +56 -37
  6. package/dist/cjs/helpers-e2bbcec9.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +63 -36
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +4 -4
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +40 -16
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -3
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +3 -3
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +32 -7
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-horizontal.cjs.entry.js +1 -1
  24. package/dist/cjs/ic-card-vertical.cjs.entry.js +6 -6
  25. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-checkbox-group.cjs.entry.js +4 -4
  27. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-checkbox_3.cjs.entry.js +9 -9
  29. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-chip.cjs.entry.js +4 -4
  31. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-classification-banner.cjs.entry.js +2 -2
  33. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  35. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  37. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-data-table.cjs.entry.js +14 -18
  40. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-date-input.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
  43. package/dist/cjs/ic-dialog.cjs.entry.js +3 -3
  44. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-divider.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  48. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  50. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-footer.cjs.entry.js +4 -4
  52. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-hero.cjs.entry.js +5 -5
  54. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
  56. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +9 -9
  58. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -8
  60. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  62. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  64. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-menu-item.cjs.entry.js +1 -1
  66. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
  68. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-navigation-group.cjs.entry.js +13 -13
  70. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-navigation-item.cjs.entry.js +12 -7
  72. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-navigation-menu.cjs.entry.js +6 -6
  74. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
  76. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-pagination_4.cjs.entry.js +63 -61
  78. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -5
  80. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
  82. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-radio-option.cjs.entry.js +6 -6
  84. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-search-bar.cjs.entry.js +10 -10
  86. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  88. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-side-navigation.cjs.entry.js +5 -5
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  92. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-skip-link.cjs.entry.js +10 -3
  94. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
  96. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-step.cjs.entry.js +15 -15
  98. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
  100. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-switch.cjs.entry.js +5 -5
  102. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  104. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  106. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  108. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  110. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-theme.cjs.entry.js +4 -2
  112. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  114. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  116. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +3 -3
  118. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ic-toggle-button.cjs.entry.js +4 -4
  120. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  121. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -5
  122. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  123. package/dist/cjs/ic-tree-item.cjs.entry.js +1 -1
  124. package/dist/cjs/ic-tree-view.cjs.entry.js +7 -6
  125. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  126. package/dist/cjs/ic-typography.cjs.entry.js +4 -4
  127. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  128. package/dist/cjs/loader.cjs.js +1 -1
  129. package/dist/collection/components/ic-data-table/ic-data-table.js +13 -17
  130. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  131. package/dist/collection/components/ic-data-table/story-data.js +8 -7
  132. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  133. package/dist/collection/components/ic-tree-view/ic-tree-view.js +6 -5
  134. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  135. package/dist/collection/utils/constants.js +40 -1
  136. package/dist/collection/utils/constants.js.map +1 -1
  137. package/dist/collection/utils/helpers.js +177 -135
  138. package/dist/collection/utils/helpers.js.map +1 -1
  139. package/dist/collection/utils/types.js.map +1 -1
  140. package/dist/components/helpers.js +55 -37
  141. package/dist/components/helpers.js.map +1 -1
  142. package/dist/components/helpers2.js +30 -32
  143. package/dist/components/helpers2.js.map +1 -1
  144. package/dist/components/ic-accordion-group.js.map +1 -1
  145. package/dist/components/ic-accordion.js.map +1 -1
  146. package/dist/components/ic-alert.js +66 -37
  147. package/dist/components/ic-alert.js.map +1 -1
  148. package/dist/components/ic-back-to-top.js +3 -3
  149. package/dist/components/ic-back-to-top.js.map +1 -1
  150. package/dist/components/ic-badge.js +39 -15
  151. package/dist/components/ic-badge.js.map +1 -1
  152. package/dist/components/ic-breadcrumb-group.js +2 -2
  153. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  154. package/dist/components/ic-breadcrumb2.js +2 -2
  155. package/dist/components/ic-breadcrumb2.js.map +1 -1
  156. package/dist/components/ic-button2.js +1 -1
  157. package/dist/components/ic-button2.js.map +1 -1
  158. package/dist/components/ic-card-vertical.js +5 -5
  159. package/dist/components/ic-card-vertical.js.map +1 -1
  160. package/dist/components/ic-checkbox-group.js +4 -4
  161. package/dist/components/ic-checkbox-group.js.map +1 -1
  162. package/dist/components/ic-checkbox2.js +6 -6
  163. package/dist/components/ic-checkbox2.js.map +1 -1
  164. package/dist/components/ic-chip.js +3 -3
  165. package/dist/components/ic-chip.js.map +1 -1
  166. package/dist/components/ic-classification-banner.js +2 -2
  167. package/dist/components/ic-classification-banner.js.map +1 -1
  168. package/dist/components/ic-data-list.js +2 -2
  169. package/dist/components/ic-data-list.js.map +1 -1
  170. package/dist/components/ic-data-row.js +3 -3
  171. package/dist/components/ic-data-row.js.map +1 -1
  172. package/dist/components/ic-data-table.js +13 -17
  173. package/dist/components/ic-data-table.js.map +1 -1
  174. package/dist/components/ic-dialog.js +2 -2
  175. package/dist/components/ic-dialog.js.map +1 -1
  176. package/dist/components/ic-divider2.js +2 -2
  177. package/dist/components/ic-divider2.js.map +1 -1
  178. package/dist/components/ic-empty-state2.js +2 -2
  179. package/dist/components/ic-empty-state2.js.map +1 -1
  180. package/dist/components/ic-footer-link-group.js +1 -1
  181. package/dist/components/ic-footer-link-group.js.map +1 -1
  182. package/dist/components/ic-footer-link.js +2 -2
  183. package/dist/components/ic-footer-link.js.map +1 -1
  184. package/dist/components/ic-footer.js +4 -4
  185. package/dist/components/ic-footer.js.map +1 -1
  186. package/dist/components/ic-hero.js +5 -5
  187. package/dist/components/ic-hero.js.map +1 -1
  188. package/dist/components/ic-horizontal-scroll2.js +6 -6
  189. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  190. package/dist/components/ic-input-component-container2.js +4 -4
  191. package/dist/components/ic-input-component-container2.js.map +1 -1
  192. package/dist/components/ic-input-container2.js +2 -2
  193. package/dist/components/ic-input-container2.js.map +1 -1
  194. package/dist/components/ic-input-label2.js +5 -5
  195. package/dist/components/ic-input-label2.js.map +1 -1
  196. package/dist/components/ic-input-validation2.js +4 -4
  197. package/dist/components/ic-input-validation2.js.map +1 -1
  198. package/dist/components/ic-link2.js +1 -1
  199. package/dist/components/ic-link2.js.map +1 -1
  200. package/dist/components/ic-loading-indicator2.js +3 -3
  201. package/dist/components/ic-loading-indicator2.js.map +1 -1
  202. package/dist/components/ic-menu-group.js +1 -1
  203. package/dist/components/ic-menu-group.js.map +1 -1
  204. package/dist/components/ic-menu-item2.js.map +1 -1
  205. package/dist/components/ic-menu2.js +4 -4
  206. package/dist/components/ic-menu2.js.map +1 -1
  207. package/dist/components/ic-navigation-button.js +2 -2
  208. package/dist/components/ic-navigation-button.js.map +1 -1
  209. package/dist/components/ic-navigation-group.js +13 -13
  210. package/dist/components/ic-navigation-group.js.map +1 -1
  211. package/dist/components/ic-navigation-item.js +12 -7
  212. package/dist/components/ic-navigation-item.js.map +1 -1
  213. package/dist/components/ic-navigation-menu2.js +6 -6
  214. package/dist/components/ic-navigation-menu2.js.map +1 -1
  215. package/dist/components/ic-page-header.js +6 -6
  216. package/dist/components/ic-page-header.js.map +1 -1
  217. package/dist/components/ic-pagination-item2.js +2 -2
  218. package/dist/components/ic-pagination-item2.js.map +1 -1
  219. package/dist/components/ic-pagination2.js +4 -4
  220. package/dist/components/ic-pagination2.js.map +1 -1
  221. package/dist/components/ic-popover-menu.js +4 -4
  222. package/dist/components/ic-popover-menu.js.map +1 -1
  223. package/dist/components/ic-radio-group.js +5 -5
  224. package/dist/components/ic-radio-group.js.map +1 -1
  225. package/dist/components/ic-radio-option.js +6 -6
  226. package/dist/components/ic-radio-option.js.map +1 -1
  227. package/dist/components/ic-search-bar.js +10 -10
  228. package/dist/components/ic-search-bar.js.map +1 -1
  229. package/dist/components/ic-section-container2.js +2 -2
  230. package/dist/components/ic-section-container2.js.map +1 -1
  231. package/dist/components/ic-select2.js +46 -49
  232. package/dist/components/ic-select2.js.map +1 -1
  233. package/dist/components/ic-side-navigation.js +5 -5
  234. package/dist/components/ic-side-navigation.js.map +1 -1
  235. package/dist/components/ic-skeleton.js +2 -2
  236. package/dist/components/ic-skeleton.js.map +1 -1
  237. package/dist/components/ic-skip-link.js +12 -4
  238. package/dist/components/ic-skip-link.js.map +1 -1
  239. package/dist/components/ic-status-tag.js +2 -2
  240. package/dist/components/ic-status-tag.js.map +1 -1
  241. package/dist/components/ic-step.js +14 -14
  242. package/dist/components/ic-step.js.map +1 -1
  243. package/dist/components/ic-stepper.js +3 -3
  244. package/dist/components/ic-stepper.js.map +1 -1
  245. package/dist/components/ic-switch.js +5 -5
  246. package/dist/components/ic-switch.js.map +1 -1
  247. package/dist/components/ic-tab-context.js +1 -1
  248. package/dist/components/ic-tab-context.js.map +1 -1
  249. package/dist/components/ic-tab-group.js +2 -2
  250. package/dist/components/ic-tab-group.js.map +1 -1
  251. package/dist/components/ic-tab-panel.js +2 -2
  252. package/dist/components/ic-tab-panel.js.map +1 -1
  253. package/dist/components/ic-tab.js +2 -2
  254. package/dist/components/ic-tab.js.map +1 -1
  255. package/dist/components/ic-text-field2.js +13 -8
  256. package/dist/components/ic-text-field2.js.map +1 -1
  257. package/dist/components/ic-theme.js +4 -2
  258. package/dist/components/ic-theme.js.map +1 -1
  259. package/dist/components/ic-toast-region.js +1 -1
  260. package/dist/components/ic-toast-region.js.map +1 -1
  261. package/dist/components/ic-toast.js +4 -4
  262. package/dist/components/ic-toast.js.map +1 -1
  263. package/dist/components/ic-toggle-button-group.js +2 -2
  264. package/dist/components/ic-toggle-button-group.js.map +1 -1
  265. package/dist/components/ic-toggle-button.js +4 -4
  266. package/dist/components/ic-toggle-button.js.map +1 -1
  267. package/dist/components/ic-tooltip2.js +30 -2
  268. package/dist/components/ic-tooltip2.js.map +1 -1
  269. package/dist/components/ic-top-navigation.js +5 -5
  270. package/dist/components/ic-top-navigation.js.map +1 -1
  271. package/dist/components/ic-tree-view.js +6 -5
  272. package/dist/components/ic-tree-view.js.map +1 -1
  273. package/dist/components/ic-typography2.js +3 -3
  274. package/dist/components/ic-typography2.js.map +1 -1
  275. package/dist/core/core.css +14 -8
  276. package/dist/core/core.esm.js +1 -1
  277. package/dist/core/core.esm.js.map +1 -1
  278. package/dist/core/p-00df60bd.entry.js +2 -0
  279. package/dist/core/p-00df60bd.entry.js.map +1 -0
  280. package/dist/core/{p-d0768256.entry.js → p-02cee2a0.entry.js} +2 -2
  281. package/dist/core/{p-d0768256.entry.js.map → p-02cee2a0.entry.js.map} +1 -1
  282. package/dist/core/{p-5796b6cd.entry.js → p-0725255c.entry.js} +2 -2
  283. package/dist/core/{p-5796b6cd.entry.js.map → p-0725255c.entry.js.map} +1 -1
  284. package/dist/core/{p-57c80527.entry.js → p-09472c5e.entry.js} +2 -2
  285. package/dist/core/{p-57c80527.entry.js.map → p-09472c5e.entry.js.map} +1 -1
  286. package/dist/core/{p-f5e9c8c8.entry.js → p-0a0b25c5.entry.js} +2 -2
  287. package/dist/core/{p-a2fcea60.entry.js → p-0e3a62cc.entry.js} +2 -2
  288. package/dist/core/p-1024726b.entry.js +2 -0
  289. package/dist/core/p-1024726b.entry.js.map +1 -0
  290. package/dist/core/{p-60d15d35.entry.js → p-112d96ce.entry.js} +2 -2
  291. package/dist/core/{p-60d15d35.entry.js.map → p-112d96ce.entry.js.map} +1 -1
  292. package/dist/core/p-1a76b6b4.entry.js +2 -0
  293. package/dist/core/p-1a76b6b4.entry.js.map +1 -0
  294. package/dist/core/{p-9cf7494c.entry.js → p-23665b88.entry.js} +2 -2
  295. package/dist/core/p-23665b88.entry.js.map +1 -0
  296. package/dist/core/{p-071f4748.entry.js → p-23ed8b99.entry.js} +2 -2
  297. package/dist/core/{p-071f4748.entry.js.map → p-23ed8b99.entry.js.map} +1 -1
  298. package/dist/core/{p-50324682.entry.js → p-27780b85.entry.js} +2 -2
  299. package/dist/core/{p-50324682.entry.js.map → p-27780b85.entry.js.map} +1 -1
  300. package/dist/core/p-29f472ab.entry.js +2 -0
  301. package/dist/core/p-29f472ab.entry.js.map +1 -0
  302. package/dist/core/p-30bcc30c.entry.js +2 -0
  303. package/dist/core/{p-cea17764.entry.js.map → p-30bcc30c.entry.js.map} +1 -1
  304. package/dist/core/{p-d4628704.entry.js → p-315ac907.entry.js} +2 -2
  305. package/dist/core/{p-d4628704.entry.js.map → p-315ac907.entry.js.map} +1 -1
  306. package/dist/core/{p-3955fa94.entry.js → p-3a9d2c5c.entry.js} +2 -2
  307. package/dist/core/{p-3955fa94.entry.js.map → p-3a9d2c5c.entry.js.map} +1 -1
  308. package/dist/core/{p-d2d6f1eb.entry.js → p-3ddf2dc7.entry.js} +2 -2
  309. package/dist/core/{p-d2d6f1eb.entry.js.map → p-3ddf2dc7.entry.js.map} +1 -1
  310. package/dist/core/{p-a88369e1.entry.js → p-3ec9c8c2.entry.js} +2 -2
  311. package/dist/core/{p-a88369e1.entry.js.map → p-3ec9c8c2.entry.js.map} +1 -1
  312. package/dist/core/{p-110486f0.entry.js → p-40f2f58e.entry.js} +2 -2
  313. package/dist/core/{p-110486f0.entry.js.map → p-40f2f58e.entry.js.map} +1 -1
  314. package/dist/core/p-423c721c.entry.js +2 -0
  315. package/dist/core/p-423c721c.entry.js.map +1 -0
  316. package/dist/core/{p-20bd48cf.entry.js → p-45dbbdcb.entry.js} +2 -2
  317. package/dist/core/p-45dbbdcb.entry.js.map +1 -0
  318. package/dist/core/{p-19ecd2a6.entry.js → p-4933549f.entry.js} +2 -2
  319. package/dist/core/p-4b601e06.entry.js +2 -0
  320. package/dist/core/p-4b601e06.entry.js.map +1 -0
  321. package/dist/core/{p-fa02a267.entry.js → p-4b6818d9.entry.js} +2 -2
  322. package/dist/core/{p-fa02a267.entry.js.map → p-4b6818d9.entry.js.map} +1 -1
  323. package/dist/core/{p-4d39cab8.entry.js → p-4c77e828.entry.js} +2 -2
  324. package/dist/core/{p-4d39cab8.entry.js.map → p-4c77e828.entry.js.map} +1 -1
  325. package/dist/core/{p-0616dfbe.entry.js → p-4f2391ec.entry.js} +2 -2
  326. package/dist/core/{p-0616dfbe.entry.js.map → p-4f2391ec.entry.js.map} +1 -1
  327. package/dist/core/{p-44ac8f8a.entry.js → p-513619d5.entry.js} +2 -2
  328. package/dist/core/{p-44ac8f8a.entry.js.map → p-513619d5.entry.js.map} +1 -1
  329. package/dist/core/p-5aab7bb1.entry.js +2 -0
  330. package/dist/core/p-5aab7bb1.entry.js.map +1 -0
  331. package/dist/core/{p-858dd362.entry.js → p-5c363e21.entry.js} +2 -2
  332. package/dist/core/p-657321ee.entry.js +2 -0
  333. package/dist/core/p-657321ee.entry.js.map +1 -0
  334. package/dist/core/{p-6e0f93c5.entry.js → p-661f22bd.entry.js} +2 -2
  335. package/dist/core/p-661f22bd.entry.js.map +1 -0
  336. package/dist/core/p-6634052e.entry.js +2 -0
  337. package/dist/core/p-6634052e.entry.js.map +1 -0
  338. package/dist/core/{p-73e41eac.entry.js → p-71166167.entry.js} +2 -2
  339. package/dist/core/{p-73e41eac.entry.js.map → p-71166167.entry.js.map} +1 -1
  340. package/dist/core/{p-1bbae4b3.entry.js → p-74e0aa60.entry.js} +2 -2
  341. package/dist/core/{p-1bbae4b3.entry.js.map → p-74e0aa60.entry.js.map} +1 -1
  342. package/dist/core/{p-af405fc0.entry.js → p-75061bd0.entry.js} +2 -2
  343. package/dist/core/{p-af405fc0.entry.js.map → p-75061bd0.entry.js.map} +1 -1
  344. package/dist/core/{p-ce83c802.entry.js → p-7656c88f.entry.js} +2 -2
  345. package/dist/core/p-7656c88f.entry.js.map +1 -0
  346. package/dist/core/p-78709ece.entry.js +2 -0
  347. package/dist/core/p-78709ece.entry.js.map +1 -0
  348. package/dist/core/p-789f423c.entry.js +2 -0
  349. package/dist/core/p-789f423c.entry.js.map +1 -0
  350. package/dist/core/{p-30a5b319.entry.js → p-7c819f45.entry.js} +2 -2
  351. package/dist/core/{p-30a5b319.entry.js.map → p-7c819f45.entry.js.map} +1 -1
  352. package/dist/core/p-7d9ab461.entry.js +2 -0
  353. package/dist/core/p-7d9ab461.entry.js.map +1 -0
  354. package/dist/core/{p-21193099.entry.js → p-9689784b.entry.js} +2 -2
  355. package/dist/core/p-9689784b.entry.js.map +1 -0
  356. package/dist/core/{p-8c5a23b4.entry.js → p-9e4a0c01.entry.js} +2 -2
  357. package/dist/core/p-9e4a0c01.entry.js.map +1 -0
  358. package/dist/core/p-aa83f828.entry.js +2 -0
  359. package/dist/core/p-aa83f828.entry.js.map +1 -0
  360. package/dist/core/{p-bb9142fe.entry.js → p-af1d6e41.entry.js} +2 -2
  361. package/dist/core/{p-37df68fe.entry.js → p-b3ac38c5.entry.js} +2 -2
  362. package/dist/core/{p-37df68fe.entry.js.map → p-b3ac38c5.entry.js.map} +1 -1
  363. package/dist/core/{p-e4fa4ee5.entry.js → p-b4168d61.entry.js} +2 -2
  364. package/dist/core/{p-e4fa4ee5.entry.js.map → p-b4168d61.entry.js.map} +1 -1
  365. package/dist/core/{p-a2671eb0.entry.js → p-ba444517.entry.js} +2 -2
  366. package/dist/core/{p-a2671eb0.entry.js.map → p-ba444517.entry.js.map} +1 -1
  367. package/dist/core/{p-e8bb1522.entry.js → p-bcf8c3d9.entry.js} +2 -2
  368. package/dist/core/{p-e8bb1522.entry.js.map → p-bcf8c3d9.entry.js.map} +1 -1
  369. package/dist/core/p-bdbd185c.js +2 -0
  370. package/dist/core/p-bdbd185c.js.map +1 -0
  371. package/dist/core/{p-401f0043.entry.js → p-bf903faa.entry.js} +2 -2
  372. package/dist/core/{p-401f0043.entry.js.map → p-bf903faa.entry.js.map} +1 -1
  373. package/dist/core/{p-857c46c0.entry.js → p-c3ba79d7.entry.js} +2 -2
  374. package/dist/core/{p-857c46c0.entry.js.map → p-c3ba79d7.entry.js.map} +1 -1
  375. package/dist/core/p-c7080f8d.entry.js +2 -0
  376. package/dist/core/p-c7080f8d.entry.js.map +1 -0
  377. package/dist/core/{p-701696aa.entry.js → p-de43d375.entry.js} +2 -2
  378. package/dist/core/{p-701696aa.entry.js.map → p-de43d375.entry.js.map} +1 -1
  379. package/dist/core/p-e01ffbb8.entry.js +2 -0
  380. package/dist/core/p-e01ffbb8.entry.js.map +1 -0
  381. package/dist/core/{p-06bf2cea.entry.js → p-e185bfa7.entry.js} +2 -2
  382. package/dist/core/{p-06bf2cea.entry.js.map → p-e185bfa7.entry.js.map} +1 -1
  383. package/dist/core/{p-f42ca69f.entry.js → p-e6d3cd31.entry.js} +2 -2
  384. package/dist/core/{p-f42ca69f.entry.js.map → p-e6d3cd31.entry.js.map} +1 -1
  385. package/dist/core/{p-39269b62.entry.js → p-eb4add0d.entry.js} +2 -2
  386. package/dist/core/{p-39269b62.entry.js.map → p-eb4add0d.entry.js.map} +1 -1
  387. package/dist/core/p-ed542433.js +2 -0
  388. package/dist/core/p-ed542433.js.map +1 -0
  389. package/dist/core/{p-50f4d151.entry.js → p-f34eee68.entry.js} +2 -2
  390. package/dist/core/{p-50f4d151.entry.js.map → p-f34eee68.entry.js.map} +1 -1
  391. package/dist/core/p-f35d81cb.entry.js +2 -0
  392. package/dist/core/p-f35d81cb.entry.js.map +1 -0
  393. package/dist/core/{p-e6779171.entry.js → p-f39cf9b1.entry.js} +2 -2
  394. package/dist/core/p-f39cf9b1.entry.js.map +1 -0
  395. package/dist/core/{p-8856dff4.entry.js → p-f815f8c9.entry.js} +2 -2
  396. package/dist/core/{p-8856dff4.entry.js.map → p-f815f8c9.entry.js.map} +1 -1
  397. package/dist/core/p-fa08e75c.entry.js +2 -0
  398. package/dist/core/{p-4e187a11.entry.js.map → p-fa08e75c.entry.js.map} +1 -1
  399. package/dist/core/{p-91dc6ad3.entry.js → p-fc852e9b.entry.js} +2 -2
  400. package/dist/core/p-fc852e9b.entry.js.map +1 -0
  401. package/dist/core/{p-264335c5.entry.js → p-fe85b5b2.entry.js} +2 -2
  402. package/dist/core/{p-264335c5.entry.js.map → p-fe85b5b2.entry.js.map} +1 -1
  403. package/dist/esm/core.js +1 -1
  404. package/dist/esm/{helpers-ddc2008a.js → helpers-0bb68835.js} +31 -33
  405. package/dist/esm/helpers-0bb68835.js.map +1 -0
  406. package/dist/esm/{helpers-bf471ace.js → helpers-fb59efa8.js} +56 -38
  407. package/dist/esm/helpers-fb59efa8.js.map +1 -0
  408. package/dist/esm/ic-accordion-group.entry.js +1 -1
  409. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  410. package/dist/esm/ic-accordion.entry.js +1 -1
  411. package/dist/esm/ic-accordion.entry.js.map +1 -1
  412. package/dist/esm/ic-alert.entry.js +63 -36
  413. package/dist/esm/ic-alert.entry.js.map +1 -1
  414. package/dist/esm/ic-back-to-top.entry.js +4 -4
  415. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  416. package/dist/esm/ic-badge.entry.js +40 -16
  417. package/dist/esm/ic-badge.entry.js.map +1 -1
  418. package/dist/esm/ic-breadcrumb-group.entry.js +3 -3
  419. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  420. package/dist/esm/ic-breadcrumb.entry.js +3 -3
  421. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  422. package/dist/esm/ic-button_3.entry.js +32 -7
  423. package/dist/esm/ic-button_3.entry.js.map +1 -1
  424. package/dist/esm/ic-card-horizontal.entry.js +1 -1
  425. package/dist/esm/ic-card-vertical.entry.js +6 -6
  426. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  427. package/dist/esm/ic-checkbox-group.entry.js +4 -4
  428. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  429. package/dist/esm/ic-checkbox_3.entry.js +9 -9
  430. package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
  431. package/dist/esm/ic-chip.entry.js +4 -4
  432. package/dist/esm/ic-chip.entry.js.map +1 -1
  433. package/dist/esm/ic-classification-banner.entry.js +2 -2
  434. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  435. package/dist/esm/ic-data-list.entry.js +2 -2
  436. package/dist/esm/ic-data-list.entry.js.map +1 -1
  437. package/dist/esm/ic-data-row.entry.js +3 -3
  438. package/dist/esm/ic-data-row.entry.js.map +1 -1
  439. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  440. package/dist/esm/ic-data-table.entry.js +14 -18
  441. package/dist/esm/ic-data-table.entry.js.map +1 -1
  442. package/dist/esm/ic-date-input.entry.js +1 -1
  443. package/dist/esm/ic-date-picker.entry.js +1 -1
  444. package/dist/esm/ic-dialog.entry.js +3 -3
  445. package/dist/esm/ic-dialog.entry.js.map +1 -1
  446. package/dist/esm/ic-divider.entry.js +2 -2
  447. package/dist/esm/ic-divider.entry.js.map +1 -1
  448. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  449. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  450. package/dist/esm/ic-footer-link.entry.js +3 -3
  451. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  452. package/dist/esm/ic-footer.entry.js +4 -4
  453. package/dist/esm/ic-footer.entry.js.map +1 -1
  454. package/dist/esm/ic-hero.entry.js +5 -5
  455. package/dist/esm/ic-hero.entry.js.map +1 -1
  456. package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
  457. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  458. package/dist/esm/ic-input-component-container_3.entry.js +9 -9
  459. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  460. package/dist/esm/ic-input-label_2.entry.js +8 -8
  461. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  462. package/dist/esm/ic-link.entry.js +2 -2
  463. package/dist/esm/ic-link.entry.js.map +1 -1
  464. package/dist/esm/ic-menu-group.entry.js +2 -2
  465. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  466. package/dist/esm/ic-menu-item.entry.js +1 -1
  467. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  468. package/dist/esm/ic-navigation-button.entry.js +3 -3
  469. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  470. package/dist/esm/ic-navigation-group.entry.js +13 -13
  471. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  472. package/dist/esm/ic-navigation-item.entry.js +12 -7
  473. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  474. package/dist/esm/ic-navigation-menu.entry.js +6 -6
  475. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  476. package/dist/esm/ic-page-header.entry.js +7 -7
  477. package/dist/esm/ic-page-header.entry.js.map +1 -1
  478. package/dist/esm/ic-pagination_4.entry.js +63 -61
  479. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  480. package/dist/esm/ic-popover-menu.entry.js +5 -5
  481. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  482. package/dist/esm/ic-radio-group.entry.js +5 -5
  483. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  484. package/dist/esm/ic-radio-option.entry.js +6 -6
  485. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  486. package/dist/esm/ic-search-bar.entry.js +10 -10
  487. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  488. package/dist/esm/ic-section-container.entry.js +2 -2
  489. package/dist/esm/ic-section-container.entry.js.map +1 -1
  490. package/dist/esm/ic-side-navigation.entry.js +5 -5
  491. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  492. package/dist/esm/ic-skeleton.entry.js +2 -2
  493. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  494. package/dist/esm/ic-skip-link.entry.js +10 -3
  495. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  496. package/dist/esm/ic-status-tag.entry.js +3 -3
  497. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  498. package/dist/esm/ic-step.entry.js +15 -15
  499. package/dist/esm/ic-step.entry.js.map +1 -1
  500. package/dist/esm/ic-stepper.entry.js +3 -3
  501. package/dist/esm/ic-stepper.entry.js.map +1 -1
  502. package/dist/esm/ic-switch.entry.js +5 -5
  503. package/dist/esm/ic-switch.entry.js.map +1 -1
  504. package/dist/esm/ic-tab-context.entry.js +1 -1
  505. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  506. package/dist/esm/ic-tab-group.entry.js +3 -3
  507. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  508. package/dist/esm/ic-tab-panel.entry.js +2 -2
  509. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  510. package/dist/esm/ic-tab.entry.js +3 -3
  511. package/dist/esm/ic-tab.entry.js.map +1 -1
  512. package/dist/esm/ic-theme.entry.js +4 -2
  513. package/dist/esm/ic-theme.entry.js.map +1 -1
  514. package/dist/esm/ic-toast-region.entry.js +1 -1
  515. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  516. package/dist/esm/ic-toast.entry.js +4 -4
  517. package/dist/esm/ic-toast.entry.js.map +1 -1
  518. package/dist/esm/ic-toggle-button-group.entry.js +3 -3
  519. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  520. package/dist/esm/ic-toggle-button.entry.js +4 -4
  521. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  522. package/dist/esm/ic-top-navigation.entry.js +5 -5
  523. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  524. package/dist/esm/ic-tree-item.entry.js +1 -1
  525. package/dist/esm/ic-tree-view.entry.js +7 -6
  526. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  527. package/dist/esm/ic-typography.entry.js +4 -4
  528. package/dist/esm/ic-typography.entry.js.map +1 -1
  529. package/dist/esm/loader.js +1 -1
  530. package/dist/types/components/ic-data-table/ic-data-table.d.ts +0 -1
  531. package/dist/types/components/ic-data-table/story-data.d.ts +4 -4
  532. package/dist/types/utils/constants.d.ts +1 -0
  533. package/dist/types/utils/helpers.d.ts +72 -46
  534. package/dist/types/utils/types.d.ts +32 -7
  535. package/hydrate/index.js +496 -390
  536. package/hydrate/index.mjs +496 -390
  537. package/package.json +4 -4
  538. package/dist/cjs/helpers-bec0dbd4.js.map +0 -1
  539. package/dist/cjs/helpers-d01564f7.js.map +0 -1
  540. package/dist/core/p-09e8b002.entry.js +0 -2
  541. package/dist/core/p-09e8b002.entry.js.map +0 -1
  542. package/dist/core/p-1a2b4803.entry.js +0 -2
  543. package/dist/core/p-1a2b4803.entry.js.map +0 -1
  544. package/dist/core/p-1f415138.entry.js +0 -2
  545. package/dist/core/p-1f415138.entry.js.map +0 -1
  546. package/dist/core/p-20bd48cf.entry.js.map +0 -1
  547. package/dist/core/p-21193099.entry.js.map +0 -1
  548. package/dist/core/p-3244a174.entry.js +0 -2
  549. package/dist/core/p-3244a174.entry.js.map +0 -1
  550. package/dist/core/p-3f185257.entry.js +0 -2
  551. package/dist/core/p-3f185257.entry.js.map +0 -1
  552. package/dist/core/p-4e187a11.entry.js +0 -2
  553. package/dist/core/p-59aed40c.entry.js +0 -2
  554. package/dist/core/p-59aed40c.entry.js.map +0 -1
  555. package/dist/core/p-65d3a515.entry.js +0 -2
  556. package/dist/core/p-65d3a515.entry.js.map +0 -1
  557. package/dist/core/p-6aa1e928.entry.js +0 -2
  558. package/dist/core/p-6aa1e928.entry.js.map +0 -1
  559. package/dist/core/p-6e0f93c5.entry.js.map +0 -1
  560. package/dist/core/p-6f6d793f.entry.js +0 -2
  561. package/dist/core/p-6f6d793f.entry.js.map +0 -1
  562. package/dist/core/p-7bbd9fcb.entry.js +0 -2
  563. package/dist/core/p-7bbd9fcb.entry.js.map +0 -1
  564. package/dist/core/p-7d054704.js +0 -2
  565. package/dist/core/p-7d054704.js.map +0 -1
  566. package/dist/core/p-8c5a23b4.entry.js.map +0 -1
  567. package/dist/core/p-91dc6ad3.entry.js.map +0 -1
  568. package/dist/core/p-94427b50.entry.js +0 -2
  569. package/dist/core/p-94427b50.entry.js.map +0 -1
  570. package/dist/core/p-9cf7494c.entry.js.map +0 -1
  571. package/dist/core/p-a5ee9c8d.entry.js +0 -2
  572. package/dist/core/p-a5ee9c8d.entry.js.map +0 -1
  573. package/dist/core/p-b953b22f.entry.js +0 -2
  574. package/dist/core/p-b953b22f.entry.js.map +0 -1
  575. package/dist/core/p-bfdefe7a.entry.js +0 -2
  576. package/dist/core/p-bfdefe7a.entry.js.map +0 -1
  577. package/dist/core/p-c4baa405.entry.js +0 -2
  578. package/dist/core/p-c4baa405.entry.js.map +0 -1
  579. package/dist/core/p-cda2a461.entry.js +0 -2
  580. package/dist/core/p-cda2a461.entry.js.map +0 -1
  581. package/dist/core/p-ce83c802.entry.js.map +0 -1
  582. package/dist/core/p-cea17764.entry.js +0 -2
  583. package/dist/core/p-e246d84b.js +0 -2
  584. package/dist/core/p-e246d84b.js.map +0 -1
  585. package/dist/core/p-e6779171.entry.js.map +0 -1
  586. package/dist/esm/helpers-bf471ace.js.map +0 -1
  587. package/dist/esm/helpers-ddc2008a.js.map +0 -1
  588. /package/dist/core/{p-f5e9c8c8.entry.js.map → p-0a0b25c5.entry.js.map} +0 -0
  589. /package/dist/core/{p-a2fcea60.entry.js.map → p-0e3a62cc.entry.js.map} +0 -0
  590. /package/dist/core/{p-19ecd2a6.entry.js.map → p-4933549f.entry.js.map} +0 -0
  591. /package/dist/core/{p-858dd362.entry.js.map → p-5c363e21.entry.js.map} +0 -0
  592. /package/dist/core/{p-bb9142fe.entry.js.map → p-af1d6e41.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -3226,11 +3226,50 @@ const IC_BLOCK_COLOR_EXCEPTIONS$1 = {
3226
3226
  */
3227
3227
  const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;
3228
3228
  const WHITE_MAX_COLOR_BRIGHTNESS = 130;
3229
+ // Keyboard characters that do not affect the content of an input control when pressed
3230
+ const IGNORED_KEYBOARD_CHARACTERS = [
3231
+ "Alt",
3232
+ "AltGraph",
3233
+ "ArrowDown",
3234
+ "ArrowLeft",
3235
+ "ArrowRight",
3236
+ "ArrowUp",
3237
+ "AudioVolumeDown",
3238
+ "AudioVolumeMute",
3239
+ "AudioVolumeUp",
3240
+ "CapsLock",
3241
+ "ContextMenu",
3242
+ "Control",
3243
+ "Delete",
3244
+ "End",
3245
+ "Enter",
3246
+ "Escape",
3247
+ "F1",
3248
+ "F10",
3249
+ "F11",
3250
+ "F12",
3251
+ "F2",
3252
+ "F3",
3253
+ "F4",
3254
+ "F5",
3255
+ "F6",
3256
+ "F7",
3257
+ "F8",
3258
+ "F9",
3259
+ "Home",
3260
+ "Insert",
3261
+ "Meta",
3262
+ "NumLock",
3263
+ "PageDown",
3264
+ "PageUp",
3265
+ "Shift",
3266
+ "Tab",
3267
+ ];
3229
3268
 
3230
3269
  const DARK_MODE_THRESHOLD = 133.3505;
3231
3270
  const ANYWHERE_SEARCH_POSITION = "anywhere";
3232
- const icInput = "ic-input";
3233
- const linkIcInput = "input.ic-input";
3271
+ const icInput$1 = "ic-input";
3272
+ const linkIcInput$1 = "input.ic-input";
3234
3273
  /**
3235
3274
  * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
3236
3275
  * to a variable that is later used in the render function.
@@ -3280,14 +3319,14 @@ const debounce$1 = (func, wait = 0) => {
3280
3319
  */
3281
3320
  const renderHiddenInput$1 = (always, container, name, value, disabled) => {
3282
3321
  if (name !== undefined && (always || hasShadowDom$1(container))) {
3283
- const inputs = container.querySelectorAll(linkIcInput);
3322
+ const inputs = container.querySelectorAll(linkIcInput$1);
3284
3323
  const inputEls = Array.from(inputs);
3285
3324
  const filtered = inputEls.filter((el) => container === el.parentElement);
3286
3325
  let input = filtered[0];
3287
3326
  if (input === null || input === undefined) {
3288
3327
  input = container.ownerDocument.createElement("input");
3289
3328
  input.type = "hidden";
3290
- input.classList.add(icInput);
3329
+ input.classList.add(icInput$1);
3291
3330
  container.appendChild(input);
3292
3331
  }
3293
3332
  input.disabled = !!disabled;
@@ -3316,13 +3355,13 @@ const renderHiddenInput$1 = (always, container, name, value, disabled) => {
3316
3355
  */
3317
3356
  const renderFileHiddenInput = (event, container, multiple, name, value, disabled, accept) => {
3318
3357
  if (name !== undefined && hasShadowDom$1(container)) {
3319
- const inputs = container.querySelectorAll(linkIcInput);
3358
+ const inputs = container.querySelectorAll(linkIcInput$1);
3320
3359
  const inputEls = Array.from(inputs);
3321
3360
  const filtered = inputEls.filter((el) => container === el.parentElement);
3322
3361
  let input = filtered[0];
3323
3362
  if (input === null || input === undefined) {
3324
3363
  input = container.ownerDocument.createElement("input");
3325
- input.classList.add(icInput);
3364
+ input.classList.add(icInput$1);
3326
3365
  container.appendChild(input);
3327
3366
  }
3328
3367
  input.type = "file";
@@ -3520,32 +3559,20 @@ const getBrandColorBrightness = () => {
3520
3559
  const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD
3521
3560
  ? IcBrandForegroundEnum$1.Dark
3522
3561
  : IcBrandForegroundEnum$1.Light;
3523
- const getSlot = (element, name) => {
3524
- if (element && element.querySelector) {
3525
- return element.querySelector(`[slot="${name}"]`);
3526
- }
3527
- return null;
3528
- };
3562
+ const getSlot = (element, name) => (element === null || element === void 0 ? void 0 : element.querySelector(`[slot="${name}"]`)) || null;
3529
3563
  const slotHasContent = (element, name) => getSlot(element, name) !== null;
3530
3564
  const getSlotContent = (element, name) => {
3531
3565
  const slot = getSlot(element, name);
3532
- if (slot) {
3533
- return getSlotElements$1(slot);
3534
- }
3535
- return null;
3566
+ return slot ? getSlotElements$1(slot) : null;
3536
3567
  };
3537
3568
  const getSlotElements$1 = (slot) => {
3538
3569
  const slotContent = slot.firstElementChild;
3539
- if (slotContent !== null) {
3540
- const elements = slotContent.assignedElements
3541
- ? slotContent.assignedElements()
3542
- : slotContent.childNodes;
3543
- return elements.length ? elements : slot.tagName ? [slot] : null;
3544
- }
3545
- else {
3546
- //check for single element
3547
- return slot === null ? null : [slot];
3548
- }
3570
+ if (slotContent === null)
3571
+ return [slot];
3572
+ const elements = slotContent.assignedElements
3573
+ ? slotContent.assignedElements()
3574
+ : slotContent.childNodes;
3575
+ return elements.length ? elements : slot.tagName ? [slot] : null;
3549
3576
  };
3550
3577
  const getNavItemParentDetails = ({ parentElement, }) => {
3551
3578
  let navType = { navType: "", parent: null };
@@ -3654,11 +3681,9 @@ const removeDisabledFalse$1 = (disabled, element) => {
3654
3681
  const isMacDevice = () => window.navigator.userAgent.toUpperCase().indexOf("MAC") >= 0;
3655
3682
  const convertToRGBA = (color) => {
3656
3683
  const firstChar = color === null || color === void 0 ? void 0 : color.slice(0, 1).toLowerCase();
3657
- return firstChar === "#"
3658
- ? hexToRgba(color)
3659
- : firstChar === "r"
3660
- ? rgbaStrToObj(color)
3661
- : null;
3684
+ if (firstChar !== "#" && firstChar !== "r")
3685
+ return null;
3686
+ return firstChar === "#" ? hexToRgba(color) : rgbaStrToObj(color);
3662
3687
  };
3663
3688
  const capitalize$1 = (text) => text.charAt(0).toUpperCase() + text.slice(1);
3664
3689
  const checkSlotInChildMutations$1 = (addedNodes, removedNodes, slotName) => {
@@ -3668,20 +3693,13 @@ const checkSlotInChildMutations$1 = (addedNodes, removedNodes, slotName) => {
3668
3693
  return hasSlot(addedNodes) || hasSlot(removedNodes);
3669
3694
  };
3670
3695
  const isElInAGGrid = (el) => !!el.closest(".ag-cell") && !!el.closest(".ag-root");
3671
- /*
3696
+ /**
3672
3697
  * Checks if the component is slotted in its relevant 'group' component
3673
3698
  * @param component - the component to check
3674
3699
  */
3675
- const isSlottedInGroup = (component) => {
3676
- var _a;
3677
- const parent = (component === null || component === void 0 ? void 0 : component.tagName) + "-GROUP";
3678
- return ((_a = component === null || component === void 0 ? void 0 : component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === parent;
3679
- };
3680
- const hasDynamicChildSlots$1 = (mutationList, slotNames) => {
3681
- return mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
3682
- ? checkSlotInChildMutations$1(addedNodes, removedNodes, slotNames)
3683
- : false);
3684
- };
3700
+ const isSlottedInGroup = (component) => { var _a; return ((_a = component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === `${component.tagName}-GROUP`; };
3701
+ const hasDynamicChildSlots$1 = (mutationList, slotNames) => mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList" &&
3702
+ checkSlotInChildMutations$1(addedNodes, removedNodes, slotNames));
3685
3703
  const renderDynamicChildSlots$1 = (mutationList, slotNames, ref) => {
3686
3704
  if (hasDynamicChildSlots$1(mutationList, slotNames)) ;
3687
3705
  };
@@ -4003,7 +4021,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
4003
4021
  </svg>
4004
4022
  `;
4005
4023
 
4006
- const icAlertCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon=\"false\"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant=\"info\"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant=\"warning\"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant=\"error\"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant=\"success\"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}";
4024
+ const icAlertCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-min-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.alert-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.alert-icon{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}.icon-placeholder{margin-left:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host([showdefaulticon=\"false\"]) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host([variant=\"info\"]) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host([variant=\"warning\"]) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host([variant=\"error\"]) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host([variant=\"success\"]) .alert-icon svg{fill:var(--ic-alert-icon-success)}.alert-content{display:flex;align-items:center;margin-left:0.625rem;width:100%}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-content{display:flex;flex-direction:column;align-items:flex-start}.alert-message{display:flex;flex-direction:column;align-items:flex-start}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}";
4007
4025
  var IcAlertStyle0 = icAlertCss;
4008
4026
 
4009
4027
  /**
@@ -4016,6 +4034,8 @@ class Alert {
4016
4034
  registerInstance(this, hostRef);
4017
4035
  this.icDismiss = createEvent(this, "icDismiss", 7);
4018
4036
  this.hostMutationObserver = null;
4037
+ this.systemThemeObserver = null;
4038
+ this.darkMode = false;
4019
4039
  this.alertTitleWrap = false;
4020
4040
  this.visible = true;
4021
4041
  /**
@@ -4049,58 +4069,83 @@ class Alert {
4049
4069
  this.dismissAction = () => {
4050
4070
  this.icDismiss.emit();
4051
4071
  };
4072
+ this.calculateMinHeight = () => {
4073
+ var _a;
4074
+ const contentHeight = Number((_a = this.messageEl) === null || _a === void 0 ? void 0 : _a.clientHeight);
4075
+ const minHeight = pxToRem$1(`${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`);
4076
+ if (this.el.style.getPropertyValue("--ic-alert-min-height") !== minHeight)
4077
+ this.el.style.setProperty("--ic-alert-min-height", minHeight);
4078
+ };
4079
+ }
4080
+ themeChangeHandler() {
4081
+ if (this.theme !== "inherit")
4082
+ this.darkMode = this.theme === "dark";
4052
4083
  }
4053
4084
  disconnectedCallback() {
4054
- var _a;
4085
+ var _a, _b;
4055
4086
  (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
4087
+ (_b = this.systemThemeObserver) === null || _b === void 0 ? void 0 : _b.removeEventListener("change", this.darkModeChangeHandler);
4088
+ }
4089
+ componentWillLoad() {
4090
+ if (!this.el.closest("ic-theme")) {
4091
+ this.systemThemeObserver = window.matchMedia("(prefers-color-scheme: dark)");
4092
+ this.systemThemeObserver.addEventListener("change", this.darkModeChangeHandler);
4093
+ this.darkMode = this.systemThemeObserver.matches;
4094
+ }
4095
+ this.themeChangeHandler();
4056
4096
  }
4057
4097
  componentDidLoad() {
4058
- this.alertTitleShouldWrap();
4098
+ var _a;
4099
+ if (Number((_a = this.titleEl) === null || _a === void 0 ? void 0 : _a.clientHeight) > 24)
4100
+ this.alertTitleWrap = true;
4059
4101
  this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots$1(mutationList, "action"));
4060
4102
  this.hostMutationObserver.observe(this.el, {
4061
4103
  childList: true,
4062
4104
  });
4105
+ this.calculateMinHeight();
4106
+ }
4107
+ componentDidUpdate() {
4108
+ this.calculateMinHeight();
4063
4109
  }
4064
4110
  handleClick() {
4065
4111
  this.visible = !this.visible;
4066
4112
  }
4067
- alertTitleShouldWrap() {
4068
- var _a, _b;
4069
- const titleHeight = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".alert-title")) === null || _b === void 0 ? void 0 : _b.clientHeight;
4070
- if (titleHeight && titleHeight > 24)
4071
- this.alertTitleWrap = true;
4113
+ darkModeChangeHandler(ev) {
4114
+ this.darkMode = "detail" in ev ? ev.detail === "dark" : ev.matches;
4115
+ this.calculateMinHeight();
4072
4116
  }
4073
4117
  render() {
4074
- const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;
4075
- return (visible && (hAsync(Host, { key: '335bc190a85988d6dd90dee36bc452a249159889', role: announced ? "alert" : null, class: {
4076
- [IcBrandForegroundEnum$1.Dark]: true,
4077
- [`ic-theme-${theme}`]: theme !== "inherit",
4078
- } }, hAsync("div", { key: 'e856d3193d274c465ff36bcbda07d7d32f005672', class: {
4079
- ["container"]: true,
4080
- [`container-${variant}`]: true,
4081
- } }, hAsync("div", { key: '2ce18b9ad21036175efac411f6f975c042d1b262', class: "alert-icon-container" }, hAsync("div", { key: 'd472ee06999d1f7ac81e4f17b7d951ad0d014c5f', class: {
4082
- ["divider"]: true,
4083
- [`divider-${variant}`]: true,
4084
- } }), variant === "neutral" ? (isSlotUsed$1(this.el, "neutral-icon") ? (hAsync("div", { class: "alert-icon svg-container icon-neutral" }, hAsync("slot", { name: "neutral-icon" }))) : showDefaultIcon ? (hAsync("span", { class: {
4085
- ["alert-icon"]: true,
4086
- ["svg-container"]: true,
4118
+ const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, alertTitleWrap, dismissAction, } = this;
4119
+ const Icon = () => {
4120
+ const iconClass = {
4121
+ "alert-icon": true,
4122
+ "svg-container": true,
4087
4123
  [`icon-${variant}`]: true,
4088
- }, innerHTML: VARIANT_ICONS[variant].icon })) : (hAsync("div", { class: "icon-placeholder" }))) : (hAsync("span", { class: {
4089
- ["alert-icon"]: true,
4090
- ["svg-container"]: true,
4091
- [`icon-${variant}`]: true,
4092
- }, innerHTML: VARIANT_ICONS[variant].icon }))), hAsync("div", { key: 'd83902cf13b0e0de71ac43e725bab061e55dc7a4', class: "alert-content" }, hAsync("div", { key: '8d85d750bee6bc70c6d8e8d6de15ab1244f61d67', class: {
4093
- ["alert-message"]: true,
4094
- ["alert-message-title-above"]: titleAbove || this.alertTitleWrap,
4095
- } }, heading && (hAsync("ic-typography", { key: '597ee8eedb36fa6b5fd311d939fbf6f2ce6efd35', class: {
4096
- ["alert-title"]: true,
4097
- ["alert-title-above"]: titleAbove || this.alertTitleWrap,
4098
- }, variant: "subtitle-large" }, hAsync("p", { key: 'b5a69877cd2d3d4d94c47084a2b7cb739c080b2e' }, heading))), hAsync("slot", { key: 'f6b20259578c375633dff1a24d115500308766d6', name: "message" }, hAsync("ic-typography", { key: '895813c7be5ddc2150f3fda932b69c5da684d460', variant: "body" }, message))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: 'b18a1d6e25cc46771f33a09ca956fdcd64d407af', class: "alert-action-container" }, hAsync("slot", { key: '05841b13b776380a6f52cd5cc1a8328df8de7407', name: "action" })))), hAsync("div", { key: 'd58ecb605da9c1fe4b9931abc2bc95ce7aeb8074', class: "dismiss-icon-container" }, dismissible && (hAsync("ic-button", { key: 'd9268c63861f40c897da738994cc35cae1244546', class: {
4099
- ["svg-container"]: true,
4100
- ["dismiss-icon"]: true,
4101
- }, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", theme: "dark", title: "Dismiss" })))))));
4124
+ };
4125
+ if (variant === "neutral") {
4126
+ if (isSlotUsed$1(this.el, "neutral-icon")) {
4127
+ return (hAsync("div", { class: iconClass }, hAsync("slot", { name: "neutral-icon" })));
4128
+ }
4129
+ else if (!showDefaultIcon) {
4130
+ return hAsync("div", { class: "icon-placeholder" });
4131
+ }
4132
+ }
4133
+ return (hAsync("span", { class: iconClass, innerHTML: VARIANT_ICONS[variant].icon }));
4134
+ };
4135
+ return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
4136
+ [`ic-theme-${theme}`]: theme !== "inherit",
4137
+ } }, hAsync("div", { class: { container: true, [`container-${variant}`]: true } }, hAsync("div", { class: "alert-icon-container" }, hAsync("div", { class: { divider: true, [`divider-${variant}`]: true } }), hAsync(Icon, null)), hAsync("div", { class: "alert-content" }, hAsync("div", { class: {
4138
+ "alert-message": true,
4139
+ "alert-message-title-above": titleAbove || alertTitleWrap,
4140
+ }, ref: (el) => (this.messageEl = el) }, heading && (hAsync("ic-typography", { class: {
4141
+ "alert-title": true,
4142
+ "alert-title-above": titleAbove || alertTitleWrap,
4143
+ }, variant: "subtitle-large", ref: (el) => (this.titleEl = el) }, hAsync("p", null, heading))), hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message))), isSlotUsed$1(this.el, "action") && (hAsync("div", { class: "alert-action-container" }, hAsync("slot", { name: "action" })))), hAsync("div", { class: "dismiss-icon-container" }, dismissible && (hAsync("ic-button", { class: { "svg-container": true, "dismiss-icon": true }, innerHTML: closeIcon, onClick: dismissAction, variant: "icon", theme: "dark", title: "Dismiss" })))))));
4102
4144
  }
4103
4145
  get el() { return getElement(this); }
4146
+ static get watchers() { return {
4147
+ "theme": ["themeChangeHandler"]
4148
+ }; }
4104
4149
  static get style() { return IcAlertStyle0; }
4105
4150
  static get cmpMeta() { return {
4106
4151
  "$flags$": 9,
@@ -4117,7 +4162,7 @@ class Alert {
4117
4162
  "alertTitleWrap": [32],
4118
4163
  "visible": [32]
4119
4164
  },
4120
- "$listeners$": [[2, "icDismiss", "handleClick"]],
4165
+ "$listeners$": [[2, "icDismiss", "handleClick"], [6, "icThemeChange", "darkModeChangeHandler"]],
4121
4166
  "$lazyBundleId$": "-",
4122
4167
  "$attrsToReflect$": []
4123
4168
  }; }
@@ -4262,15 +4307,15 @@ class BackToTop {
4262
4307
  const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
4263
4308
  const size = variant === "icon" ? "large" : "medium";
4264
4309
  const label = variant === "icon" ? "" : backToTopLabel;
4265
- return (hAsync(Host, { key: '38b224538ee269a88ce0dfe19938bd795ce2e9f3', class: {
4310
+ return (hAsync(Host, { key: '81025a66bc45c55d0caa94c0cd649ce2dfb7eb7c', class: {
4266
4311
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
4267
4312
  [`ic-back-to-top-${this.position}`]: true,
4268
- } }, hAsync("ic-button", { key: '86a2e578c5241853c2ce446a6c08bbac77041b1b', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4313
+ } }, hAsync("ic-button", { key: '9855a53f4ea50219ba19022a5873b004704bf3a0', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4269
4314
  ["offset-banner"]: bannerOffset,
4270
4315
  ["show"]: !targetElVisible,
4271
4316
  ["by-footer"]: footerVisible,
4272
4317
  ["icon-only"]: variant === "icon",
4273
- }, theme: this.theme }, hAsync("span", { key: '7405853ed5bb0e807e4bc0c8f1d4797ec51f5900', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4318
+ }, theme: this.theme }, hAsync("span", { key: '726b1b15f1e9168e9bb7826451357f6f559efa02', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4274
4319
  }
4275
4320
  static get delegatesFocus() { return true; }
4276
4321
  get el() { return getElement(this); }
@@ -4299,15 +4344,17 @@ class BackToTop {
4299
4344
  const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
4300
4345
  var IcBadgeStyle0 = icBadgeCss;
4301
4346
 
4302
- const NAVIGATION_BUTTON = "IC-NAVIGATION-BUTTON";
4303
4347
  const TOP_NAVIGATION = "IC-TOP-NAVIGATION";
4348
+ const SIDE_NAVIGATION = "IC-SIDE-NAVIGATION";
4304
4349
  /**
4305
4350
  * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.
4306
4351
  */
4307
4352
  class Badge {
4308
4353
  constructor(hostRef) {
4309
4354
  registerInstance(this, hostRef);
4355
+ var _a;
4310
4356
  this.ariaLabel = null;
4357
+ this.initialPosition = (_a = this.position) !== null && _a !== void 0 ? _a : "far";
4311
4358
  /**
4312
4359
  * The positioning of the badge in reference to the parent element.
4313
4360
  */
@@ -4367,20 +4414,41 @@ class Badge {
4367
4414
  }
4368
4415
  };
4369
4416
  this.setPositionInTopNavigation = () => {
4370
- var _a;
4371
- const parentTopNavEl = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
4372
- (parentTopNavEl === null || parentTopNavEl === void 0 ? void 0 : parentTopNavEl.classList.contains("mobile-mode"))
4373
- ? (this.position = "inline")
4374
- : (this.position = "near");
4417
+ this.position = this.isInMobileMode() ? "inline" : this.initialPosition;
4418
+ };
4419
+ this.setPositionInSideNavigation = () => {
4420
+ this.position = "near";
4375
4421
  };
4376
4422
  this.isInTopNav = () => {
4377
4423
  const parentEl = this.el.parentElement;
4378
- if (parentEl) {
4379
- const grandparentEl = parentEl === null || parentEl === void 0 ? void 0 : parentEl.parentElement;
4380
- return ((parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === NAVIGATION_BUTTON &&
4381
- (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION);
4382
- }
4383
- return false;
4424
+ if (!parentEl)
4425
+ return false;
4426
+ const grandparentEl = parentEl.parentElement;
4427
+ const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;
4428
+ return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||
4429
+ (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION);
4430
+ };
4431
+ this.isInSideNav = () => {
4432
+ const parentEl = this.el.parentElement;
4433
+ if (!parentEl)
4434
+ return false;
4435
+ const grandparentEl = parentEl.parentElement;
4436
+ const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;
4437
+ return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION ||
4438
+ (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION);
4439
+ };
4440
+ this.isInMobileMode = () => {
4441
+ const parentEl = this.el.parentElement;
4442
+ if (!parentEl)
4443
+ return false;
4444
+ const grandparentEl = parentEl.parentElement;
4445
+ const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;
4446
+ return ((((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||
4447
+ (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION) &&
4448
+ grandparentEl.classList.contains("mobile-mode")) ||
4449
+ (((greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION ||
4450
+ (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION) &&
4451
+ greatGrandparentEl.classList.contains("mobile-mode")));
4384
4452
  };
4385
4453
  this.isAccessibleLabelDefined = () => isPropDefined$1(this.accessibleLabel) && this.accessibleLabel !== null;
4386
4454
  }
@@ -4412,16 +4480,17 @@ class Badge {
4412
4480
  }
4413
4481
  componentWillRender() {
4414
4482
  this.isInTopNav() && this.setPositionInTopNavigation();
4483
+ this.isInSideNav() && this.setPositionInSideNavigation();
4415
4484
  }
4416
4485
  navBarMenuOpenHandler() {
4417
4486
  this.isInTopNav() && (this.position = "inline");
4418
4487
  }
4419
4488
  navBarMenuCloseHandler() {
4420
- this.isInTopNav() && (this.position = "near");
4489
+ this.isInTopNav() && (this.position = this.initialPosition);
4421
4490
  }
4422
4491
  render() {
4423
4492
  const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
4424
- return (hAsync(Host, { key: '26e06624cc8ed1a263175e7c037413ce8b69827c', class: {
4493
+ return (hAsync(Host, { key: 'c55c73aa83e0b1612a0545696091955c110f28b3', class: {
4425
4494
  [`ic-badge-${position}`]: true,
4426
4495
  [`ic-badge-${size}`]: true,
4427
4496
  [`ic-badge-${variant}`]: true,
@@ -4429,7 +4498,7 @@ class Badge {
4429
4498
  [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
4430
4499
  [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
4431
4500
  [`ic-theme-${theme}`]: theme !== "inherit",
4432
- }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: 'f646ef81ef5a7e7955d59f5497ed268a6a44ed87', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'd8b61345c30c6efcf7111684996b2a52ed611d97', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: 'a50bb809ae2088b20064f006e3917cc16c052038', class: "sr-only" }, "badge")));
4501
+ }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '69638833e6ac739848e645fa22f2732326fe24fe', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: '841ec60f30d95c32c30e29c533157fdf199bdb2d', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '9d1198260090039de3093bf0fa191ff09cfd0408', class: "sr-only" }, "badge")));
4433
4502
  }
4434
4503
  static get delegatesFocus() { return true; }
4435
4504
  get el() { return getElement(this); }
@@ -4575,11 +4644,11 @@ class Breadcrumb {
4575
4644
  const describedById = `${pageTitle && pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
4576
4645
  const hasPageTitle = pageTitle !== null && isPropDefined$1(pageTitle) && pageTitle !== "";
4577
4646
  const hasHref = href !== null && isPropDefined$1(href) && href !== "";
4578
- return (hAsync(Host, { key: 'ec05cf0666fe3145ec70109bdd80987666520583', class: {
4647
+ return (hAsync(Host, { key: '29422d3d1b30d190d6233a644ad70df833478edd', class: {
4579
4648
  "ic-breadcrumb-back": !!this.showBackIcon,
4580
4649
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
4581
4650
  "ic-breadcrumb-monochrome": !!this.monochrome,
4582
- }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: 'e3bc601db155acfd4e14102b0599416007152fb1', class: "breadcrumb" }, hAsync("span", { key: 'fa88e451ad018ab3af5da63f3f9072b1a5d61856', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), this.showBackIcon && describedById && (hAsync("span", { key: '30c614b37073b3f6f9d371c0760047924962cacc', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), hasPageTitle && hasHref ? (this.renderDefaultBreadcrumb(!!current, pageTitle, describedById, href)) : (hAsync("div", { class: "slotted-link-container" }, this.showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))))));
4651
+ }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '1f8c4f0fca86a3d08df82674e33cabe7419f7616', class: "breadcrumb" }, hAsync("span", { key: '9761c21d30b9e55e8cf5d3517ada73fa4d73710b', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), this.showBackIcon && describedById && (hAsync("span", { key: 'ad6be34d684a28dd063895c73f35ed65a3741dc9', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), hasPageTitle && hasHref ? (this.renderDefaultBreadcrumb(!!current, pageTitle, describedById, href)) : (hAsync("div", { class: "slotted-link-container" }, this.showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))))));
4583
4652
  }
4584
4653
  static get delegatesFocus() { return true; }
4585
4654
  get el() { return getElement(this); }
@@ -4841,11 +4910,11 @@ class BreadcrumbGroup {
4841
4910
  this.collapsedBreadcrumbEl.removeEventListener("click", this.clickHandler);
4842
4911
  }
4843
4912
  render() {
4844
- return (hAsync(Host, { key: 'aeb0ffb06d519727c806ff53ca569fb3f5e89f45', class: {
4913
+ return (hAsync(Host, { key: 'b505c4bef9ebc23c7f77b21f77f9db5975d0eea1', class: {
4845
4914
  "ic-breadcrumb-group-back": !!this.backBreadcrumbOnly,
4846
4915
  "ic-breadcrumb-group-collapsed": !!this.collapsed,
4847
4916
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
4848
- } }, hAsync("nav", { key: 'c5b6ceb2ecbcd99f331981ed7d41d8f65929484b', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '6204a3fc1a832524efd7f18e7b3ddcc7e26c0fa4' }, hAsync("slot", { key: 'd43502ff8a825c31983b661d4221b610aaad5d94' })))));
4917
+ } }, hAsync("nav", { key: 'ec1db09900bbff5be1e7f2e83518834a0eb0ff22', "aria-label": "breadcrumbs" }, hAsync("ol", { key: 'b13e6daeefb0e4d1785221249f4d38bf3f207922' }, hAsync("slot", { key: 'b33ff6c552a6f7251afeb6a804b4761e0febe198' })))));
4849
4918
  }
4850
4919
  get el() { return getElement(this); }
4851
4920
  static get watchers() { return {
@@ -4876,7 +4945,7 @@ var arrowDropdown$1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
4876
4945
  <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
4877
4946
  </svg>`;
4878
4947
 
4879
- const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-active\n )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover-dark\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed-dark\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
4948
+ const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-active\n )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover-dark\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed-dark\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
4880
4949
  var IcButtonStyle0 = icButtonCss;
4881
4950
 
4882
4951
  var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
@@ -5355,7 +5424,7 @@ const IC_BLOCK_COLOR_COMPONENTS = [
5355
5424
  ];
5356
5425
  const IC_FIXED_COLOR_COMPONENTS = ["ic-alert"];
5357
5426
  const IC_BLOCK_COLOR_EXCEPTIONS = {
5358
- "ic-alert": ["ic-link"],
5427
+ "ic-alert": ["ic-link", "ic-button"],
5359
5428
  };
5360
5429
 
5361
5430
  var IcInformationStatus;
@@ -5421,6 +5490,8 @@ var IcWeekDays;
5421
5490
  * IcColorRGBA works via @ukic/web-components but IcBrandForegroundEnum does not even though they are exported
5422
5491
  * from @ukic/web-components in the same file. Why?
5423
5492
  */
5493
+ const icInput = "ic-input";
5494
+ const linkIcInput = "input.ic-input";
5424
5495
  /**
5425
5496
  * converts an enum of strings into an array of strings
5426
5497
  */
@@ -5456,17 +5527,17 @@ const dynamicDebounce = (func, getDelay) => {
5456
5527
  */
5457
5528
  const renderHiddenInput = (always, container, name, value, disabled) => {
5458
5529
  if (name !== undefined && (always || hasShadowDom(container))) {
5459
- const inputs = container.querySelectorAll("input.ic-input");
5530
+ const inputs = container.querySelectorAll(linkIcInput);
5460
5531
  const inputEls = Array.from(inputs);
5461
5532
  const filtered = inputEls.filter((el) => container === el.parentElement);
5462
5533
  let input = filtered[0];
5463
5534
  if (input === null || input === undefined) {
5464
5535
  input = container.ownerDocument.createElement("input");
5465
5536
  input.type = "hidden";
5466
- input.classList.add("ic-input");
5537
+ input.classList.add(icInput);
5467
5538
  container.appendChild(input);
5468
5539
  }
5469
- input.disabled = disabled;
5540
+ input.disabled = !!disabled;
5470
5541
  input.name = name;
5471
5542
  if (value instanceof Date) {
5472
5543
  input.value = value ? value.toISOString() : "";
@@ -5476,6 +5547,10 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
5476
5547
  }
5477
5548
  }
5478
5549
  };
5550
+ const hasShadowDom = (el) => el ? !!el.shadowRoot && !!el.attachShadow : false;
5551
+ const getInputHelperTextID = (id) => id + "-helper-text";
5552
+ const getInputValidationTextID = (id) => id + "-validation-text";
5553
+ const getInputDescribedByText = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID(inputId) : ""} ${validationText ? getInputValidationTextID(inputId) : ""}`.trim();
5479
5554
  /**
5480
5555
  * This method helps to understand the context in which a component exists,
5481
5556
  * to assist with choosing appropriate foreground colours to use. For example,
@@ -5494,7 +5569,7 @@ const getBrandFromContext = (el, brandFromEvent = null) => {
5494
5569
  const blockColorParent = parentElement === null || parentElement === void 0 ? void 0 : parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
5495
5570
  // If within a block color component
5496
5571
  if (blockColorParent) {
5497
- const parentTag = blockColorParent === null || blockColorParent === void 0 ? void 0 : blockColorParent.tagName.toLowerCase();
5572
+ const parentTag = blockColorParent.tagName.toLowerCase();
5498
5573
  const currentTag = el.tagName.toLowerCase();
5499
5574
  if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
5500
5575
  return IcBrandForegroundEnum.Default;
@@ -5503,7 +5578,8 @@ const getBrandFromContext = (el, brandFromEvent = null) => {
5503
5578
  !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)) {
5504
5579
  return brandFromEvent;
5505
5580
  }
5506
- else if (blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {
5581
+ else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum.Dark}`) ||
5582
+ blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {
5507
5583
  return IcBrandForegroundEnum.Dark;
5508
5584
  }
5509
5585
  return IcBrandForegroundEnum.Light;
@@ -5552,34 +5628,21 @@ const DEVICE_SIZES = {
5552
5628
  XL: Number(getCssProperty("--ic-breakpoint-xl").replace("px", "")), // 1200
5553
5629
  UNDEFINED: 1200,
5554
5630
  };
5555
- const isSlotUsed = (element, slotName) => Array.from(element.children).some((child) => child.getAttribute("slot") === slotName);
5556
- const hasShadowDom = (el) => !!el.shadowRoot && !!el.attachShadow;
5557
- const getInputHelperTextID = (id) => id + "-helper-text";
5558
- const getInputValidationTextID = (id) => id + "-validation-text";
5559
- const getInputDescribedByText = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID(inputId) : ""} ${validationText ? getInputValidationTextID(inputId) : ""}`.trim();
5560
- const pxToRem = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
5561
- const isNumeric = (value) => {
5562
- return /^-?\d+$/.test(value);
5563
- };
5631
+ const isSlotUsed = ({ children }, slotName) => Array.from(children).some((child) => child.getAttribute("slot") === slotName);
5564
5632
  const onComponentRequiredPropUndefined = (props, component) => {
5565
- for (let i = 0; i < props.length; i++) {
5566
- const { prop, propName } = props[i];
5633
+ props.forEach(({ prop, propName }) => {
5567
5634
  if (prop === null || prop === undefined) {
5568
5635
  console.error(`No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(propName)}' (react) required`);
5569
5636
  }
5570
- }
5571
- };
5572
- const kebabToCamelCase = (kebabCase) => {
5573
- kebabCase = kebabCase.toLowerCase();
5574
- const individualWords = kebabCase.split("-");
5575
- let camelCase = individualWords[0];
5576
- for (let i = 1; i < individualWords.length; i++) {
5577
- camelCase +=
5578
- individualWords[i].substring(0, 1).toUpperCase() +
5579
- individualWords[i].substring(1);
5580
- }
5581
- return camelCase;
5637
+ });
5582
5638
  };
5639
+ const kebabToCamelCase = (kebabCase) => kebabCase
5640
+ .toLowerCase()
5641
+ .split("-")
5642
+ .map((word, index) => index === 0
5643
+ ? word
5644
+ : `${word.substring(0, 1).toUpperCase()}${word.substring(1)}`)
5645
+ .join("");
5583
5646
  const checkResizeObserver = (callbackFn) => {
5584
5647
  if (typeof window !== "undefined" &&
5585
5648
  typeof window.ResizeObserver !== "undefined") {
@@ -5594,14 +5657,18 @@ const removeFormResetListener = (el, callbackFn) => {
5594
5657
  var _a;
5595
5658
  (_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
5596
5659
  };
5660
+ const pxToRem = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
5661
+ /**
5662
+ * Removes the disabled attribute from the provided element when its value is set to false.
5663
+ * This effectively makes it null, to not confuse screen readers that cannot interpret the false value
5664
+ */
5597
5665
  const removeDisabledFalse = (disabled, element) => {
5598
5666
  if (!disabled) {
5599
5667
  element.removeAttribute("disabled");
5600
5668
  }
5601
5669
  };
5602
- const capitalize = (text) => {
5603
- return text.charAt(0).toUpperCase() + text.slice(1);
5604
- };
5670
+ const isNumeric = (value) => /^-?\d+$/.test(value);
5671
+ const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
5605
5672
  const checkSlotInChildMutations = (addedNodes, removedNodes, slotName) => {
5606
5673
  const hasSlot = (nodeList) => Array.from(nodeList).some((node) => Array.isArray(slotName)
5607
5674
  ? slotName.some((name) => node.slot === name)
@@ -5800,7 +5867,7 @@ class Card {
5800
5867
  }; }
5801
5868
  }
5802
5869
 
5803
- const icCardVerticalCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n";
5870
+ const icCardVerticalCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n\n &.fullwidth {\n width: 100%;\n }\n\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n .card-title {\n text-decoration: none;\n }\n }\n\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n margin-bottom: var(--ic-space-xxs);\n }\n .interaction-button,\n .icon {\n margin-bottom: var(--ic-space-xxs);\n }\n }\n\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: 0 !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0.25rem !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n";
5804
5871
  var IcCardVerticalStyle0 = icCardVerticalCss;
5805
5872
 
5806
5873
  /**
@@ -5952,19 +6019,19 @@ class CardVertical {
5952
6019
  rel: rel,
5953
6020
  target: target,
5954
6021
  };
5955
- return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
6022
+ return (hAsync(Host, { key: '77eb6d8d39531f4eb5436fd03c38b1d4a8e4e14e', class: {
5956
6023
  [`ic-theme-${theme}`]: theme !== "inherit",
5957
- } }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
6024
+ } }, hAsync(Component, Object.assign({ key: 'f602be4f06734c5fdca62b0f738b02f81988a823', class: {
5958
6025
  card: true,
5959
6026
  clickable: !!clickable && !disabled,
5960
6027
  disabled: !!disabled,
5961
6028
  fullwidth: !!fullWidth,
5962
6029
  focussed: isFocussed,
5963
6030
  monochrome: monochrome,
5964
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(this.el, "image-top") && (hAsync("div", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: "image-top" }, hAsync("slot", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: "image-top" }))), hAsync("div", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: "card-header" }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: "icon" }, hAsync("slot", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: "icon" }))), hAsync("div", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: "card-title" }, hAsync("slot", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: "heading" }, hAsync("ic-typography", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: "h4" }, hAsync("p", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed$1(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed$1(this.el, "subheading")) && (hAsync("div", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: "subheading" }, hAsync("slot", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: "subheading" }, hAsync("ic-typography", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: "subtitle-small" }, subheading)))), isSlotUsed$1(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed$1(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed$1(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed$1(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed$1(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: "interaction-area" }, hAsync("div", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: "interaction-controls" }, hAsync("slot", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {
6031
+ }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(this.el, "image-top") && (hAsync("div", { key: 'e317b5bb6cac2055d7a3d0e1954e7ac77d162525', class: "image-top" }, hAsync("slot", { key: 'e26132f7a4c806f24dce618be1a9b442b6b5caba', name: "image-top" }))), hAsync("div", { key: '6a0efc36b72278004600f4340569c6f8dc8d11ca', class: "card-header" }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: '837470df831d655b61bc10f5b83efd02d548a017', class: "icon" }, hAsync("slot", { key: '57a32c1e3fc6ad4739c187ebe9c8ff587c9d59f6', name: "icon" }))), hAsync("div", { key: '06a198599be0ce2c5bda505b73fedc2d6d27f8e6', class: "card-title" }, hAsync("slot", { key: '8e62184408b3887c340e0adb9f26b3b0a76cd287', name: "heading" }, hAsync("ic-typography", { key: '440fe573c8ef9b176e449a10c802c1648d818337', variant: "h4" }, hAsync("p", { key: '82ea89e26ecc579d6cdc4a153fbb25025906c018' }, heading)))), isSlotUsed$1(this.el, "interaction-button") && (hAsync("div", { key: '6196db67571d24d6a2e45834e00fc44745613a10', class: "interaction-button" }, hAsync("slot", { key: 'b8a64955d174b510f59c6425fd40c10c042a8d26', name: "interaction-button" })))), (subheading || isSlotUsed$1(this.el, "subheading")) && (hAsync("div", { key: '55de98b4c457eb503ee3b6a45eaccff3dc5d9d0c', class: "subheading" }, hAsync("slot", { key: '4560efc9da8eef089edd648f38668bb21c6ca4b6', name: "subheading" }, hAsync("ic-typography", { key: 'b24a33d8d94f2c910a64d866f4da1664f6ff10a3', variant: "subtitle-small" }, subheading)))), isSlotUsed$1(this.el, "adornment") && (hAsync("div", { key: '6766128835ebd7944b228ef4a70b47af7aa46658', class: "adornment" }, hAsync("slot", { key: '9aa586884ad3a69c936a9ff7c831f13afb63696e', name: "adornment" }))), isSlotUsed$1(this.el, "image-mid") && (hAsync("div", { key: 'e0b686295c0b455b1a33bb9dba1d16d973101b6c', class: "image-mid" }, hAsync("slot", { key: '581dada577f03ff0c5c17d9e55d69124b71fbe96', name: "image-mid" }))), (message || isSlotUsed$1(this.el, "message")) && (hAsync("div", { key: '26616626b87d6c5a36705aba4de57b8ec9b68c88', class: "card-message" }, message && (hAsync("ic-typography", { key: 'bc14188c6005720fe4412ba375b7044f851bbcb3', variant: "body" }, message)), isSlotUsed$1(this.el, "message") && hAsync("slot", { key: '6d5a43f06888b83703c33b41555676ccad3a8aaa', name: "message" }))), (isSlotUsed$1(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '7896f819a4caf027eb0e883875b4a4a1ee4174da', class: "interaction-area" }, hAsync("div", { key: '4109dcf04ac202f9e8ba1568c96e1acd7c7675fb', class: "interaction-controls" }, hAsync("slot", { key: '42f5ba00458637177e62621852ecad1e974dd209', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'd4049e70edb1f6618d2f394e4f5c4f78a38b2cef', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: 'eb6363669ab6002ffe50fb8ea81fca63790781fb', class: {
5965
6032
  "toggle-button": true,
5966
6033
  [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
5967
- }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
6034
+ }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '54cf44b01090436c67a2dfa3b1265e924a3142b8', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '5cc85bf2a225f6a6f1d7436f9086a5d43bf43ddf', name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '20734165707440fc4ed806a179c0b7c249cd1dcf', name: "badge" }))));
5968
6035
  }
5969
6036
  get el() { return getElement(this); }
5970
6037
  static get watchers() { return {
@@ -6001,7 +6068,7 @@ class CardVertical {
6001
6068
  }; }
6002
6069
  }
6003
6070
 
6004
- const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
6071
+ const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
6005
6072
  var IcCheckboxStyle0 = icCheckboxCss;
6006
6073
 
6007
6074
  /**
@@ -6115,17 +6182,17 @@ class Checkbox {
6115
6182
  checked
6116
6183
  ? renderHiddenInput$1(true, el, name, checked && value, disabled)
6117
6184
  : removeHiddenInput(el);
6118
- return (hAsync(Host, { key: '657eacf1576a595f2a7078cf14a07e39603ddaec', class: {
6185
+ return (hAsync(Host, { key: '1b4f1fd6e5e8848ef63134541cbc314fe5976b2b', class: {
6119
6186
  "ic-checkbox-disabled": !!disabled,
6120
6187
  [`ic-checkbox-${size || parentElementSize}`]: true,
6121
6188
  [`ic-theme-${theme}`]: theme !== "inherit",
6122
- } }, hAsync("div", { key: '2f9ab7ae4fa7adfca5d9143821d6baae03492562', class: "container" }, displayIndeterminate && hAsync("div", { key: 'c04e36e2ff4b15d96a6a1bf204e0ae9c57f2d3e3', class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { key: '48b5e0da871b6cec1667c022027bf8cdea1fcc15', class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", { key: 'bf871a24d38ddeeb0b23a7cae6c65982ae69fc6a' }, "checkmark icon"), hAsync("path", { key: 'ad9b4ee3132636a9a938fabc072796f2820df63f', d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { key: '262d0be4ec5ed6e7f7ac701f8b8800f1fbd91825', role: "checkbox", class: {
6189
+ } }, hAsync("div", { key: '3ec8b6cc45dcf275c6340c2d7321e335c9383ac5', class: "container" }, displayIndeterminate && hAsync("div", { key: 'd38202c75ef2f3a90a8b57efcb4030fc222e1038', class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { key: '134ea738eb2858a4a27ed8792edb7668790d59a7', class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", { key: 'e8113684e52bb9e6b66200886a8aef0e4eeeaf28' }, "checkmark icon"), hAsync("path", { key: '342f98d89977388cfabb77fdf08cb4ecb7d7cc14', d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { key: '1b0ad31864fc8d7b7d40bc50e975162cf387ae01', role: "checkbox", class: {
6123
6190
  checkbox: true,
6124
6191
  checked: !!checked,
6125
6192
  indeterminate: !!displayIndeterminate,
6126
- }, type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, "aria-label": this.hideLabel ? this.label : undefined }), !this.hideLabel && (hAsync("ic-typography", { key: 'e52458082502589354a8e1b5a9b975629ddd22a8', class: "checkbox-label", variant: "body" }, hAsync("label", { key: 'e7099f15c2055bffb2b4c79a2e579731bfb4f517', htmlFor: id }, label)))), isSlotUsed$1(el, "additional-field") && (hAsync("div", { key: '87c419e79ece414a7ffe59f91442fd8ac7c5e570', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'dedde96cef590e12940cd60878d80121df0f7dd8', class: "branch-corner" })), hAsync("div", { key: 'fec451e9f5705f32fc6c0083f9b2c924940a2c18' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '477d00ba3c2249c0cbaef7240ecdaddb59fde9fc', variant: "caption" }, hAsync("p", { key: 'a95ddf7079b19b3f6adb5855a5ed334cc35b5dcc', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), hAsync("div", { key: '4663bb912a77f3abb675959e37b58026aaba522d', class: {
6193
+ }, type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, "aria-label": this.hideLabel ? this.label : undefined }), !this.hideLabel && (hAsync("ic-typography", { key: '4e0aacf944928ed74162bb779ea2aa7f69cfd88d', class: "checkbox-label", variant: "body" }, hAsync("label", { key: 'cd6a349ecf42e327806161ff4eb38680a4b9d91b', htmlFor: id }, label)))), isSlotUsed$1(el, "additional-field") && (hAsync("div", { key: 'd658a44ea59a92e254ec4d5e097b43205c81d06a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'ed31c233420f6f8c88951e7d208c7bcc418d382a', class: "branch-corner" })), hAsync("div", { key: '9cffdb6170b03336348940da135cb8c686235610' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'c6b1518d6f7641afaba0befc8de0a8ccb23cc7e9', variant: "caption" }, hAsync("p", { key: '931a9b34320375e0ff79014aa9ae4e9100a3c860', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), hAsync("div", { key: '1d1034308c125fd0ec86a5bcfe91103742141b8c', class: {
6127
6194
  "additional-field-wrapper": additionalFieldDisplay === "static",
6128
- } }, hAsync("slot", { key: 'fe74a16f4fd159051e7a0f73893dfc77f39c45d7', name: "additional-field" })))))));
6195
+ } }, hAsync("slot", { key: '6b3c352f0fb38399cfdea480687fc69d39358e7a', name: "additional-field" })))))));
6129
6196
  }
6130
6197
  static get delegatesFocus() { return true; }
6131
6198
  get el() { return getElement(this); }
@@ -6256,13 +6323,13 @@ class CheckboxGroup {
6256
6323
  render() {
6257
6324
  const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
6258
6325
  const describedBy = getInputDescribedByText$1(name, helperText !== "", validationStatus !== "");
6259
- return (hAsync(Host, { key: '152df45d817eabf2500dca22ab8e6da41014ffff', class: {
6326
+ return (hAsync(Host, { key: '9b8f671f38c8f92faee8e11760f8a0cd134b1073', class: {
6260
6327
  [`ic-checkbox-group-${size}`]: true,
6261
6328
  [`ic-checkbox-group-disabled`]: !!disabled,
6262
6329
  [`ic-theme-${theme}`]: theme !== "inherit",
6263
- } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { key: '75545ad8c0f523678c4e807997b883f02886e5d8', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: 'c5b762a9785cb74b103c4d9b2cfb370402474682', id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
6330
+ } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { key: '2946ec438a1086a641cd0116468cfa5d765388ac', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '9a55837be6b839d11d555a5434f1ce1bc20fb2c9', id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
6264
6331
  ? "screenReaderOnlyText"
6265
- : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: 'f8130ee3075ff8015cdfcd9707c2ca69e572861e' }, hAsync("ic-input-label", { key: '114c01d4dcedb30e1561b24f7a42984a644eee30', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: 'c9487637c6f2a8cc8e6bc585d2558602395fdcb7', class: "checkboxes-container" }, hAsync("slot", { key: '6966041e052295547e9046f617df2446f8b02612' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '4a1c97011b1802d53478e30cfa877002cbf63df9', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
6332
+ : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '4fb8b826e1bcd293c7952ecce033758f0cd16cc3' }, hAsync("ic-input-label", { key: 'c2e149bd304c9722fa874d489f0ed5141ce216fc', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: 'af7929cc1b1aa0cb68a4c154c2847d0eb1486726', class: "checkboxes-container" }, hAsync("slot", { key: 'da09cbc97224437899f4fd0ed9c9b79149b76963' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '2187e8455d81cfda15f962182f12c17180bba4c8', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
6266
6333
  }
6267
6334
  get el() { return getElement(this); }
6268
6335
  static get watchers() { return {
@@ -6396,10 +6463,10 @@ class Chip {
6396
6463
  }
6397
6464
  render() {
6398
6465
  const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;
6399
- return (hAsync(Host, { key: 'e76862f8ec45a627310e1320428233ce991b369f', class: {
6466
+ return (hAsync(Host, { key: '1b4360dcf0ba51576a0ee9d58d65913df020f369', class: {
6400
6467
  [`ic-theme-${theme}`]: theme !== "inherit",
6401
6468
  [`${customColorClass}`]: variant === "filled" && customColorClass !== "",
6402
- } }, visible && (hAsync("div", { key: 'bd989ab476ed0b9d2e70d3fb9bb6975d2a27269e', class: {
6469
+ } }, visible && (hAsync("div", { key: '8c1f8604092bf2f2339c30b3dfb4a1ea7c39dbeb', class: {
6403
6470
  chip: true,
6404
6471
  [`${variant}`]: true,
6405
6472
  [`${size}`]: true,
@@ -6407,7 +6474,7 @@ class Chip {
6407
6474
  dismissible: !!dismissible,
6408
6475
  hovered,
6409
6476
  "non-transparent": this.variant === "outlined" && !this.transparentBackground,
6410
- } }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: '8cded614ffc6bc56f3d088566b78649937db654e', class: "icon" }, hAsync("slot", { key: '57c1b05d001b05cede1c7e303e1dd5fed3821960', name: "icon" }))), hAsync("ic-typography", { key: 'fb029ac73db85d215daea22076556af4b8defb58', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", { key: '4a72a0de18f081bae539218685a2f5146faf6327' }, label)), dismissible && (hAsync("ic-tooltip", { key: '80235dea1c088c1b69d17f8b70b67b656488f8c0', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": !!disabled } }, hAsync("button", { key: '280bebf2c76b393684c52bf6df60ea460ef16e6a', id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '10a315b184301ddca25290d5ad216744ad6a2a72', name: "badge" })))));
6477
+ } }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: '52ac64960f90b3b68208ec75e69e208be58f3eb4', class: "icon" }, hAsync("slot", { key: '142815de4c40164de8ec4a851be5d686a927b4be', name: "icon" }))), hAsync("ic-typography", { key: '1e1e9db4c315555021f139dad5569555ec9c3aee', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", { key: '62498dfec69836cb26e3ae48d309f3b83e28c480' }, label)), dismissible && (hAsync("ic-tooltip", { key: '188618ceeae1160eaba1a4b54c82e8855b1c52e4', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": !!disabled } }, hAsync("button", { key: '851b349f8928a4f09e0d78a743ef781209d6b0d8', id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'b43d3e23d56d14044056537d89732d4d07eb2b30', name: "badge" })))));
6411
6478
  }
6412
6479
  static get delegatesFocus() { return true; }
6413
6480
  get el() { return getElement(this); }
@@ -6485,10 +6552,10 @@ class ClassificationBanner {
6485
6552
  if (!classification ||
6486
6553
  (classification && !classificationText[classification]))
6487
6554
  classification = "default";
6488
- return (hAsync(Host, { key: 'cee7ae1c9cdc1c2bab384918876cde5572405b06', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '18350307e272673d4d67e4f4fb22ebbf20081269', "aria-label": "Protective marking", class: {
6555
+ return (hAsync(Host, { key: 'f30aac02756628e8538572d0b2cab67b0ffc4b75', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '5eda99cbdf376e20ad9ed03fc5c7fc515805c6da', "aria-label": "Protective marking", class: {
6489
6556
  ["classification-banner"]: true,
6490
6557
  [`${classification}`]: classification,
6491
- } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '82ce49bb6763c694396f92c67dfd28943280fd1e', variant: "caption-uppercase" }, classification === "default"
6558
+ } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '3f094aa6b0ed00ec4f70858a81a030b2599829f9', variant: "caption-uppercase" }, classification === "default"
6492
6559
  ? classificationText[classification]
6493
6560
  : `${upTo ? "up to" : ""}
6494
6561
  ${country}
@@ -6535,10 +6602,10 @@ class DataList {
6535
6602
  if (size === "small") {
6536
6603
  Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
6537
6604
  }
6538
- return (hAsync(Host, { key: 'c4a30c18b943f01381d09d12457c586fd010ee45', class: {
6605
+ return (hAsync(Host, { key: 'c66609f65612dca067e70b5762d7eeb797dd2121', class: {
6539
6606
  "ic-data-list-small": size === "small",
6540
6607
  [`ic-theme-${theme}`]: theme !== "inherit",
6541
- } }, hAsync("div", { key: '1b977ecea27c3b39fc27713c36c04fe3b4a7303e', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '85c36f6addbade62bf7b42c480c49f05881a95aa', name: "heading" }, hAsync("ic-typography", { key: '7b558c8390953166ebfe33c4b96704d1065a7557', variant: "h3" }, heading))), hAsync("div", { key: '26147d650228026e2650a24322ce251b09975a32', class: "divider" }), hAsync("ul", { key: '37bff4526101ecef5d5daa012625725d713f180d', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '8065217df655c40a888748fae7382b525e0fb047' }))));
6608
+ } }, hAsync("div", { key: '685663251c565cb665c03e9bd39e1d5b2f7ef73b', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: 'e81970054a2053f05f6c0ef378e2509bb602da65', name: "heading" }, hAsync("ic-typography", { key: '860b07bd25a11f7f6a938aab5cbae0c5802bea3e', variant: "h3" }, heading))), hAsync("div", { key: 'c004429938c7c71ac70ee106486f75193cffc2ca', class: "divider" }), hAsync("ul", { key: 'b9e010a5703ecaf75ce3b1cf396901b26618a34a', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '684b99425193c3a5e306b67e235b7d85e1802fce' }))));
6542
6609
  }
6543
6610
  get el() { return getElement(this); }
6544
6611
  static get style() { return IcDataListStyle0; }
@@ -6628,12 +6695,12 @@ class DataRow {
6628
6695
  }
6629
6696
  render() {
6630
6697
  const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
6631
- return (hAsync(Host, { key: '9d08ae62826d35bd401020ba98068b96c81f6fa5', class: {
6698
+ return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
6632
6699
  ["ic-data-row-small"]: size === "small",
6633
6700
  ["breakpoint-medium"]: listSize === "m",
6634
6701
  ["breakpoint-xs"]: listSize === "xs",
6635
6702
  [`ic-theme-${theme}`]: theme !== "inherit",
6636
- }, role: "listitem" }, hAsync("div", { key: 'ba92ceb189252d76f4ad43dca48b7092c9172a2e', class: "data" }, hAsync("div", { key: '29272fb6366444499d5e25864a81e64cc43c113c', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'fc83095282fc9e82d57edf8ee94b2d6fa3f48eb6', class: "end-component" }, hAsync("slot", { key: '8e55af6d6c919f89b4b780fe254371f77700debb', name: "end-component" })))), hAsync("div", { key: 'ab54a6f84262b3ccf9f351b37c71efaf6810344a', class: "divider" })));
6703
+ }, role: "listitem" }, hAsync("div", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: "end-component" }, hAsync("slot", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: "end-component" })))), hAsync("div", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: "divider" })));
6637
6704
  }
6638
6705
  get el() { return getElement(this); }
6639
6706
  static get style() { return IcDataRowStyle0; }
@@ -7095,21 +7162,21 @@ class DataTable {
7095
7162
  };
7096
7163
  this.createCells = (row, rowIndex) => {
7097
7164
  var _a;
7098
- const rowValues = Object.values(row);
7099
7165
  const rowKeys = Object.keys(row);
7100
- const rowOptions = this.getRowOptions(rowKeys, rowValues);
7166
+ const rowOptions = this.getObjectValue(row, "rowOptions");
7101
7167
  let rowAlignment;
7102
7168
  let rowEmphasis;
7103
- const headerIndex = rowKeys.indexOf("header");
7104
- if (headerIndex > -1) {
7105
- rowAlignment = this.getObjectValue(rowValues[headerIndex], "rowAlignment");
7106
- rowEmphasis = this.getObjectValue(rowValues[headerIndex], "emphasis");
7169
+ const rowHeader = this.getObjectValue(row, "header");
7170
+ if (rowHeader) {
7171
+ rowAlignment = this.getObjectValue(rowHeader, "rowAlignment");
7172
+ rowEmphasis = this.getObjectValue(rowHeader, "emphasis");
7107
7173
  }
7108
7174
  const variableRowHeightVal = (_a = this.variableRowHeight) === null || _a === void 0 ? void 0 : _a.call(this, Object.assign(Object.assign({}, row), { index: rowIndex }));
7109
7175
  const currentRowHeight = variableRowHeightVal
7110
7176
  ? variableRowHeightVal !== "auto" && variableRowHeightVal
7111
7177
  : this.globalRowHeight !== "auto" && this.globalRowHeight;
7112
- return rowValues.map((cell, index) => {
7178
+ return this.columns.map((columnName, index) => {
7179
+ const cell = this.getObjectValue(row, columnName["key"]);
7113
7180
  const columnProps = this.columns[index];
7114
7181
  const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
7115
7182
  const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
@@ -7892,10 +7959,6 @@ class DataTable {
7892
7959
  }
7893
7960
  (_c = this.loadingIndicator) === null || _c === void 0 ? void 0 : _c.classList.add("show");
7894
7961
  }
7895
- getRowOptions(rowKeys, rowValues) {
7896
- const rowOptionsIndex = rowKeys.indexOf("rowOptions");
7897
- return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];
7898
- }
7899
7962
  regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly) {
7900
7963
  // When sorting the table, instead of regenerating the tooltip,
7901
7964
  // the tooltip details are updated
@@ -7971,22 +8034,22 @@ class DataTable {
7971
8034
  ? "deselect all"
7972
8035
  : "select all remaining"
7973
8036
  : "select all";
7974
- return (hAsync(Host, { key: 'c70d98425c01e5f0d7b23d12a0a22fcde6bfa8aa', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'b7411965f1bd64038922da836d86791d9fce0766', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: 'de14d3c9613fc5f216f9318c8b584a4fe6d7d0b9', name: "title-bar" }), hAsync("div", { key: 'c28d8074bb81266c7104ce842b2ea0e415ea7576', class: {
8037
+ return (hAsync(Host, { key: '958fa1f6c94033432d7067e06019609fe7237d61', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '1329ca354856f1be45d497c8df2b07567cb4a55f', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: 'd77d48cef482df9b23bc8d3f16f0894219780c14', name: "title-bar" }), hAsync("div", { key: '0cd8afd1c902302c90f77e1993728b7e54414574', class: {
7975
8038
  ["table-row-container"]: true,
7976
8039
  scrollable,
7977
- }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: '283aac0915752eb13c7651fe2594cbbce7eb1164', style: {
8040
+ }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: 'af15b0a6fbf6450fbe94f257392747edfb7a412b', style: {
7978
8041
  "--table-layout": tableLayout,
7979
- } }, hAsync("caption", { key: '9d49941bb4a1f14337af61c35057895a32466c0e', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: '970d0ecda5d04b06b394f0f1cf1e58dfdd93660f', class: {
8042
+ } }, hAsync("caption", { key: 'd4398274b15ba603ced3de3e9df2dbeffae1c2ca', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'eb6aac42605c79cb005a06d0554ee2f5c9ef6674', class: {
7980
8043
  ["column-header-sticky"]: stickyColumnHeaders,
7981
8044
  ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
7982
- } }, hAsync("tr", { key: 'dd2b7e0e731a8652d726b98c4d4b53de1d4bc89a' }, rowSelection && data && (hAsync("th", { key: 'd1c97faa5830737aa4c9d7020b7bf89a2357d127', class: {
8045
+ } }, hAsync("tr", { key: 'c67498acd008ab42bcaf4f41b346dba60f438b6d' }, rowSelection && data && (hAsync("th", { key: 'd8be3faa102e4a75c0af65969a735bfb7f3ff90a', class: {
7983
8046
  "column-header": true,
7984
8047
  "checkbox-cell": true,
7985
8048
  "updating-state-headers": updating && !loading,
7986
8049
  [`table-density-${density}`]: this.notDefaultDensity(),
7987
- } }, hAsync("div", { key: '93aad327435bc6bc944fc3c7e141c0281beb421b', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: '9f984d73bf5172d756d1553c631a571adad238f6', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
8050
+ } }, hAsync("div", { key: '3cd44c2f9c8ea0ba0b057598c44f06d28dbcb068', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: '2d7d914b7d645b32018f8566af5f67f17161e808', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
7988
8051
  !loading &&
7989
- (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '3b3d4811530dabad832180f06631b32724b7c3c8', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: '4efe794f7f5e48ff1ad762780b5a8e3f291cb8f0', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: '2eadf2de56bcbccfdb70707846a5eaa920cba050', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
8052
+ (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '8f46c505248e1140a88b4eb5ae9151683f7a6f1e', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: 'f8e0b482ed9e3043273c82e032592a5d98309dec', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: 'd072129f3fc5a1cd678384466ed71ad56e838b65', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
7990
8053
  ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
7991
8054
  sortedColumn} sorted ${sortedColumnOrder}`
7992
8055
  : "table unsorted")))));
@@ -10666,7 +10729,7 @@ class DatePicker {
10666
10729
  }; }
10667
10730
  }
10668
10731
 
10669
- const icDialogCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){:host([size=\"large\"]) .dialog:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}";
10732
+ const icDialogCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){:host([size=\"large\"]) .dialog:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}";
10670
10733
  var IcDialogStyle0 = icDialogCss;
10671
10734
 
10672
10735
  /**
@@ -11007,7 +11070,7 @@ class Dialog {
11007
11070
  }
11008
11071
  render() {
11009
11072
  const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
11010
- return (hAsync(Host, { key: '2920aac3b3891cae0e6575c735e507c4c76752f9', class: {
11073
+ return (hAsync(Host, { key: '4bdf6778197f347e18d1c6d238db6e654672ea71', class: {
11011
11074
  "ic-dialog-hidden": !dialogRendered,
11012
11075
  "ic-dialog-fade-in": fadeIn,
11013
11076
  "disable-height-constraint": !!disableHeightConstraint,
@@ -11046,7 +11109,7 @@ class Dialog {
11046
11109
  }; }
11047
11110
  }
11048
11111
 
11049
- const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:transparent}}";
11112
+ const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center;max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:transparent}}";
11050
11113
  var IcDividerStyle0 = icDividerCss;
11051
11114
 
11052
11115
  class Divider {
@@ -11207,11 +11270,11 @@ class EmptyState {
11207
11270
  }
11208
11271
  render() {
11209
11272
  const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
11210
- return (hAsync(Host, { key: 'd8dbd02105f4b01a468436fd73ccd4ddec2a4cf1', class: {
11273
+ return (hAsync(Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {
11211
11274
  [`ic-empty-state-${aligned}`]: true,
11212
11275
  [`image-${imageSize}`]: isSlotUsed$1(this.el, "image"),
11213
11276
  [`ic-theme-${theme}`]: theme !== "inherit",
11214
- } }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: 'd7bed2bb22a41377f6c9032660bc62f79294510c', name: "image" }), hAsync("div", { key: '64df9d8fb5ffbb9724a2e87a67eed03526564527' }, hAsync("slot", { key: '5fee4dfbeef7272bcd423c7fb2bfc49e5e557718', name: "heading" }, hAsync("ic-typography", { key: '523cac0cce5c01cca9540396b95f0ab13d0ef9cd', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '904f2c3ceeeef991a099a4fc0521de002c6e8fc3', name: "subheading" }, hAsync("ic-typography", { key: '6eb71c04bfae24d0ece644cea3730251ecd38e77', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: '6dc1f5e4e3071b5c0277c993502f1f043b247330', name: "body" }, hAsync("ic-typography", { key: 'f60da219bd12eda8df1229eba9ae9904458e4692', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '73247068a45635e5e64d513239ada3e97a4a4302', class: "action-area" }, hAsync("slot", { key: '19a448208f663a595f5a81a28b89834d0c62e78b', name: "actions" })))));
11277
+ } }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: "image" }), hAsync("div", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, hAsync("slot", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: "heading" }, hAsync("ic-typography", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: "subheading" }, hAsync("ic-typography", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: '14a8815b51a06521642921f09fa8346483522e84', name: "body" }, hAsync("ic-typography", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: "action-area" }, hAsync("slot", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: "actions" })))));
11215
11278
  }
11216
11279
  get el() { return getElement(this); }
11217
11280
  static get style() { return IcEmptyStateStyle0; }
@@ -11325,7 +11388,7 @@ class Footer {
11325
11388
  isSlotUsed$1(el, "caption") ||
11326
11389
  caption ||
11327
11390
  copyright;
11328
- return (hAsync(Host, { key: 'd7802c150c67f71e0f1028b1516a5f17d08df237', class: {
11391
+ return (hAsync(Host, { key: 'b25023d5362ca9baca9c01a319c038eb4540e97a', class: {
11329
11392
  ["ic-footer"]: true,
11330
11393
  [`ic-footer-${small ? "small" : "sparse"}`]: true,
11331
11394
  [`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
@@ -11333,10 +11396,10 @@ class Footer {
11333
11396
  // Slots will be able to infer their own color
11334
11397
  [`ic-footer-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
11335
11398
  [`ic-footer-${IcBrandForegroundEnum$1.Light}`]: foregroundColor === IcBrandForegroundEnum$1.Light,
11336
- } }, hAsync("footer", { key: 'bf30d0015a1732313db8d4d04aa14c14b10015f6', ref: (el) => (this.footerEl = el) }, (isSlotUsed$1(el, "description") || description) && (hAsync("div", { key: 'b283e7729023c3ff75f8d0a017cd9f39ce968318', class: "footer-description" }, hAsync("ic-section-container", { key: 'daccd54f6f9a659a9559ec0b1d77142884300a35', aligned: aligned, fullHeight: true }, hAsync("div", { key: '72cee4f778bb51065706f6a9694b7a96a37a248c', class: "footer-description-inner" }, hAsync("ic-typography", { key: '6893f61de603419f356a6c8cd632e9a12980d2d7', variant: "body" }, hAsync("slot", { key: 'ff10f4b4408fe9d4afedcc1d34f82a3dd42595bc', name: "description" }, description)))))), isSlotUsed$1(el, "link") && (hAsync("div", { key: '2386ae3e8434cd00a8e37b9baf9956108e20baef', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: 'b09e28618c6a1a9b9183425e0732887fcfac7877', class: "footer-compliance" }, hAsync("ic-section-container", { key: '24504e13bec8036f326697782e79027689db77d8', aligned: aligned, fullHeight: true }, hAsync("div", { key: '560ef8300cc517104f5cd7af6eb5441b788f36b5', class: "footer-compliance-inner" }, isSlotUsed$1(el, "logo") && (hAsync("div", { key: '54e207b1c8c83f385dd0e0cabae6ba00523e2eda', class: "footer-logo" }, hAsync("slot", { key: 'cfc3acc0279e81ea2f34b8876c73c8222b426ff5', name: "logo" }))), (isSlotUsed$1(el, "caption") || caption) && (hAsync("div", { key: 'b5edcb7d044fe277aeca68544205335fceabf0da', class: "footer-caption" }, hAsync("ic-typography", { key: '2b81a3c1af57f8799a7cfdb10ba7f5d22c788487', variant: deviceSize <= IC_DEVICE_SIZES$1.M ? "caption" : "body" }, hAsync("slot", { key: 'f404e47c0c9f9d67f6024c7cb69eaa8488a1bb78', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '9c7939d1011a22520f76220b4bd1687aa1c6b319', class: {
11399
+ } }, hAsync("footer", { key: '053aafbd7016c4a74230cb3f4bd15ff1bd331761', ref: (el) => (this.footerEl = el) }, (isSlotUsed$1(el, "description") || description) && (hAsync("div", { key: 'c963c42c0f4d0a19d8fe9c133ca3cf9261398d70', class: "footer-description" }, hAsync("ic-section-container", { key: '0dd1fd94781722a494368e146f2a0b8417e1849d', aligned: aligned, fullHeight: true }, hAsync("div", { key: '61a25339f136d624ef39c3f72ff920735eac3656', class: "footer-description-inner" }, hAsync("ic-typography", { key: '4655d70fa69d5cc7ed44e352d37646a93b95067a', variant: "body" }, hAsync("slot", { key: '3a04c622d16c8fbad42bde6e5a62b94a7cc0dbfc', name: "description" }, description)))))), isSlotUsed$1(el, "link") && (hAsync("div", { key: '9a98191b7712a906aafa5295786586cdca8fdd63', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: '26f71e1feac14df4ffd9a5f945823e7d8a334f87', class: "footer-compliance" }, hAsync("ic-section-container", { key: 'd4b53cd4e8b1170b629f6493188f48438c1edd00', aligned: aligned, fullHeight: true }, hAsync("div", { key: '50b07020da89a9ebe53d6fd035b7139ac8ca2282', class: "footer-compliance-inner" }, isSlotUsed$1(el, "logo") && (hAsync("div", { key: '2ea27171f29498639b56426d4d21fbf4afc98798', class: "footer-logo" }, hAsync("slot", { key: 'b09b28173314c1b0a63ce1ecdf60822d7497ed80', name: "logo" }))), (isSlotUsed$1(el, "caption") || caption) && (hAsync("div", { key: 'b4ce260f52b3216ec3c73430311b7659e651a544', class: "footer-caption" }, hAsync("ic-typography", { key: 'f83868bac58237dcd8586d4d161db7677f0b2b16', variant: deviceSize <= IC_DEVICE_SIZES$1.M ? "caption" : "body" }, hAsync("slot", { key: '3da3e317b1f62be124bbabc9283e08258dc57141', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '63b18007efa190d038048a1d57223dc0547a64ad', class: {
11337
11400
  ["footer-copyright"]: true,
11338
11401
  ["classification-spacing"]: hasClassificationBanner(),
11339
- } }, hAsync("ic-typography", { key: '10a7ca6941be1d02f2207c8aeca0c37d57f58566', variant: deviceSize <= IC_DEVICE_SIZES$1.M
11402
+ } }, hAsync("ic-typography", { key: '0dc6200bfb89a7b34743c442f9c61829cd4b9374', variant: deviceSize <= IC_DEVICE_SIZES$1.M
11340
11403
  ? "caption-uppercase"
11341
11404
  : "label-uppercase" }, "\u00A9 Crown Copyright"))))))))));
11342
11405
  }
@@ -11404,12 +11467,12 @@ class FooterLink {
11404
11467
  const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
11405
11468
  const { small, grouped } = footerConfig;
11406
11469
  const isLogoLink = !!this.el.closest("div[slot='logo']");
11407
- return (hAsync(Host, { key: 'fa83d7e8a1df86667efde5fd8e150ebc5fd2570e', class: {
11470
+ return (hAsync(Host, { key: 'b8797484e397b1a952f2df6f644c985deec5be65', class: {
11408
11471
  "footer-link": true,
11409
11472
  [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
11410
11473
  [`footer-link-${this.foregroundColor}`]: true,
11411
11474
  "footer-logo-link": isLogoLink,
11412
- }, role: "listitem" }, hAsync("ic-link", { key: 'd461836f1dbf15482782f7197ddc8933d76b3560', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: 'd78502035082f67c50300e3fe84e2d952f3de448' }))));
11475
+ }, role: "listitem" }, hAsync("ic-link", { key: '1cd559f7c768a70d2bc0c92845ad6ae6761b584a', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: 'f2104f33d9651f96414a4963b30ea2e6c2414b18' }))));
11413
11476
  }
11414
11477
  static get delegatesFocus() { return true; }
11415
11478
  get el() { return getElement(this); }
@@ -11434,7 +11497,7 @@ class FooterLink {
11434
11497
  }; }
11435
11498
  }
11436
11499
 
11437
- const icFooterLinkGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.footer-link-group-sparse){--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-label-margin-top:0;--footer-link-label-margin-bottom:var(--ic-space-md)}:host(.footer-link-group-small){--footer-link-group-margin-right:0;--footer-link-label-margin-top:var(--ic-space-md);--footer-link-label-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}:host(.footer-link-group-small){--footer-link-group-border-bottom:var(--ic-space-1px) solid\n var(--ic-footer-keyline)}:host(.footer-link-group){margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}:host(.footer-link-group-small:hover){background-color:var(--ic-footer-hover);cursor:pointer}:host(.footer-link-group-sparse:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:active){background-color:var(--ic-footer-pressed)}:host ic-section-container{outline:none}.footer-link-label{margin-top:var(--footer-link-label-margin-top);margin-bottom:var(--footer-link-label-margin-bottom);flex-grow:1}.footer-link-group-toggle{fill:var(--ic-footer-chevron-icon) !important}.footer-link-group-links{display:flex;flex-direction:column}.footer-link-group-header{display:flex;align-items:center}ic-typography{--ic-typography-color:var(--ic-footer-link)}";
11500
+ const icFooterLinkGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.footer-link-group-sparse){--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-label-margin-top:0;--footer-link-label-margin-bottom:var(--ic-space-md)}:host(.footer-link-group-small){--footer-link-group-margin-right:0;--footer-link-label-margin-top:var(--ic-space-md);--footer-link-label-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md);--footer-link-group-border-bottom:var(--ic-space-1px) solid\n var(--ic-footer-keyline)}:host(.footer-link-group){margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}:host(.footer-link-group-small:hover){background-color:var(--ic-footer-hover);cursor:pointer}:host(.footer-link-group-sparse:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}:host(.footer-link-group-small:active){background-color:var(--ic-footer-pressed)}:host ic-section-container{outline:none}.footer-link-label{margin-top:var(--footer-link-label-margin-top);margin-bottom:var(--footer-link-label-margin-bottom);flex-grow:1}.footer-link-group-toggle{fill:var(--ic-footer-chevron-icon) !important}.footer-link-group-links{display:flex;flex-direction:column}.footer-link-group-header{display:flex;align-items:center}ic-typography{--ic-typography-color:var(--ic-footer-link)}";
11438
11501
  var IcFooterLinkGroupStyle0 = icFooterLinkGroupCss;
11439
11502
 
11440
11503
  class FooterLinkGroup {
@@ -11584,17 +11647,17 @@ class Hero {
11584
11647
  "background-position": scrollFactor,
11585
11648
  };
11586
11649
  }
11587
- return (hAsync(Host, { key: '025f10796ee1f493c75179d3f44291195f8cd7e6', class: {
11650
+ return (hAsync(Host, { key: '74dcaf107650373274e01fe04fd1964c3bb62073', class: {
11588
11651
  [`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
11589
11652
  ["has-background-image"]: backgroundImage !== undefined,
11590
11653
  ["ic-hero-small"]: size === "small",
11591
11654
  ["secondary-heading"]: !!secondaryHeading,
11592
- }, style: style }, hAsync("ic-section-container", { key: '03c2a138f992eab49508b2b25bd6cc2e6036ad64', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: 'e671ce077bee4fab293ee44de2d19160c82701c1', class: {
11655
+ }, style: style }, hAsync("ic-section-container", { key: '18df0272497747b6660942829636b2d3225913e9', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '6ecd484adbcb987f3f90ff58ee6f749c9a3422ed', class: {
11593
11656
  ["left-container"]: true,
11594
11657
  ["left-container-full-width"]: this.leftContentFullWidth,
11595
- } }, hAsync("div", { key: '9fee1b8572cc7b8e99f1be00570fe4d1905cafc2', class: "heading" }, hAsync("slot", { key: '72993e1aabdda5ad6db5de27cf89c74d2d254418', name: "heading" }, hAsync("ic-typography", { key: 'aa6ad11b1d49fa1fd042a5825a79499ccb0acc95', variant: size === "small" ? "h2" : "h1", class: {
11658
+ } }, hAsync("div", { key: '8d4c4b0a35417046b06a2dbfd1e13e40183bd7fb', class: "heading" }, hAsync("slot", { key: 'fc5aa8fd7b8dcb255d3a9405444b17670e3e9d7b', name: "heading" }, hAsync("ic-typography", { key: '360e0e4ff5b9c44a707011abcb33771bb711226b', variant: size === "small" ? "h2" : "h1", class: {
11596
11659
  ["heading-bottom-spacing"]: size !== "small",
11597
- } }, hAsync("h2", { key: '773143c28c7d78876d4fc173f0d9ce75cecbb92c' }, heading)))), hAsync("div", { key: '1fffa3cb85d2aabc0a06449419e022e210f24eab', class: "subheading" }, hAsync("slot", { key: '26d6e2610813f88428885e2e3cc053a0fef0cb63', name: "subheading" }, hAsync("ic-typography", { key: 'e6f8449e57333ac57fc6bdf0ff6b99925d2a3b6a', variant: "body" }, subheading))), hAsync("div", { key: 'ebc67935aac7acec588706ed956d78147070671c', class: "interaction-container" }, hAsync("slot", { key: '9828f858f145eeffa603e93a721f3713b101bc46', name: "interaction" }))), (isPropDefined$1(secondaryHeading) || this.rightContent) && (hAsync("div", { key: 'bec8bf0ed7853f1cd825a4212ffc96776c39f89e', class: "right-container" }, hAsync("slot", { key: '18f0e14732bb293b1b4b6be8d035770872db2064', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '798f817bd69f0d3f8d4840c7ae51ce8d7134bdeb', class: "secondary-container" }, hAsync("div", { key: 'e4d793df63b1b40b76118d30e0fbf12e1c6ce574', class: "secondary-heading" }, hAsync("ic-typography", { key: '3cd81b498b2e8b650b4528a3c337b332068bce07', variant: "h4" }, hAsync("h3", { key: '1229f8e36d95d616df293f7159b53352a98aba0b' }, secondaryHeading))), hAsync("div", { key: '83921d272c1124759b638d855d1837567bb325d1', class: "secondary-subheading" }, hAsync("ic-typography", { key: '47f59d905e74e3bf43648cd97d696138985fe640', variant: "subtitle-small" }, secondarySubheading))))))))));
11660
+ } }, hAsync("h2", { key: '671b42db7002c2d77d42f8eb087af469910ac4ba' }, heading)))), hAsync("div", { key: 'd967221ce6e889da8a749f7c3deacbed0fb70211', class: "subheading" }, hAsync("slot", { key: '3363059a438d470e90a4782f956c838c7394fe16', name: "subheading" }, hAsync("ic-typography", { key: 'a9e7e665d6f42f14d0b0368e3d437cacfae4edcb', variant: "body" }, subheading))), hAsync("div", { key: 'a99a67438d1c017ed7822fcf4b46243e8af300f7', class: "interaction-container" }, hAsync("slot", { key: '5f54b40b54fdc5696935d37dfe3ef7ae68599390', name: "interaction" }))), (isPropDefined$1(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '89513652cf857ead516f5b16e1a5776b135db42c', class: "right-container" }, hAsync("slot", { key: '739e6f69d2466cf001489eea05488b98e2713f12', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '41f85c0af629eaa9fb859768b495563edf2cc734', class: "secondary-container" }, hAsync("div", { key: '9ef7879d221cbf53e36eda0a99b59bd76bd0476f', class: "secondary-heading" }, hAsync("ic-typography", { key: '41787caaf24919d5a7041294d73445f58aa3d724', variant: "h4" }, hAsync("h3", { key: '1137fb4ee0e4fe64efed120d0e5ab5d4dc25bd5d' }, secondaryHeading))), hAsync("div", { key: '2985066c33994c07e167e59ddff6d64e3713b888', class: "secondary-subheading" }, hAsync("ic-typography", { key: '6bee21b6ce698c66dab6c49ab39558373bfec1f8', variant: "subtitle-small" }, secondarySubheading))))))))));
11598
11661
  }
11599
11662
  get el() { return getElement(this); }
11600
11663
  static get style() { return IcHeroStyle0; }
@@ -11785,22 +11848,22 @@ class HorizontalScroll {
11785
11848
  }
11786
11849
  render() {
11787
11850
  const { firstItemVisible, lastItemVisible, itemOverflow } = this;
11788
- return (hAsync(Host, { key: '66144a5088edf38f0c3ed6f7778d636c15ffe8cb', class: {
11851
+ return (hAsync(Host, { key: '5c313665e71e0abc91a19f204ccf08d7b017f46b', class: {
11789
11852
  ["ic-horizontal-scroll-visible"]: itemOverflow,
11790
11853
  ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
11791
11854
  ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
11792
11855
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
11793
- } }, hAsync("div", { key: '905ca2842a4d4de15c8a9c7cae4a9feceaa99e28', "aria-hidden": "true", class: {
11856
+ } }, hAsync("div", { key: '7a65d56af26a6bfe660c3e923beaf7b512f77de8', "aria-hidden": "true", class: {
11794
11857
  ["scroll-container-left"]: true,
11795
11858
  ["hidden"]: !itemOverflow,
11796
11859
  ["disabled"]: firstItemVisible,
11797
- }, role: "tab" }, hAsync("ic-button", { key: '4f395c74ccd5bebef7263448761959d9bd8aedf0', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
11860
+ }, role: "tab" }, hAsync("ic-button", { key: '0203d6acdde7444d03038b3ec86f3e318615030d', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
11798
11861
  ? "dark"
11799
- : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'b40a0bac23d87acf17880e488d93a2df6cb6ab39', class: "scroll-splitter-left" })), hAsync("slot", { key: 'c99b76e7ff9b22b340bdefbd018db4a3f7d88307' }), hAsync("div", { key: '9db134cc1449592ebc34d22999ab7d030464fc6f', "aria-hidden": "true", class: {
11862
+ : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'dffb5fee1c17005205216d0901141317e2dc4aa6', class: "scroll-splitter-left" })), hAsync("slot", { key: 'f637c15f3020e1572a61179c2132dece11d0699a' }), hAsync("div", { key: 'c563d5ca6d07a66f2111bea5aebe7d36ae481770', "aria-hidden": "true", class: {
11800
11863
  ["scroll-container-right"]: true,
11801
11864
  ["hidden"]: !itemOverflow,
11802
11865
  ["disabled"]: lastItemVisible,
11803
- }, role: "tab" }, hAsync("span", { key: '552499a981a450ba3e75f498ba5a01b134f5252d', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '8eba5e488232737d3ccb61ee07e84c0fcaf511d7', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
11866
+ }, role: "tab" }, hAsync("span", { key: 'd8afe9aaf2304d13909815aeb8e60ac4f8952f7f', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4f3be747e736a50705793742b0a1e9fab44d56db', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
11804
11867
  ? "dark"
11805
11868
  : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
11806
11869
  }
@@ -11875,15 +11938,15 @@ class InputComponentContainer {
11875
11938
  }
11876
11939
  render() {
11877
11940
  const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
11878
- return (hAsync(Host, { key: 'bda1921fbfbb0d1fabf871e360aaabfbc1e6d2c5', class: {
11941
+ return (hAsync(Host, { key: 'c33ebfd9dd18101fb9161259538e8e0046f77a3d', class: {
11879
11942
  [`ic-input-component-container-${size}`]: true,
11880
11943
  [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
11881
11944
  "ic-input-component-container-disabled": !!disabled,
11882
11945
  "ic-input-component-container-readonly": !!readonly,
11883
11946
  "ic-input-component-container-multiline": !!multiLine,
11884
11947
  "ic-input-component-container-full-width": !!fullWidth,
11885
- }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '6a7712e2529a513c00f9da17a55523520231d006', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: 'aeb5d95413df5982199725cecf2b43db73c92152', class: "icon-container" }, hAsync("slot", { key: '3aab6c1ac278d1c16b60a14a14aa09876d236c4b', name: "left-icon" }))), hAsync("slot", { key: 'f7bf8859b60a36b4a3e5cb6b601ceec41a9915a7' }), validationInline &&
11886
- validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: '96e20884d38b475f5ae810ce3b557cd670e702e4', class: "inline-success", innerHTML: successIcon })))));
11948
+ }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: 'a70f27a3235ac0edb9d9c5a18983ae3c02de2a48', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: 'aa0b233280382bd0e95a8ff932bf60a63603b7bf', class: "icon-container" }, hAsync("slot", { key: 'ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd', name: "left-icon" }))), hAsync("slot", { key: '1850c6ed04510e678600c653a36e2114f982e561' }), validationInline &&
11949
+ validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: '58d228c595577c1cc9a0fe2b10538cc3efff53ab', class: "inline-success", innerHTML: successIcon })))));
11887
11950
  }
11888
11951
  get el() { return getElement(this); }
11889
11952
  static get watchers() { return {
@@ -11924,11 +11987,11 @@ class InputContainer {
11924
11987
  this.readonly = false;
11925
11988
  }
11926
11989
  render() {
11927
- return (hAsync(Host, { key: '0bc0baafaedce6b4aa3cdcb02c12a9a2287ed9aa' }, hAsync("div", { key: '16d0909afb78eaf2709d62542af57024e99f162e', class: {
11990
+ return (hAsync(Host, { key: '32ae22db5e182cc2c092c8f48e61d42a318284a0' }, hAsync("div", { key: 'bae9ef74f7f92004ec99c387a213822315c505ba', class: {
11928
11991
  ["component-container"]: true,
11929
11992
  ["disabled"]: !!this.disabled,
11930
11993
  ["readonly"]: !!this.readonly,
11931
- } }, hAsync("slot", { key: '8c1e04687c0566467282e7b72a65468419bbfa15' }))));
11994
+ } }, hAsync("slot", { key: 'acca571eaa0d8f19b0e3379d2592409aacf9dd95' }))));
11932
11995
  }
11933
11996
  static get style() { return IcInputContainerStyle0; }
11934
11997
  static get cmpMeta() { return {
@@ -11985,18 +12048,18 @@ class InputLabel {
11985
12048
  render() {
11986
12049
  const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = this;
11987
12050
  const labelText = required ? label + " *" : label;
11988
- return (hAsync(Host, { key: '44334c80405dc996ab703a98c81d1dd69732d763', class: {
12051
+ return (hAsync(Host, { key: '53437d3149f4607c6a4d78d907623cb5007f80d1', class: {
11989
12052
  "ic-input-label-disabled": !!disabled,
11990
12053
  "ic-input-label-readonly": readonly,
11991
12054
  "with-helper": helperText !== "",
11992
- } }, !hideLabel && (hAsync("ic-typography", { key: '4f3a573b9bda098059a04403cea034a113ddb69b', variant: "label", class: {
12055
+ } }, !hideLabel && (hAsync("ic-typography", { key: '454dc75303a9c8a4991d886aea5abe323960a96e', variant: "label", class: {
11993
12056
  "readonly-label": readonly,
11994
12057
  "error-label": status === "error" && !(readonly || disabled),
11995
- } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), helperText !== "" && (hAsync("ic-typography", { key: '28ca66fd307a3fc6da10e8916fae765c3757c039', variant: "caption", class: {
12058
+ } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), helperText !== "" && (hAsync("ic-typography", { key: '91229fd502726c77cbd35097d78b293461ddefff', variant: "caption", class: {
11996
12059
  helpertext: true,
11997
12060
  "helpertext-normal": !disabled && !readonly,
11998
12061
  "helpertext-readonly": readonly,
11999
- } }, hAsync("span", { key: 'b2a6358bbfde4c77dcca1988f33f349e94c6b160', id: this.for && getInputHelperTextID$1(this.for) }, helperText)))));
12062
+ } }, hAsync("span", { key: '56fc1416be966f1af7d2d34d28d450b3fc0def3f', id: this.for && getInputHelperTextID$1(this.for) }, helperText)))));
12000
12063
  }
12001
12064
  static get style() { return IcInputLabelStyle0; }
12002
12065
  static get cmpMeta() { return {
@@ -12052,13 +12115,13 @@ class InputValidation {
12052
12115
  render() {
12053
12116
  const { ariaLiveMode, fullWidth, status, message } = this;
12054
12117
  const displayIcon = status !== "" ? icon[status] : "";
12055
- return (hAsync(Host, { key: 'e4cb4eec798ec7cf3ad25a7721b8172085c3985b', class: {
12118
+ return (hAsync(Host, { key: 'd6af7a655de2bfc6fb1fbe9273d6d9832b77460f', class: {
12056
12119
  [`ic-input-validation-${status}`]: status !== "",
12057
12120
  "ic-input-validation-full-width": !!fullWidth,
12058
- } }, displayIcon !== "" && (hAsync("span", { key: '0f0e6bc76d9085e965ee611dc6069a5bae3e6bff', class: {
12121
+ } }, displayIcon !== "" && (hAsync("span", { key: '31756ccbb544bfa04cd4ca92fc074b54c1b1f4bc', class: {
12059
12122
  "status-icon": true,
12060
12123
  [`icon-${status}`]: true,
12061
- }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'c6527ae677adc0ab056f663e352278f9cc98071b', variant: "caption", class: "statustext" }, hAsync("span", { key: '31cb4694a0359c038d9e396f8d2769c8a92b0047', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID$1(this.for) }, message)), hAsync("slot", { key: '9ae99f5c1a4edb1e2a7acd359e1d8463a6623c9c', name: "validation-message-adornment" })));
12124
+ }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '5def28291ba379bd93351dcc4ffd89bae149d409', variant: "caption", class: "statustext" }, hAsync("span", { key: '3411302bd27a0b32a03a17b465db0927a018f542', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID$1(this.for) }, message)), hAsync("slot", { key: 'a86c22429e48eca2033abddfe4b15c1be5d00e7f', name: "validation-message-adornment" })));
12062
12125
  }
12063
12126
  get el() { return getElement(this); }
12064
12127
  static get style() { return IcInputValidationStyle0; }
@@ -12159,7 +12222,7 @@ class Link {
12159
12222
  }
12160
12223
  render() {
12161
12224
  const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
12162
- return (hAsync(Host, { key: '79cea5918b2a89326348007cb6806427862ef13e', class: {
12225
+ return (hAsync(Host, { key: '00b6f1536124f047327af9985d4aa2a30e4863bc', class: {
12163
12226
  ["ic-link"]: true,
12164
12227
  [`ic-theme-${theme}`]: theme !== "inherit",
12165
12228
  ["ic-link-monochrome"]: !!monochrome,
@@ -12397,15 +12460,15 @@ class LoadingIndicator {
12397
12460
  render() {
12398
12461
  const { theme, label, description, size, fullWidth, innerLabel, monochrome, } = this;
12399
12462
  const { x, y, r } = this.setCircleXY();
12400
- return (hAsync(Host, { key: 'b17f695d24b5f1a62714e4ed4241ae04d62d71f7', class: {
12463
+ return (hAsync(Host, { key: '27fb3a096e338b3c7fb088c845d46e8897594e25', class: {
12401
12464
  [`ic-theme-${theme}`]: theme !== "inherit",
12402
12465
  "ic-loading-indicator-label": !!label,
12403
12466
  "ic-loading-indicator-full-width": !!fullWidth,
12404
12467
  "inner-label": !!innerLabel,
12405
12468
  "ic-loading-indicator-monochrome": !!monochrome,
12406
- } }, hAsync("div", { key: '01b49b1b944995a0311f780d04675b4929c99406', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '2a3ff1778af28ca4dca52fa48a8a21809be7cc10', 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", { key: '858cf1fe1b405bd3afc005198caba3edee162129', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
12469
+ } }, hAsync("div", { key: 'bff98017c103e8c92f21e1b495e63d7883826637', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '80564769566925591667a47978974ff3b2138c61', 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", { key: '3b491c190d252bcf69024365c4bf4a980b3266ca', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
12407
12470
  this.innerLabel !== undefined &&
12408
- this.size === "small" && (hAsync("ic-typography", { key: '4f64dad9d84fa059f17cc5992c67ae5c49dcad79', variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { key: '8951796434ce976b8de54fb6d8ef3c83954c9963', class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { key: 'ba08f047bd24717b2f0fe63fc997514f65f671ca', cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { key: 'f8220ad9a66c16f27a1e99ec7bce39d959b0b1ae', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '16d99f7f3404b3f487018ad5e004ebf78ac455f5', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: '18e223aa28d162404989460f7b8e552edec83316' }, this.indicatorLabel))))));
12471
+ this.size === "small" && (hAsync("ic-typography", { key: '53c57c16988f98039dce47a09077ec5eee3f6246', variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { key: '74cd96683524d32564d4b9c969c5d361259d1368', class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { key: 'b4e4283ab0a67b2e318d188c9387f3b14adb3e11', cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { key: '8c9064a662ebed26f8759b34ccca02d377bb57e5', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '347ae35f8ed6dc666c1e4854e324a0a905cc67e0', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: 'e0a42f64ad38299380becbdb33bb72ec3428ded3' }, this.indicatorLabel))))));
12409
12472
  }
12410
12473
  get el() { return getElement(this); }
12411
12474
  static get watchers() { return {
@@ -15162,7 +15225,7 @@ class Menu {
15162
15225
  const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = this;
15163
15226
  const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
15164
15227
  const hasNoResults = this.host.classList.contains("no-results");
15165
- return (hAsync(Host, { key: 'da6a6114d695c99a303ddae835ebbdb81c4bf0e8', class: {
15228
+ return (hAsync(Host, { key: 'dc85eafc855ecd8906c29fe8ca9fbd906ab00b50', class: {
15166
15229
  "ic-menu-full-width": !!fullWidth,
15167
15230
  "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
15168
15231
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -15171,7 +15234,7 @@ class Menu {
15171
15234
  [`ic-menu-${size}`]: true,
15172
15235
  "ic-menu-open": open && options.length !== 0,
15173
15236
  "ic-menu-multiple": this.isMultiSelect,
15174
- } }, options.length !== 0 && (hAsync("ul", { key: '8a6b17763235c84e94621e2f83c3a02302f5a8bc', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
15237
+ } }, options.length !== 0 && (hAsync("ul", { key: '7e7f5a2bf93d4488f2b214a7ecc45b869462b7ad', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
15175
15238
  !keyboardNav &&
15176
15239
  ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
15177
15240
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -15199,7 +15262,7 @@ class Menu {
15199
15262
  this.isMultiSelect &&
15200
15263
  !isLoading &&
15201
15264
  !hasTimedOut &&
15202
- !hasNoResults && (hAsync("div", { key: '453d9a11e3933a48aa85f39f686bdf98a6ba0953', class: "option-bar" }, hAsync("ic-typography", { key: '8ca77bff0d3fbbc4264e83ff815f2de5ff98670c' }, hAsync("p", { key: '6262a580c6071c81146e082f2e839a06efd90461' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '192c92dec9525bc2bf3fe386414b292483d25d72', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
15265
+ !hasNoResults && (hAsync("div", { key: 'aa9c61ef301dd6815a0bfab6a9491bb869622a8d', class: "option-bar" }, hAsync("ic-typography", { key: '4e69203a740c6b7e49cd0014134ff218d95d48c5' }, hAsync("p", { key: 'e2dcbd610a86e262b1b1adcad1365c122aa75bd4' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'c7c7a27339eb30e444e85e1bcb1662bc4aa82c8e', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
15203
15266
  }
15204
15267
  get host() { return getElement(this); }
15205
15268
  static get watchers() { return {
@@ -15254,7 +15317,7 @@ class MenuGroup {
15254
15317
  }
15255
15318
  render() {
15256
15319
  const parentMenu = this.el.closest("ic-popover-menu");
15257
- return (hAsync(Host, { key: '515b72afa3b03f7e0891238195e29d02a8603e3e', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(this.label) && (hAsync("ic-typography", { key: 'dcec254c8a7e969ee2c91bf9a5c3bb614eb10e28', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'c4fd9ee769cd5bc63e1c103ec52f6dd8f9092209', class: "menu-items-wrapper" }, hAsync("slot", { key: '7207d713599fb19d63672ab9a1480bf832c3350d' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: 'ba0fa6eab3179ba0983027867e53c5db1bb2509e' }))));
15320
+ return (hAsync(Host, { key: '764de2c558acf63dbc1334a023ad7b6a815f98f0', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(this.label) && (hAsync("ic-typography", { key: '9edfa75cb7e68dcb6a4fa25549349cb1e90c0c4e', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'ed914d09ebe32fccc3f74bc4e1b1cd460fb6f2cd', class: "menu-items-wrapper" }, hAsync("slot", { key: 'aa9dffc7557cde9485c8edfce2689d5e16cedc96' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '1d326397dd4eabd07479ee686077be0724fbcfbe' }))));
15258
15321
  }
15259
15322
  get el() { return getElement(this); }
15260
15323
  static get style() { return IcMenuGroupStyle0; }
@@ -15505,10 +15568,10 @@ class NavigationButton {
15505
15568
  fullWidth,
15506
15569
  disableTooltip,
15507
15570
  };
15508
- return (hAsync(Host, { key: '191dcba5e7f00412136b96bc866671928f3108d6', class: {
15571
+ return (hAsync(Host, { key: '460cac972b097f28068741fd89a16762e7c3b0a4', class: {
15509
15572
  ["in-side-menu"]: this.mode === "menu",
15510
15573
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
15511
- } }, hAsync("ic-button", Object.assign({ key: '4321bb3ed17c49b9ad48039f59f4c5ec2a2f7603', class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { key: 'b6c2e1dd8ec444c77ceef484f43649e1c67755fe', slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '7012bc0f69b65991adccbdf34ce487fc75ad976a', name: "badge" }))));
15574
+ } }, hAsync("ic-button", Object.assign({ key: 'f9305604900cbf6a3ce44465b8f5521e9d5cbe92', class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { key: 'b8ecf6af9f6ee3b1ff21356f4d60e2790d4c5d7c', slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'd8c152f2084c363eed1da6a8c8423c47648c6812', name: "badge" }))));
15512
15575
  }
15513
15576
  static get delegatesFocus() { return true; }
15514
15577
  get el() { return getElement(this); }
@@ -15535,7 +15598,7 @@ class NavigationButton {
15535
15598
  }; }
15536
15599
  }
15537
15600
 
15538
- const icNavigationGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:12rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}";
15601
+ const icNavigationGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}";
15539
15602
  var IcNavigationGroupStyle0 = icNavigationGroupCss;
15540
15603
 
15541
15604
  class NavigationGroup {
@@ -15834,7 +15897,7 @@ class NavigationGroup {
15834
15897
  groupedNavItemWrapper.style.setProperty("--navigation-child-items-height", height);
15835
15898
  }
15836
15899
  render() {
15837
- const { dropdownOpen, inTopNavSideMenu, expandable } = this;
15900
+ const { dropdownOpen, expanded, inTopNavSideMenu, expandable } = this;
15838
15901
  const navGroupTitleClassNames = {
15839
15902
  ["navigation-group"]: true,
15840
15903
  [this.focusStyle]: !inTopNavSideMenu,
@@ -15842,20 +15905,20 @@ class NavigationGroup {
15842
15905
  ["navigation-group-side-menu-expanded"]: inTopNavSideMenu && !!expandable && dropdownOpen,
15843
15906
  ["selected"]: dropdownOpen && !inTopNavSideMenu,
15844
15907
  };
15845
- return (hAsync(Host, { key: '570cbd828d1e8bff3642c637c10d0129c3ba0add', class: {
15908
+ const isSideNav = this.navigationType === "side";
15909
+ const isTopNav = this.navigationType === "top";
15910
+ const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
15911
+ return (hAsync(Host, { key: 'adb77d5c28a33cdf4e6c65b12122a325cc8f57c5', class: {
15846
15912
  ["in-side-menu"]: inTopNavSideMenu,
15847
- "ic-navigation-group-expanded": this.expanded,
15848
- "ic-navigation-group-collapsed": !this.expanded,
15849
- ["ic-navigation-group-side-nav"]: this.navigationType === "side",
15913
+ "ic-navigation-group-expanded": expanded,
15914
+ "ic-navigation-group-collapsed": !expanded,
15915
+ ["ic-navigation-group-side-nav"]: isSideNav,
15850
15916
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
15851
15917
  ["ic-navigation-group-expandable"]: !!expandable,
15852
- }, role: "listitem" }, this.expandable ||
15853
- (!inTopNavSideMenu && this.navigationType === "top") ? (hAsync("button", { onMouseEnter: !inTopNavSideMenu && this.navigationType === "top"
15854
- ? this.handleMouseEnter
15855
- : undefined, onMouseLeave: this.navigationType === "top" ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), "aria-expanded": `${dropdownOpen || this.expanded}`, "aria-haspopup": `${!inTopNavSideMenu && this.navigationType === "top"}` }, this.renderGroupTitleText(), this.navigationType === "side" && expandable && (hAsync("div", { class: {
15918
+ }, role: "listitem" }, this.expandable || (!inTopNavSideMenu && isTopNav) ? (hAsync("button", { onMouseEnter: !inTopNavSideMenu && isTopNav ? this.handleMouseEnter : undefined, onMouseLeave: isTopNav ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), "aria-expanded": `${ariaExpanded}`, "aria-haspopup": `${!inTopNavSideMenu && isTopNav}` }, this.renderGroupTitleText(), isSideNav && expandable && (hAsync("div", { class: {
15856
15919
  "chevron-toggle-icon-wrapper": true,
15857
- "chevron-toggle-icon-closed": this.expanded,
15858
- }, innerHTML: chevronIcon })))) : this.navigationType === "side" && !this.isSideNavExpanded ? null : (hAsync("div", { class: navGroupTitleClassNames }, this.renderGroupTitleText())), this.renderNavigationItems()));
15920
+ "chevron-toggle-icon-closed": expanded,
15921
+ }, innerHTML: chevronIcon })))) : isSideNav && !this.isSideNavExpanded ? null : (hAsync("div", { class: navGroupTitleClassNames }, this.renderGroupTitleText())), this.renderNavigationItems()));
15859
15922
  }
15860
15923
  static get delegatesFocus() { return true; }
15861
15924
  get el() { return getElement(this); }
@@ -15883,7 +15946,7 @@ class NavigationGroup {
15883
15946
  }; }
15884
15947
  }
15885
15948
 
15886
- const icNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}";
15949
+ const icNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}";
15887
15950
  var IcNavigationItemStyle0 = icNavigationItemCss;
15888
15951
 
15889
15952
  /**
@@ -15938,11 +16001,16 @@ class NavigationItem {
15938
16001
  this.displayDefaultNavigationItem = (href, hreflang, target, rel, referrerpolicy, download, label) => {
15939
16002
  const variant = this.isTopNavChild || this.inTopNavSideMenu ? "body" : "label";
15940
16003
  const ChevronIconComponent = this.expandable && (hAsync("div", { class: { svg: true }, innerHTML: chevronIcon }));
15941
- const IconComponent = this.el.querySelector('[slot="icon"]') && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { name: "badge" })));
16004
+ const slottedBadgeEl = this.el.querySelector('[slot="badge"]');
16005
+ const BadgeComponent = slottedBadgeEl && (hAsync("div", { class: slottedBadgeEl.getAttribute("position") === "inline" ||
16006
+ this.inTopNavSideMenu
16007
+ ? "inline-badge"
16008
+ : "badge" }, hAsync("slot", { name: "badge" })));
16009
+ const IconComponent = this.el.querySelector('[slot="icon"]') && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }), this.navigationType === "side" && BadgeComponent));
15942
16010
  if (href !== "") {
15943
- return (hAsync("a", { href: href, target: target, rel: rel, hreflang: hreflang, referrerPolicy: referrerpolicy, download: download !== false ? download : null, class: "link", ref: (el) => (this.itemEl = el), part: "link", "aria-label": this.ariaLabel ? this.ariaLabel : null }, IconComponent, hAsync("ic-typography", { variant: variant }, label), hAsync("div", { class: "chevron-container" }, ChevronIconComponent), target === "_blank" && (hAsync("span", { class: "open-in-new-icon", innerHTML: OpenInNew }))));
16011
+ return (hAsync("a", { href: href, target: target, rel: rel, hreflang: hreflang, referrerPolicy: referrerpolicy, download: download !== false ? download : null, class: "link", ref: (el) => (this.itemEl = el), part: "link", "aria-label": this.ariaLabel ? this.ariaLabel : null }, IconComponent, hAsync("ic-typography", { variant: variant }, label), target === "_blank" && (hAsync("span", { class: "open-in-new-icon", innerHTML: OpenInNew })), BadgeComponent, hAsync("div", { class: "chevron-container" }, ChevronIconComponent)));
15944
16012
  }
15945
- return (hAsync("div", { tabindex: "0", class: "link", ref: (el) => (this.itemEl = el) }, IconComponent, hAsync("ic-typography", { variant: variant }, label), ChevronIconComponent));
16013
+ return (hAsync("div", { tabindex: "0", class: "link", ref: (el) => (this.itemEl = el) }, IconComponent, hAsync("ic-typography", { variant: variant }, label), ChevronIconComponent, BadgeComponent));
15946
16014
  };
15947
16015
  this.topNavResizedHandler = ({ detail, }) => {
15948
16016
  var _a;
@@ -16082,7 +16150,7 @@ class NavigationItem {
16082
16150
  }
16083
16151
  render() {
16084
16152
  const { inTopNavSideMenu, isTopNavChild, selected } = this;
16085
- return (hAsync(Host, { key: '0d07f864357c0f3aaf7e0eb221bd7810445a7576', class: {
16153
+ return (hAsync(Host, { key: 'cbef051ace01bf37889f5d3f152c19ec1df4124d', class: {
16086
16154
  ["navigation-item"]: true,
16087
16155
  ["navigation-item-top-nav"]: !inTopNavSideMenu && this.navigationType === "top",
16088
16156
  ["navigation-item-top-nav-child-selected"]: isTopNavChild && !inTopNavSideMenu && !!selected,
@@ -16103,7 +16171,7 @@ class NavigationItem {
16103
16171
  !this.isSideNavMobile,
16104
16172
  ["expandable"]: !!this.expandable,
16105
16173
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
16106
- }, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '47bd9f5554262903f983694d51d78f3fcbed3525', label: this.generateTooltipLabel() || "", target: "navigation-item", placement: "right", class: {
16174
+ }, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '9080d70b4b8fdb80c6db832207b9ece8b9b7ce62', label: this.generateTooltipLabel() || "", target: "navigation-item", placement: "right", class: {
16107
16175
  ["tooltip-navigation-item"]: true,
16108
16176
  ["tooltip-navigation-item-side-nav-collapsed"]: !!this.displayNavigationTooltip && this.navigationType === "side",
16109
16177
  ["tooltip-long-label-navigation-item-side-nav-expanded"]: this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -16145,7 +16213,7 @@ class NavigationItem {
16145
16213
  }; }
16146
16214
  }
16147
16215
 
16148
- const icNavigationMenuCss = ":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-status-tag-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";
16216
+ const icNavigationMenuCss = ":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-color-text-inverted);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral-contrast);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";
16149
16217
  var IcNavigationMenuStyle0 = icNavigationMenuCss;
16150
16218
 
16151
16219
  const NAV_GROUP_TAG = "IC-NAVIGATION-GROUP";
@@ -16273,16 +16341,16 @@ class NavigationMenu {
16273
16341
  }
16274
16342
  }
16275
16343
  render() {
16276
- return (hAsync(Host, { key: 'd8a429fb76fa3a1ef80580957fd6481e240f5317', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '7bf2fffdc59f70baa6674deae32a1bc4b94ad1c7', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '5f040801d741e34fa84396292a7ff2e6c371c004', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'e1b5a6eb1689c24845f8dde72d4b4439333889a2', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: 'cfe33959155fc33481c1d71b43e740c97d59447f', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: 'd6bcbb09f3477305ec0dacd2274d7be1b92818c4', class: {
16344
+ return (hAsync(Host, { key: '014ea44313b883bfaaf9065f6d89498f9df21733', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'ee3938e3c0b6735b6a4a07659c90ef27187fa1e4', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '5da2b8cceb0e1ecf07318786e845f51982412f77', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'f0bfe134474bfe3626435479d1ff8eed6b7f7e32', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '4fecfb422a3c3ae8e5e6ee5d094dc4eeb434184c', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '85df1783fe82ff9fb32e2f4298ee8a6397115bef', class: {
16277
16345
  ["menu-close-button-container"]: true,
16278
16346
  ["nav-group-first"]: this.navGroupFirst,
16279
- } }, hAsync("ic-button", { key: '29c00c1baf94e77fc12c4f5808b7f959261b9307', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '8117252bd49a7fb0a884730ed79d059955cd973e', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'f7b68f7e0b0860dc30f3477ef49f3b9da41e2625', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: '42a9be2b531c8aeffd12ecbe1b8b089121416def', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '53bd2be53748f6ce6aff7d835e2fa05ae4a4302f', class: {
16347
+ } }, hAsync("ic-button", { key: '380deead3a65fb4939a9492d551268d14d7fbd27', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '4e578ab0ee137862af9f4ffdf78ae1c7b08de86a', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '7887b97ed148bfe509f14f1cc423f7a130478c0f', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: 'db56de53e2ae1ad8634b149e516f3188ac79c581', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '7646939cd70c65413496a2099c1194c74cf4af3d', class: {
16280
16348
  ["menu-buttons-container"]: true,
16281
16349
  ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
16282
- } }, hAsync("slot", { key: 'fc5df99477f01b812d5ff4fdcadf8766a613734d', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '74d83ccdcd72f225733da95a63313d1ac1fc9cbd', class: {
16350
+ } }, hAsync("slot", { key: '174fe432ca35e1e0216a1ba3cca08be0b4a91572', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'a166c03cd59f61948a9cd3cf88d257db67a42168', class: {
16283
16351
  ["menu-status-version-container"]: true,
16284
16352
  ["status-version-no-buttons"]: !this.hasButtons,
16285
- } }, this.status !== "" && (hAsync("div", { key: '5b41cca5949cb96006b7660334561c378e039fd9', class: "menu-status" }, hAsync("ic-typography", { key: 'c068f6a9e6f4f3dcb4386185e5b34547c93dcbc2', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'bcd01f93742c4a3b1106437da91ec7e6541e5e13', class: "menu-version" }, hAsync("ic-typography", { key: 'aa25f91209bd326e9b2f4f34869885e9e78d263c', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
16353
+ } }, this.status !== "" && (hAsync("div", { key: '3076d6444e9f45c5750f1e5ed0c17db17b87131e', class: "menu-status" }, hAsync("ic-typography", { key: '52d9cf255f19c52f3a849ada45894a0a4a65015d', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '807675f031d49ce1758e4adff0d5e675784d842b', class: "menu-version" }, hAsync("ic-typography", { key: 'be5a3faff40a36881d693a93e49205328f3743a6', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
16286
16354
  }
16287
16355
  get el() { return getElement(this); }
16288
16356
  static get style() { return IcNavigationMenuStyle0; }
@@ -16415,19 +16483,19 @@ class PageHeader {
16415
16483
  const navAriaLabel = `${isSlotUsed$1(this.el, "heading")
16416
16484
  ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
16417
16485
  : heading !== null && heading !== void 0 ? heading : ""} page sections`;
16418
- return (hAsync(Host, { key: 'cf0a316e1397ddc7fb6d3c31dc9a311583e16a91', class: {
16486
+ return (hAsync(Host, { key: '2fcb645615bdb75659da17fa9c70b7bf9eb4f38b', class: {
16419
16487
  ["ic-page-header-sticky"]: !!sticky,
16420
16488
  ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
16421
16489
  [`ic-theme-${theme}`]: theme !== "inherit",
16422
- }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'a4f043e2af90f690fba09b93a4013d1389515e0a', class: {
16490
+ }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'd212bae9378a9f1bdd51f8b178eb294642580502', class: {
16423
16491
  ["border-bottom"]: !!border,
16424
16492
  ["tabs"]: isSlotUsed$1(this.el, "tabs"),
16425
- }, role: "presentation" }, hAsync("ic-section-container", { key: '2face790c85ada31be50963b94cb4a238f35472c', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '54976512713ea354459fc3531070db32feb92e71', class: "breadcrumb-area" }, hAsync("slot", { key: '1ae4415737707e7d83ae0d8d20def16162584d31', name: "breadcrumbs" }))), hAsync("div", { key: '1bb89b5a996f3f1dafcfdefd901e04e7b4e43143', class: "main-content" }, hAsync("div", { key: '0e9da2b22ef20eba75b79727ec52f6451c165547', class: "title-area" }, hAsync("div", { key: '80977a001794dbfbfb8388936b5c08486ab2a55a', class: "header-content" }, hAsync("slot", { key: '011e08fffff718640e5d1fd85deab17aa13f52ec', name: "heading" }, hAsync("ic-typography", { key: '41c906715db6466ca30c3e1826feb8e385a6ed15', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '17036720f03d87e51c5c35c9c36a4d3ffc44445a' }, heading))), hAsync("slot", { key: '3002be9cc0995887ccc71379062a73380afc289d', name: "heading-adornment" })), hAsync("div", { key: 'e8f563e8010b6167533fbc89dbb7f8c9c760d420', class: {
16493
+ }, role: "presentation" }, hAsync("ic-section-container", { key: '2e4489587b15235b29c0614e9e2cc931f40c5ad2', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: 'c23a12adf1350177092343dd30d5caf6300ddc48', class: "breadcrumb-area" }, hAsync("slot", { key: '394a0a3540bf493623eaa893d067adee94d571ed', name: "breadcrumbs" }))), hAsync("div", { key: '1549da8b527d9bad2158fbdc0d887468fa878665', class: "main-content" }, hAsync("div", { key: '8f16fb6f031722c31b0c8c18ae394cc9df31c259', class: "title-area" }, hAsync("div", { key: '9ba2670b6d0f00761e5205f0b1914debf8593188', class: "header-content" }, hAsync("slot", { key: '5ded3c04b383d8c2049342b73ed24da15ca1527b', name: "heading" }, hAsync("ic-typography", { key: '66051dd3628d19b91dcc5bd2a624c0f02123cce8', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '3ad38d6e5c92771469ce6aa28bb0ce27ef32a6c0' }, heading))), hAsync("slot", { key: 'bff7dbff751633bac28ecde4270cda02dcd30ea0', name: "heading-adornment" })), hAsync("div", { key: '33013061ded6d3c68872baf73f75e6c1f9c5dc64', class: {
16426
16494
  ["subheading-content"]: !!subheading || isSlotUsed$1(this.el, "subheading"),
16427
16495
  ["small"]: size === "small",
16428
- } }, hAsync("slot", { key: '5ade2c01dfbdb1c808486b126e081c1877a513ff', name: "subheading" }, hAsync("ic-typography", { key: 'fb6900da321f46663774ceab59982e56741f877d', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'f4f481e78ace183a6da6533b5fc9cbe5086b5c0b', class: "action-area" }, hAsync("slot", { key: '7d7afb45226d1bcde3e3e4416f2bdf4c08ef2983', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '2d9c41769a6b4719e81923e43c58fcafc939e139', class: "input-area" }, hAsync("slot", { key: 'b873a5210cbf2bc353a249bcac581d5132f3f36f', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
16429
- isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: 'a9d7f5aa5982d2a0add73f08eae35346009c7509', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
16430
- !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '73959a3937f2a1b29dcabf1c6f005f4f51038cbc', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: 'b50e37d8d8463483735ef40ba438cc2ede29c0bd', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '4d52cf2984deed193908dbbd23e8a14fe8ac0724' }, hAsync("ul", { key: '8cfa92fd9424ea59182b4a20ab2d968351129589', class: "tabs-slot" }, hAsync("slot", { key: 'd59fc58ca6aaa2f266ab64a26071047c89bec440', name: "tabs" })))))))))));
16496
+ } }, hAsync("slot", { key: 'd566acd471748725b57b361a91ad42079d95c3df', name: "subheading" }, hAsync("ic-typography", { key: 'f964e890a2c587cac5506ec4465a3d504adbd0c8', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '4f86300ff2c1b536f85cb1a5f316e5a5648e01f2', class: "action-area" }, hAsync("slot", { key: '1ac5c67502ea159d05a2f665d4b9ca95f86ef76e', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '7df1fb4cfa7661b71b58c0eff30829ae4b1f3c44', class: "input-area" }, hAsync("slot", { key: '5dc94dbc8328df27814e276e997d35663ad505ba', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
16497
+ isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '261eb06c04fde9c954573256196e4ad861098150', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
16498
+ !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: 'b19a74de5783f8b4c4107c7c356a5252eaf69277', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: '937c01fcb2b06fdccca757fcd8eb439bfe895e69', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '088526c19f8be38197d990d6dbef8c002ce20133' }, hAsync("ul", { key: 'a01caea558dd70436a05e9a2537ff4f006170160', class: "tabs-slot" }, hAsync("slot", { key: 'b936d5f4b08ceca9ed06d268dcb7a76b5c1aa795', name: "tabs" })))))))))));
16431
16499
  }
16432
16500
  get el() { return getElement(this); }
16433
16501
  static get style() { return IcPageHeaderStyle0; }
@@ -16705,14 +16773,14 @@ class Pagination {
16705
16773
  }
16706
16774
  render() {
16707
16775
  const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
16708
- return (hAsync(Host, { key: '4787d5960a8d0742450c667f69fb5bec1b9fd904', class: {
16776
+ return (hAsync(Host, { key: '70130b80edbb60548c9f50c2943f05011e56be69', class: {
16709
16777
  [`ic-theme-${theme}`]: theme !== "inherit",
16710
16778
  ["ic-pagination-monochrome"]: !!monochrome,
16711
- } }, type === "simple" && (hAsync("nav", { key: '6e048bd0824217797cac254036ed755da3438e0f', class: {
16779
+ } }, type === "simple" && (hAsync("nav", { key: 'bbe920e2011813cfb8dfe4d6f5bbd9e5f6122ffd', class: {
16712
16780
  ["disabled"]: !!disabled,
16713
- }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'df77f23f3b194257466323bb5d5948afaa989fd0', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '4be33ba10d0b4444e57746408b77e651007f1753', class: {
16781
+ }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'd4f502db5763086dbdcb518f819638e944c4c2e4', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '88cc5fb9aab0dafc34dd1a4d4744ddfcf863cd11', class: {
16714
16782
  ["disabled"]: !!disabled,
16715
- }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: 'ef4efbec3670434f55022b9bd15e3218b7fb1546', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
16783
+ }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: '39e0d6b75392af13093c4c5ca5ab94c7da8d8a96', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
16716
16784
  }
16717
16785
  get el() { return getElement(this); }
16718
16786
  static get watchers() { return {
@@ -17201,7 +17269,7 @@ class PaginationItem {
17201
17269
  }
17202
17270
  render() {
17203
17271
  const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
17204
- return (hAsync("a", { key: '96b78185d8162b10bbd8d728f87ff50df44f9b79', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
17272
+ return (hAsync("a", { key: '1a741926e4af87f661203c00d3eebecfe31fed2e', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
17205
17273
  ["item-container"]: true,
17206
17274
  ["ellipsis"]: true,
17207
17275
  ["disabled"]: !!disabled,
@@ -17510,17 +17578,17 @@ class PopoverMenu {
17510
17578
  }
17511
17579
  }
17512
17580
  render() {
17513
- return (hAsync(Host, { key: 'cc25af9952d51db883220b52946da6c645a87bd1', class: {
17581
+ return (hAsync(Host, { key: '901b87fff1d01eb285bf52c1b6a89031630288cb', class: {
17514
17582
  ["ic-popover-menu-open"]: !!this.open,
17515
17583
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
17516
- } }, hAsync("div", { key: '19757297884b585b4f8fe182237757aa7c36f696', id: this.parentPopover === undefined
17584
+ } }, hAsync("div", { key: '67c459f9fe017586044872c13311a29a5e5c3860', id: this.parentPopover === undefined
17517
17585
  ? `ic-popover-submenu-${this.submenuId}`
17518
17586
  : "", class: {
17519
17587
  menu: true,
17520
- } }, hAsync("span", { key: '8a6facb49d5c5c3d6eec3107bfcf9ae625d4dfc9', class: {
17588
+ } }, hAsync("span", { key: '4a5ffeec0589372e7c107fff1949bfb8c8962af0', class: {
17521
17589
  "opening-from-parent": this.openingFromParent,
17522
17590
  "opening-from-child": this.openingFromChild,
17523
- } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: 'c64495ca5447f34b430140bf8fd9f75dbd89ed68' }, hAsync("span", { key: 'cdbcf7e3ddf674e941534e6742c3679257f5a88e', role: "menu" }, hAsync("ic-menu-item", { key: '9d70b7621f9173af0000591a5e8cc328c352f849', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '7bc91d66855037df4cf642b7dc112186dff28cf8', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '72bb21d3a27e3093cdd8544574a9be3f3876bd27', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '9a09923d96579833195956fc92951ff5ebcc1b05', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { key: '4c0490b94abbb32c9be46c05a1b72c83f3835696', class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'ab1e92b234c4c1e41bccb7824db02f3d022566c8' }))))));
17591
+ } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: 'c5fd99e4768304f16a307020d5a8ec69a2917586' }, hAsync("span", { key: 'bf9a1e253a89999befe7665cfbe83d11c7d3f529', role: "menu" }, hAsync("ic-menu-item", { key: '555972f94bae51d7add7c1ee79e495e0945ab9dd', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '3f933ccb9056686c32af2a608789c985b3e4000d', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '337eac36fa937e0b2dc95161a687f2bb40165078', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '8b51171492362a08eb1ba581b733e872e10cdab1', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { key: 'ae97912c38d02905e24d3ec7ec09bc2ae644310f', class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'ecbe66ec297e1cbb99534dd13c8e9227a18fce29' }))))));
17524
17592
  }
17525
17593
  static get delegatesFocus() { return true; }
17526
17594
  get el() { return getElement(this); }
@@ -17778,16 +17846,16 @@ class RadioGroup {
17778
17846
  }
17779
17847
  render() {
17780
17848
  const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, theme, } = this;
17781
- return (hAsync(Host, { key: 'a2be8db5421324c2472c9bfd3358ab60eb94c8f0', onKeyDown: handleKeyDown, class: {
17849
+ return (hAsync(Host, { key: 'db83cc9de43015de4c06e3ed5b35c59262c2058d', onKeyDown: handleKeyDown, class: {
17782
17850
  "ic-radio-group-small": size === "small",
17783
17851
  [`ic-theme-${theme}`]: theme !== "inherit",
17784
- } }, hAsync("div", { key: '08c660c22bd427d0dc36a569617ec3b288c0b2df', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '49270136f37944161e2d8c7a13c997a72ce7228d', class: {
17852
+ } }, hAsync("div", { key: 'e11f551827b7a774965876a1021294411b16f6ec', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '7e4a2d8f187ab28fa362d55c47eb3d4ae7d784fd', class: {
17785
17853
  [`${validationStatus}`]: true,
17786
17854
  ["disabled"]: !!disabled,
17787
- }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: '91c6b269bd61a898b51c08a8b33cde311679bced', class: {
17855
+ }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: 'b2d6d9845a82f7f10dcaa5dbbed0bf5481dd696f', class: {
17788
17856
  "radio-buttons-container": true,
17789
17857
  horizontal: currentOrientation === this.RADIO_HORIZONTAL,
17790
- }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: '1fc06b8010e17ddd4ec38c424ecbf2c44d81aee8' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '857d44767a37fedbcf2f67f8edb50121b28e81bf', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
17858
+ }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bab10c5275b6f71de87310c3ec04bacb894be115' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '3c6b84cfce970db11c8e958abd82904931654f3d', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
17791
17859
  }
17792
17860
  get el() { return getElement(this); }
17793
17861
  static get watchers() { return {
@@ -17822,7 +17890,7 @@ class RadioGroup {
17822
17890
  }; }
17823
17891
  }
17824
17892
 
17825
- const icRadioOptionCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper [slot=\"additional-field\"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover:not(.disabled) input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}input[type=\"radio\"]:dir(rtl){right:0}.radio-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
17893
+ const icRadioOptionCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper [slot=\"additional-field\"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover:not(.disabled) input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}input[type=\"radio\"]:dir(rtl){right:0}.radio-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.branch-corner:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
17826
17894
  var IcRadioOptionStyle0 = icRadioOptionCss;
17827
17895
 
17828
17896
  const ADDITIONAL_FIELD = "additional-field";
@@ -17967,15 +18035,15 @@ class RadioOption {
17967
18035
  render() {
17968
18036
  const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
17969
18037
  const id = `ic-radio-option-${isPropDefined$1(label) || value}-${groupLabel}`;
17970
- return (hAsync(Host, { key: 'e51c6f675adeb824cebdd004e5c28a9f726cb5eb', onClick: handleClick, onKeyDown: handleKeyDown, class: {
18038
+ return (hAsync(Host, { key: 'ee36e924b1c248c87724903313bc778976c36522', onClick: handleClick, onKeyDown: handleKeyDown, class: {
17971
18039
  ["ic-radio-option-disabled"]: !!disabled,
17972
18040
  [`ic-theme-${theme}`]: theme !== "inherit",
17973
- } }, hAsync("div", { key: '5cfdadaeb79d3a7338231e1653e42751bd1d89bd', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: '917cfdee6607ecd950fd4c09e54ed02a3f6945c4' }, hAsync("input", { key: '9ca5649b90f8f6c087710595842f38cadecd901c', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '8670450d9fa0cb5db352f60b6e0feff048604dbd', class: "checkmark" })), hAsync("ic-typography", { key: '44c544df2f59735c82e01ad3d1e7892f47e53523', class: "radio-label", variant: "body" }, hAsync("label", { key: '55e93f4241c0fdc6831fb6da6a670c2a44311412', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: 'bfa342e1dda96334553cc65752e6c41a64c19f5a', class: {
18041
+ } }, hAsync("div", { key: '35871b7136c8dd16432e2a0683b13db53f2a1bd0', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'daead4b95901afb27be2d2640d1210783ec4c14e' }, hAsync("input", { key: '69d0c5dec724714118475529e021ed9d30350383', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '7ae687fb075f60e33fb7edd48b1f323c5833b9fb', class: "checkmark" })), hAsync("ic-typography", { key: 'a3990ac2ea9a3898a436f2fd05966f920a493fa4', class: "radio-label", variant: "body" }, hAsync("label", { key: '0b83a00e2f215d9d051e71650584fb1e0aad55a4', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '47b6a141f6956e78d4516985d2e70f00c1bdf1cf', class: {
17974
18042
  "dynamic-container": true,
17975
18043
  hidden: additionalFieldDisplay === "dynamic" && !selected,
17976
- } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'd9ab0bbac6d2f66dd363877b169ee2823802730b', class: "branch-corner" })), hAsync("div", { key: 'a02719781e2362eef43f0b97b28f4e653a21eaa8' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'a1bfbd7ef7425ae4df7edca3ca07592263198cd9', variant: "caption" }, hAsync("p", { key: 'd363e1bb13954c43b2a24f052594c661fb914935', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: '7229c529054fefe4b7d697c09eda18ce0e614ce7', class: {
18044
+ } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '2c06cbb85ba445972698c02757a07e048a09ce40', class: "branch-corner" })), hAsync("div", { key: 'ecc00a96cfb580b9f386ea148106a1dae5a31332' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'eeacd2d66085bd2bdb16698e6050e552d410d11b', variant: "caption" }, hAsync("p", { key: 'da0327cfe9a9a09405c86e268e7a84ca090b437f', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'c9177d6cd8174c92665a3c59a1fe38aeedf6e17b', class: {
17977
18045
  "additional-field-wrapper": additionalFieldDisplay === "static",
17978
- } }, hAsync("slot", { key: '2e57b46d37a3430b8849e62db427bb7be66091fd', name: ADDITIONAL_FIELD })))))));
18046
+ } }, hAsync("slot", { key: '1f4fdd0f5eeca0900aeaa04d49191e0b65d843ab', name: ADDITIONAL_FIELD })))))));
17979
18047
  }
17980
18048
  get el() { return getElement(this); }
17981
18049
  static get watchers() { return {
@@ -18544,41 +18612,41 @@ class SearchBar {
18544
18612
  const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;
18545
18613
  const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);
18546
18614
  renderHiddenInput$1(true, this.el, name, value, disabledMode);
18547
- return (hAsync(Host, { key: 'a1e560e97f324268abb887ac3b8188acc1c6d42f', class: {
18615
+ return (hAsync(Host, { key: '00d7c200dadef58f3be6eeae1299f255da97e79a', class: {
18548
18616
  ["ic-search-bar-search"]: true,
18549
18617
  ["ic-search-bar-full-width"]: !!fullWidth,
18550
18618
  ["ic-search-bar-disabled"]: !!disabled,
18551
18619
  ["ic-search-bar-small"]: size === "small",
18552
18620
  [`ic-theme-${theme}`]: theme !== "inherit",
18553
- }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '327a761189705de2cd7b4f4163f494701a34276c', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '80f4bb67acb9232b36014d34f320471bedcc1ad3', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { key: '0fb2a97aad0bd1f185ed3fc456c589dbcb7ce99d', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '3af78e40aa89ce0bad6693f6371015486c1cd103', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
18621
+ }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: 'e9620617be40182b556185417647b0ba298116d3', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '02fcdd33f0bb62ac24ca12aa09c6c5e188f20c06', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { key: '0649a65ad29290c2a60bd33c90552e8bbc875e66', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '80b924a66fe7f7aa5193ae0e64b6e4d143ee713a', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
18554
18622
  "no-left-pad": !!readonly,
18555
18623
  readonly: !!readonly,
18556
18624
  "truncate-value": truncateValue,
18557
- }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: '23d4349d4b0f905bbf90bf1826a3a90559c62b9d', class: {
18625
+ }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: '0feabdeed8caa3ac63634fdf52221c9cd8a0ea15', class: {
18558
18626
  "clear-button-container": true,
18559
18627
  "clear-button-visible": !!value && !disabledMode && this.showClearButton,
18560
- } }, hAsync("ic-button", { key: '90cd4ab4601fabfca86d92d9c6cb7d5751d43758', id: "clear-button", class: {
18628
+ } }, hAsync("ic-button", { key: '3e7e1f8e39c50eb45595d8eddc6cbc1dfd624e5c', id: "clear-button", class: {
18561
18629
  "clear-button": true,
18562
18630
  "clear-button-unfocused": !this.clearButtonFocused,
18563
- }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '79c1bb38267e6ebef413f7f9a6ba0ac8a28b5f12', class: "divider" })), hAsync("div", { key: '91b16ca2d959cf2d36cbbe75eb210fd254cff723', class: {
18631
+ }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '793bf0fd78a2bfce32b78885f0478e2eb214d337', class: "divider" })), hAsync("div", { key: '828edde2b4c950fc0e2c1faff736ee021ab6d49c', class: {
18564
18632
  "search-submit-button-container": true,
18565
18633
  "search-submit-button-disabled": this.isSubmitDisabled(),
18566
- } }, hAsync("ic-button", { key: '3b2aac9b7ae9ba4e78979d5ecc64a8aa2035e23a', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
18634
+ } }, hAsync("ic-button", { key: 'c84ee2e7957b7a9d326598af93bb50e78a41ccd2', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
18567
18635
  ["search-submit-button"]: true,
18568
18636
  ["search-submit-button-small"]: size === "small",
18569
18637
  ["search-submit-button-unfocused"]: !this.searchSubmitFocused,
18570
18638
  ["search-submit-button-disabled"]: this.isSubmitDisabled(),
18571
- }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: this.searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '548b4ee1e050efd6a8d50d7640e3cad32ac3002c', class: {
18639
+ }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: this.searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '2d00bc902d0b81b245348735d7e258939f98e369', class: {
18572
18640
  "menu-container": true,
18573
18641
  fullwidth: !!fullWidth,
18574
- } }, menuRendered && (hAsync("ic-menu", { key: '3d495b2ee381d30984316f0143c148731b179304', class: {
18642
+ } }, menuRendered && (hAsync("ic-menu", { key: '16049726b55a6a7775343b5a74c6c8c86939ad20', class: {
18575
18643
  "no-results": this.hadNoOptions() ||
18576
18644
  (filteredOptions.length === 1 &&
18577
18645
  (filteredOptions[0][this.labelField] ===
18578
18646
  this.loadingLabel ||
18579
18647
  filteredOptions[0][this.labelField] ===
18580
18648
  this.loadingErrorLabel)),
18581
- }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { key: 'd3a4abf5d1d7ca686b696c283e86a6c84ff39f92', "aria-live": "polite", role: "status", class: "search-results-status" })));
18649
+ }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { key: '9844297f2d4ed1dd4e168685da928b44eeeb4698', "aria-live": "polite", role: "status", class: "search-results-status" })));
18582
18650
  }
18583
18651
  static get delegatesFocus() { return true; }
18584
18652
  get el() { return getElement(this); }
@@ -18658,12 +18726,12 @@ class SectionContainer {
18658
18726
  }
18659
18727
  render() {
18660
18728
  const { aligned, fullHeight } = this;
18661
- return (hAsync(Host, { key: 'a826359cf3cf5d7f9f37b0bdac2ab58ae79c9df4', class: {
18729
+ return (hAsync(Host, { key: 'cdf7f84dced1f88952eb1a496a065a2df53f16e3', class: {
18662
18730
  ["aligned-left"]: aligned === "left" || aligned === null,
18663
18731
  ["aligned-center"]: aligned === "center",
18664
18732
  ["aligned-full-width"]: aligned === "full-width",
18665
18733
  ["no-vertical-padding"]: !!fullHeight,
18666
- } }, hAsync("slot", { key: 'cc1c0250e0e19864f093ff72bfa312a72f4bdd75' })));
18734
+ } }, hAsync("slot", { key: 'af0e17e0faf507b4cd4da392b3b998175e209024' })));
18667
18735
  }
18668
18736
  static get style() { return IcSectionContainerStyle0; }
18669
18737
  static get cmpMeta() { return {
@@ -18874,6 +18942,39 @@ class Select {
18874
18942
  clearTimeout(this.debounceIcInput);
18875
18943
  this.debounceIcInput = window.setTimeout(() => this.icInput.emit({ value }), this.currDebounce);
18876
18944
  };
18945
+ this.setOptions = () => {
18946
+ if (!this.hasTimedOut && this.options !== this.noOptions) {
18947
+ this.loading = false;
18948
+ clearTimeout(this.timeoutTimer);
18949
+ if (this.options.length > 0) {
18950
+ this.setOptionsValuesFromLabels();
18951
+ this.uniqueOptions = this.deduplicateOptions(this.options);
18952
+ this.filteredOptions = this.uniqueOptions;
18953
+ }
18954
+ else {
18955
+ this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
18956
+ this.uniqueOptions = this.noOptions;
18957
+ this.filteredOptions = this.noOptions;
18958
+ }
18959
+ if (this.isExternalFiltering()) {
18960
+ // When searchable select
18961
+ this.noOptions = null;
18962
+ this.updateSearchableSelectResultAriaLive();
18963
+ this.setDefaultValue();
18964
+ }
18965
+ else {
18966
+ if (this.initialOptionsEmpty) {
18967
+ this.setDefaultValue();
18968
+ this.initialOptionsEmpty = false;
18969
+ }
18970
+ }
18971
+ }
18972
+ else {
18973
+ if (!this.searchable) {
18974
+ this.options = this.noOptions || [];
18975
+ }
18976
+ }
18977
+ };
18877
18978
  /**
18878
18979
  * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
18879
18980
  * @param options array of IcMenuOptions
@@ -19128,11 +19229,7 @@ class Select {
19128
19229
  };
19129
19230
  this.handleCharacterKeyDown = (key) => {
19130
19231
  // Only close menu when space is pressed if not being used alongside character keys to quickly select options
19131
- if (this.open &&
19132
- key === " " &&
19133
- this.pressedCharacters.length === 0 &&
19134
- !this.hasTimedOut &&
19135
- !this.loading) {
19232
+ if (this.open && key === " " && this.pressedCharacters.length === 0) {
19136
19233
  this.setMenuChange(false);
19137
19234
  }
19138
19235
  if (key.length === 1 && !this.searchable) {
@@ -19396,43 +19493,10 @@ class Select {
19396
19493
  removeDisabledFalse$1(this.disabled, this.el);
19397
19494
  }
19398
19495
  loadingHandler(newValue) {
19399
- newValue && this.triggerLoading();
19496
+ newValue ? this.triggerLoading() : this.setOptions();
19400
19497
  }
19401
19498
  watchOptionsHandler() {
19402
- if (!this.hasTimedOut && this.options !== this.noOptions) {
19403
- this.loading = false;
19404
- clearTimeout(this.timeoutTimer);
19405
- if (this.isExternalFiltering()) {
19406
- // When searchable select
19407
- if (this.options.length > 0) {
19408
- this.setOptionsValuesFromLabels();
19409
- this.noOptions = null;
19410
- this.uniqueOptions = this.deduplicateOptions(this.options);
19411
- this.filteredOptions = this.uniqueOptions;
19412
- }
19413
- else {
19414
- this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
19415
- this.uniqueOptions = this.noOptions;
19416
- this.filteredOptions = this.noOptions;
19417
- }
19418
- this.updateSearchableSelectResultAriaLive();
19419
- this.setDefaultValue();
19420
- }
19421
- else {
19422
- this.setOptionsValuesFromLabels();
19423
- this.uniqueOptions = this.deduplicateOptions(this.options);
19424
- this.filteredOptions = this.uniqueOptions;
19425
- if (this.initialOptionsEmpty) {
19426
- this.setDefaultValue();
19427
- this.initialOptionsEmpty = false;
19428
- }
19429
- }
19430
- }
19431
- else {
19432
- if (!this.searchable) {
19433
- this.options = this.noOptions || [];
19434
- }
19435
- }
19499
+ this.setOptions();
19436
19500
  }
19437
19501
  debounceChangedHandler(newValue) {
19438
19502
  this.updateOnChangeDebounce(newValue);
@@ -19547,17 +19611,17 @@ class Select {
19547
19611
  const isClearable = !disabled &&
19548
19612
  (searchable
19549
19613
  ? this.searchableSelectInputValue
19550
- : currValue && showClearButton);
19551
- return (hAsync(Host, { key: '0c1e3c9c3f0f02e6c90f477a92227645bbb383be', class: {
19614
+ : currValue && !this.loading && showClearButton);
19615
+ return (hAsync(Host, { key: '75cf0d014983dd89d440f68080f01333e6c265ee', class: {
19552
19616
  "ic-select-disabled": !!disabled,
19553
19617
  "ic-select-searchable": !!searchable,
19554
19618
  [`ic-select-${size}`]: size !== "medium",
19555
19619
  "ic-select-full-width": !!fullWidth,
19556
19620
  [`ic-theme-${theme}`]: theme !== "inherit",
19557
- }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'd5717cb6d0f74236066e5d21979d19a52d39afcd', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '1bcbd58fcdad81bc02911dc405b554aa03552b6b', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: '72401753a0b711ba9ff7f5b574085fd5fc3e2215', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: 'b1d8d94dddea38195ca54d546e894aef314698ee', slot: "left-icon", class: {
19621
+ }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'eb714cd9445894ca8fd3be546308f19f32d1b54c', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'b458a202cdce6dcfad3d92da57714aa44f73d886', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: '4ac767a175604d7e4f86fa46945fc028be835ff2', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: '7ac05ef11cda6c03db0b1b9f4573a704581524e0', slot: "left-icon", class: {
19558
19622
  ["readonly"]: !!readonly,
19559
19623
  ["has-value"]: !!this.value,
19560
- } }, hAsync("slot", { key: '47c722f6b782b628a33c05bad04613ba0ffa17e9', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
19624
+ } }, hAsync("slot", { key: 'f09cffc377cfe7eb76d1b8bc4c83ec632a99b2df', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
19561
19625
  if (option.children) {
19562
19626
  return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
19563
19627
  }
@@ -19567,7 +19631,8 @@ class Select {
19567
19631
  }))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
19568
19632
  "select-input": true,
19569
19633
  "with-clear-button": !!this.searchableSelectInputValue,
19570
- }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${this.open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue || undefined, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form }), isClearable && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && currValue === null
19634
+ }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${this.open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue || undefined, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form }), isClearable && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue &&
19635
+ (currValue === null || this.loading)
19571
19636
  ? "Clear input"
19572
19637
  : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
19573
19638
  "expand-icon": true,
@@ -19577,13 +19642,13 @@ class Select {
19577
19642
  : valueLabelString) || placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
19578
19643
  "value-text": true,
19579
19644
  "with-clear-button": !!isClearable,
19580
- placeholder: multiple
19645
+ placeholder: !this.loading && multiple
19581
19646
  ? !this.value || this.value.length < 1
19582
19647
  : !this.getLabelFromValue(currValue),
19583
19648
  } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
19584
19649
  "expand-icon": true,
19585
19650
  "expand-icon-open": this.open,
19586
- }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'f34f8aeca465e1f2cf7b721c06f58e4a0bab4ac3', class: {
19651
+ }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '60dac9f71d9787ae401f439dbcd013365c33b713', class: {
19587
19652
  "no-results": this.loading ||
19588
19653
  this.hasTimedOut ||
19589
19654
  (this.noOptions !== null &&
@@ -19593,7 +19658,7 @@ class Select {
19593
19658
  ? this.searchableSelectElement
19594
19659
  : this.customSelectElement), inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || multiple || this.selectOnEnter
19595
19660
  ? "manual"
19596
- : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: '4f7d83b5ce52b334acf98de594c02ad34a58f2f6', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: '3405974e038368a51105ba901a499e4234df5944', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
19661
+ : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: '876f1da870c48b21130b246afa988c4fccefdfc6', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: '657c2433a3ab425432356227e931cafe4268dd8b', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
19597
19662
  }
19598
19663
  static get delegatesFocus() { return true; }
19599
19664
  get el() { return getElement(this); }
@@ -20103,7 +20168,7 @@ class SideNavigation {
20103
20168
  isAppNameSubtitleVariant,
20104
20169
  appTitle: appTitle || "",
20105
20170
  };
20106
- return (hAsync(Host, { key: 'fb3b4d0f5aacea466c00d2070666498fad03cb7e', class: {
20171
+ return (hAsync(Host, { key: 'fdb4a05a49ad2a1cabfe754e1bd1a37f3a8edc92', class: {
20107
20172
  "xs-menu-open": menuOpen && isSDevice,
20108
20173
  "xs-menu-close": !menuOpen && isSDevice,
20109
20174
  "sm-collapsed": !isSDevice && !menuExpanded,
@@ -20112,12 +20177,12 @@ class SideNavigation {
20112
20177
  [`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
20113
20178
  ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
20114
20179
  ["ic-side-navigation-inline"]: !!inline,
20115
- } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'cfcf5cf40063506b1d5e11999bd772d59be886ba', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'e1199b3ddd25f85a9923b539d679bf11b85eb07e', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: 'd3d89fab68ebecdde70bd6d6261c0fd81bdda1a9', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'd87c01d166d182b5a767e296aa22238de118ff4a', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '671878664c41e8d44ed62b620acf25c6078e26d0', class: "navigation-list" }, hAsync("slot", { key: '205c67d3279edbe83853a99592d228dff2e98b27', name: "primary-navigation" }))))), hAsync("div", { key: 'be621438d3883452a9ce44f471898cc19b723a10', class: {
20180
+ } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '09442ef9598068b6b7d26a892c8add34aee04327', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '656b0247b2ec236979226649a34c845449c08e41', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: '6f919c889f8977764ff20179f15fcfb3543b80c4', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '571d80e8268f254c01eeeaa71a50538a27418f14', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: 'dc213683a411f643beec4daba6149279121a5d69', class: "navigation-list" }, hAsync("slot", { key: '250094a991fa798e8dbbfde7b2d92533e28450fb', name: "primary-navigation" }))))), hAsync("div", { key: 'c224bc9fcc202af5e4bd422665eba6435370ca6b', class: {
20116
20181
  ["bottom-wrapper"]: true,
20117
20182
  ["classification-spacing"]: hasClassificationBanner(),
20118
- } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: '0075e727cb1618ff3b09c5d1d613c8788a4463ab', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: 'c2bf5cd0a50611ee03a51d520d9976e35f27267a', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '684998117db93f3c22c07d3d550310aae9968bf2', class: "navigation-list" }, hAsync("slot", { key: 'db05162c302b252d92f3921257904119c34a1bd1', name: "secondary-navigation" })))), hAsync("div", { key: '44a26aafd9510543bb000f3fbaca4872a1fc989b', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '1e8dea5e2686b5dd43a8e79589bf557a965f6b91' }), displayExpandBtn && (hAsync("button", { key: '64bef7ce7c1fe3f6d837c9dadfc55b3fe0eddec1', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '4166d9cba9edc66f773552280b82e58f9b5aed6d', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '01a05942ac2d77a6c71501ef8308dfc7b42c6502', class: {
20183
+ } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: '7454932cc0e6a47625fbb5b5d561a4f5aa4946fc', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '5c31b58a771c1c815a2ffbb897bbcc3d0b0ec9b8', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '8812e8135d7834b16be2519128da55df35fbd5cc', class: "navigation-list" }, hAsync("slot", { key: '3cea0343138a77b5d347cdaff1655518cb3535aa', name: "secondary-navigation" })))), hAsync("div", { key: 'fe6d7574d5e858d568055779fc9c59002173f0f8', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '9a0612520ccd9bb03254231fcaa0e4028fc229db' }), displayExpandBtn && (hAsync("button", { key: '4c31a8e2418fa83bb4360d804c4e0911b880dafd', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '18c3118a75f9b8705c7657c8a8b8bd70c2fa8af5', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '236d0139bbe5e1f76a10f97a7b783fbd3279e967', class: {
20119
20184
  ["app-status"]: true,
20120
- } }, hAsync("ic-typography", { key: 'f417366c7c2ff3be1c653bfdd376563da5c0a343', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '58c3bb697b4d13712ec0ac9b4ad732659f6a4b3e', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
20185
+ } }, hAsync("ic-typography", { key: '6b5e19ca0adffcee91c888303f2b63fcb6399526', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '4bc19eedcb3e3be4f55d20a2e9716531f4c59e20', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
20121
20186
  }
20122
20187
  get el() { return getElement(this); }
20123
20188
  static get watchers() { return {
@@ -20180,11 +20245,11 @@ class Skeleton {
20180
20245
  width: el.style.width || (variant === "circle" ? "25px" : "260px"),
20181
20246
  }
20182
20247
  : undefined;
20183
- return (hAsync(Host, { key: '6026c06cedc2bf04f95a2f311a4d943a391bc1de', class: {
20248
+ return (hAsync(Host, { key: '9ffbb955b86285af2c160758103d510d46a9f21e', class: {
20184
20249
  skeleton: true,
20185
20250
  "ic-skeleton-circle": variant === "circle",
20186
20251
  [`ic-theme-${theme}`]: theme !== "inherit",
20187
- }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'cbb1b173f3ba8165b5381be2c0220f531bcd024d' })));
20252
+ }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '3c4cbba97c1810ff79d3dd21bcb6c2fd0aa53ce7' })));
20188
20253
  }
20189
20254
  get el() { return getElement(this); }
20190
20255
  static get style() { return IcSkeletonStyle0; }
@@ -20232,16 +20297,23 @@ class SkipLink {
20232
20297
  */
20233
20298
  this.transparentBackground = false;
20234
20299
  }
20300
+ /**
20301
+ * Sets focus on the element.
20302
+ */
20303
+ async setFocus() {
20304
+ if (this.linkEl)
20305
+ this.linkEl.setFocus();
20306
+ }
20235
20307
  render() {
20236
20308
  const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
20237
- return (hAsync(Host, { key: '64ac2ffd70f0240d311d7ebfdfee23526fb0c764', class: {
20309
+ return (hAsync(Host, { key: '393b8b454602c3021d806bdcd10a5d8baa3e62d3', class: {
20238
20310
  [`ic-theme-${theme}`]: theme !== "inherit",
20239
- } }, hAsync("ic-link", { key: '4c43fc77e85292af003718b84adb0c34b41169f9', class: {
20311
+ } }, hAsync("ic-link", { key: '7992ba972d60c023c0cde20ab6d37d50d66891be', class: {
20240
20312
  "display-top": !inline,
20241
20313
  "full-width": !!fullWidth,
20242
20314
  "show-background": !transparentBackground,
20243
20315
  inline: !!inline,
20244
- }, href: `#${target}`, monochrome: monochrome, theme: theme }, label)));
20316
+ }, href: `#${target}`, monochrome: monochrome, theme: theme, ref: (el) => (this.linkEl = el) }, label)));
20245
20317
  }
20246
20318
  get el() { return getElement(this); }
20247
20319
  static get style() { return IcSkipLinkStyle0; }
@@ -20255,7 +20327,8 @@ class SkipLink {
20255
20327
  "monochrome": [4],
20256
20328
  "target": [1],
20257
20329
  "theme": [1],
20258
- "transparentBackground": [4, "transparent-background"]
20330
+ "transparentBackground": [4, "transparent-background"],
20331
+ "setFocus": [64]
20259
20332
  },
20260
20333
  "$listeners$": undefined,
20261
20334
  "$lazyBundleId$": "-",
@@ -20300,12 +20373,12 @@ class StatusTag {
20300
20373
  }
20301
20374
  render() {
20302
20375
  const { label, status, variant, size, announced, theme, uppercase } = this;
20303
- return (hAsync(Host, { key: '2ac2523a20a7520be1219cb32374b08a9bb6db57', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '9098c32e9038dc2eb76ca5425537f0f9e5dc3947', class: {
20376
+ return (hAsync(Host, { key: '05da4b9dad7f0b5201de00ca980fa718fe35d5e7', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '2127b5788fbc664f0d85fa93416992cf3401df2c', class: {
20304
20377
  ["tag"]: true,
20305
20378
  [`${variant}-${status}`]: true,
20306
20379
  ["outlined"]: variant === "outlined",
20307
20380
  [`${size}`]: true,
20308
- } }, hAsync("ic-typography", { key: 'e54d4ef968acc6ccfa85fca33cb6c76b62c2ce51', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '5dae654cf0367927bb3a89fb075dd2b467f66dcf' }, label)))));
20381
+ } }, hAsync("ic-typography", { key: '9ebf0f3e09cf60c0bf70e10bb50b07f314550f9b', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '4901eb5f043ab616995b4af00dab982f3429d57a' }, label)))));
20309
20382
  }
20310
20383
  static get style() { return IcStatusTagStyle0; }
20311
20384
  static get cmpMeta() { return {
@@ -20330,7 +20403,7 @@ var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" x
20330
20403
  <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"/>
20331
20404
  </svg>`;
20332
20405
 
20333
- const icStepCss = ":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%}:host(.ic-step-default) .step-icon{background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";
20406
+ const icStepCss = ":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";
20334
20407
  var IcStepStyle0 = icStepCss;
20335
20408
 
20336
20409
  class Step {
@@ -20389,29 +20462,29 @@ class Step {
20389
20462
  // STATUS ICON FOR COMPACT STEP
20390
20463
  let statusIcon;
20391
20464
  if (this.type === "completed" || this.compactStepStyling === "completed") {
20392
- statusIcon = (hAsync("span", { key: '037cdd093417bdeff6f9de2795a2c0a29e23db63', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
20465
+ statusIcon = (hAsync("span", { key: '1f427dac76b7c702380db8e1357ae397d54af00c', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
20393
20466
  }
20394
20467
  else if (this.type === "disabled" ||
20395
20468
  this.compactStepStyling === "disabled") {
20396
- statusIcon = (hAsync("span", { key: '115e2d476464fb4b4c48516e6cfc108928e6ebdc', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
20469
+ statusIcon = (hAsync("span", { key: '21a771d7bff59a75347c14cdb4116578d7b79f59', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
20397
20470
  }
20398
20471
  // COMPACT STEP COMPONENT
20399
- const compactStep = (hAsync("div", { key: 'ff799c9a5ac470cd917ecf47896c07d3e8ad6a55', class: {
20472
+ const compactStep = (hAsync("div", { key: 'f868a8e639267dbb0cd161de1599f6b3bf3d8760', class: {
20400
20473
  ["step"]: true,
20401
20474
  ["current"]: !!this.current,
20402
20475
  [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
20403
20476
  ["disabled"]: this.type === "disabled" || this.compactStepStyling === "disabled",
20404
- } }, hAsync("ic-loading-indicator", { key: 'd96083b68c5bd6c34adb1062ab508adf2f3274c0', class: {
20477
+ } }, hAsync("ic-loading-indicator", { key: '2eed845c114493edd44643010a9e88ffaf565348', class: {
20405
20478
  "compact-step-progress-indicator": true,
20406
20479
  "not-required": this.type === "disabled" ||
20407
20480
  this.compactStepStyling === "disabled",
20408
- }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: '1f6b95b5b99ab252f68e3501f6909b9b8240546b', class: "heading-area" }, hAsync("ic-typography", { key: '8de4cab1512b2406d9d6e38a34026dd786727c56', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: 'f0aac2d40c6d7c75dba1a8ea061fe70fde1684f8', class: "info-line" }, hAsync("ic-typography", { key: 'd7802839d057c38f72319063302e0f556b4b8799', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: 'b1f8716701f30af917c056dea0b77b23cbb86a09', class: "visually-hidden" }, " steps")), (this.subheading ||
20481
+ }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: '6554399f3dd141e54a48a943e02a4a322e762812', class: "heading-area" }, hAsync("ic-typography", { key: 'a9c8228de33980926374dff5cb37aee8bae1701e', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: '78613aa18d9e4fb26c94513901510a5f45d948a5', class: "info-line" }, hAsync("ic-typography", { key: '9d786cc1a59083003b592decf4d6b8606cf2355c', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: 'db88aecec5664dc35751a6df96772f184f521a9b', class: "visually-hidden" }, " steps")), (this.subheading ||
20409
20482
  this.type === "completed" ||
20410
20483
  this.type === "disabled" ||
20411
20484
  (this.variant === "compact" &&
20412
20485
  !!this.compactStepStyling &&
20413
20486
  this.compactStepStyling !== "active") ||
20414
- !!this.status) && (hAsync("div", { key: '230dc72e7a579193f8cf1a8552d1ef5749b1d04c', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: '4a089ec12dc7e4f77d3469e08e4ef77b3d3144a3', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
20487
+ !!this.status) && (hAsync("div", { key: '40088862f2851ba8ce6847eed204e30eadbf492e', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: 'ec4817f24ad5ca76e23a1a514377a6955866c767', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
20415
20488
  ? this.subheading
20416
20489
  : this.type === "disabled" ||
20417
20490
  (this.variant === "compact" &&
@@ -20424,26 +20497,26 @@ class Step {
20424
20497
  // ICON FOR DEFAULT STEP
20425
20498
  let icon;
20426
20499
  if (this.type !== "completed") {
20427
- icon = (hAsync("ic-typography", { key: '74584e3b8e9d2d3554723b3b7f23ca9fd2637800', variant: "subtitle-small" }, hAsync("span", { key: '60a00009b73f622ff0d040d09d9b569b28be9cde', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
20500
+ icon = (hAsync("ic-typography", { key: '7c3761c9d24ff5dfe8c964854a48ff252b1e9fd9', variant: "subtitle-small" }, hAsync("span", { key: '6c8f4f3a50672c2488f8a315710873ef6c52786e', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
20428
20501
  }
20429
20502
  else {
20430
- icon = (hAsync("div", { key: 'fae4dd9d0eab63264e9aed6e7b659da9d3ff511e', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '7f83174116e62e676940ca9ec23561250803d15f', class: "check-icon", innerHTML: checkIcon })));
20503
+ icon = (hAsync("div", { key: 'b1c4ef50a261eb03fc59c163b81b066da552bc9e', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '1c6f70f13630721dc346fd060ef5762db64d0060', class: "check-icon", innerHTML: checkIcon })));
20431
20504
  }
20432
20505
  // STEP CONNECT FOR DEFAULT STEP
20433
- const partialBar = this.type === "current" && (hAsync("div", { key: 'eb8b63c2d0af8d883c09a56b8d3c47afac3e5f81', class: "step-connect-inner" }));
20434
- const finalStep = !this.lastStep && (hAsync("div", { key: 'cc6e694712782a11aeccc78a0a4f06f39fec3819', class: {
20506
+ const partialBar = this.type === "current" && (hAsync("div", { key: '0bd1f88968b4dade7e3ac0d59366d1617eefbf05', class: "step-connect-inner" }));
20507
+ const finalStep = !this.lastStep && (hAsync("div", { key: 'e5ba2386bb41b73ba403f4b25cb35490337f2438', class: {
20435
20508
  ["step-connect"]: true,
20436
20509
  ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
20437
20510
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
20438
20511
  } }, partialBar));
20439
20512
  // DEFAULT STEP COMPONENT
20440
- const defaultStep = (hAsync("div", { key: '91c97641133852cc4a5f4d3b8d1cae4996789cc3', class: {
20513
+ const defaultStep = (hAsync("div", { key: '566b8850396d217c860d56cb888d7c2aef0c37f1', class: {
20441
20514
  ["step"]: true,
20442
20515
  [`${this.type}`]: true,
20443
- } }, hAsync("div", { key: '6ebf175f84536a4ab79e3a130e952b592ec9e965', class: "step-top" }, hAsync("div", { key: '23f9b5a7cd4fb0908b7f65ea55c192ee3a2964de', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '7be8f0257f73a29c0ff6f6bf31830a40cb3fe81f', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: 'fd775a67501c4bd5db9498fc8fa57404f2a51163', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: '2a857f45ff18834e6199a56330e68d40b034afae', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
20516
+ } }, hAsync("div", { key: '186c7bef279eeb2946386575feeeced052f08138', class: "step-top" }, hAsync("div", { key: '5d10ecf14bb246c027a5da06e8b20021ee2acc6c', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '040d206eb85fd8d92196e98c00b36d91a1df4abe', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: 'f6dd0dcde3f9b6f7f1c6af2f70f9becd03755ed7', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: 'cba0c001b4d95b8831eca60d15a915be72ffa137', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
20444
20517
  ? this.subheading
20445
20518
  : stepStatus))))));
20446
- return (hAsync(Host, { key: 'ad0c3301d762c11a2a2c78c3a25b4581dca348e9', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
20519
+ return (hAsync(Host, { key: 'd438a7069a17cac764091211852688fdad1fb91c', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
20447
20520
  ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
20448
20521
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
20449
20522
  [`ic-step-${this.variant}`]: true,
@@ -20724,11 +20797,11 @@ class Stepper {
20724
20797
  checkResizeObserver$1(this.runResizeObserver);
20725
20798
  }
20726
20799
  render() {
20727
- return (hAsync(Host, { key: '6184a1c30e7030f1e364eda2e56f3ead3c8c5e8f', class: {
20800
+ return (hAsync(Host, { key: 'a1d7a617e934f7802920dbdc4051dc3179780635', class: {
20728
20801
  [`ic-stepper-${this.variant}`]: true,
20729
20802
  ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
20730
20803
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
20731
- } }, hAsync("ul", { key: 'b0cb92330e78579947ec33066858ee53ae2c1adb', class: "step-item-list" }, hAsync("slot", { key: 'd797bf78df3340efc566de5e1f62f3ecf8245d49' }))));
20804
+ } }, hAsync("ul", { key: '1c3d2859f17c11c184378a910dd4afaa026be6f9', class: "step-item-list" }, hAsync("slot", { key: '346c45c4f7292f9b9712cfd6cc7559daa5f69573' }))));
20732
20805
  }
20733
20806
  get el() { return getElement(this); }
20734
20807
  static get watchers() { return {
@@ -20857,16 +20930,16 @@ class Switch {
20857
20930
  const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
20858
20931
  const isSmall = size === "small";
20859
20932
  renderHiddenInput$1(true, this.el, name, checkedState ? value : "", disabled);
20860
- return (hAsync(Host, { key: '4654ef1f6473fdea79fd053879fa7bbf1699418d', class: {
20933
+ return (hAsync(Host, { key: 'dc6214323bf2e4bbe8bb0330b0ee7923bc7aa1f5', class: {
20861
20934
  [`ic-theme-${theme}`]: theme !== "inherit",
20862
- } }, hAsync("label", { key: 'c6dca6f468eeb7c9e8151af1168fd8429c82d72b', class: {
20935
+ } }, hAsync("label", { key: '373c897b0d6bc5a18cdfffac069cb5f81f8a572d', class: {
20863
20936
  "ic-switch-container": true,
20864
20937
  "ic-switch-disabled": !!disabled,
20865
20938
  "ic-switch-small": isSmall,
20866
- }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '5622227e775f787aac275619841e65c34209102a', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
20939
+ }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '6b84222939b9524c55f7f71365d1c98c0f2f09d4', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
20867
20940
  "ic-switch-label": true,
20868
20941
  "ic-switch-label-small": isSmall,
20869
- } })), !hideLabel && hAsync("span", { key: '74ec90ef32d23a02c7c6ceb7571e19d4c81091c8', class: "ic-switch-line-break" }), hAsync("input", { key: 'f518a9a4db7eeb7ceafe5bb44c632ba6d3a9f64f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '72c49eeeb4bf26416dba25a612757a172a896bf0', class: "ic-switch-toggle" }, hAsync("svg", { key: '2b31b154fd70258f3386013e287d0e10e4e4e56c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '61f089501da929a5bec439c9b6c7bf3cd1233b6f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '1ed62e82659c4c1a0a6935eb3805aa65a3117353', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '54012f70a4ed7c1fba7a0679cab8bdc8c0179b80', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: '89de0ba1f401d01ae0cf6cb9be70f802686577fd', name: "right-adornment" }))));
20942
+ } })), !hideLabel && hAsync("span", { key: '1a74ab2972112bb4dc563c5f008a1aa28ec1f271', class: "ic-switch-line-break" }), hAsync("input", { key: '5871bd60383e2d714b0c2672581fd51066d68f71', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '713e8d487702539bcf693f17e1f19db48e7fccf7', class: "ic-switch-toggle" }, hAsync("svg", { key: '3bd2e78e073de2038503c6e96d9892920ba4ede8', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '5736eb63f0e43b14b92881675e90eeb584a3d534', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '0a242caa62aba03887edd998c5d6155db1f4a739', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '426cf57606cf3ef83507a371e401c3d5077c6e2f', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'c1b0a28db368ffcde6c20f73b10bd77d923c5f44', name: "right-adornment" }))));
20870
20943
  }
20871
20944
  static get delegatesFocus() { return true; }
20872
20945
  get el() { return getElement(this); }
@@ -20989,13 +21062,13 @@ class Tab {
20989
21062
  }
20990
21063
  render() {
20991
21064
  const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
20992
- return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
21065
+ return (hAsync(Host, { key: '1ed05e38ce9bbc72b8ff0c714e5fb2b032252f9f', class: {
20993
21066
  ["with-transition"]: !this.isInitialRender,
20994
21067
  ["ic-tab-selected"]: !!selected,
20995
21068
  ["ic-tab-disabled"]: !!disabled,
20996
21069
  [`ic-theme-${theme}`]: theme !== "inherit",
20997
21070
  ["ic-tab-monochrome"]: !!monochrome,
20998
- }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), hAsync("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, hAsync("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
21071
+ }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '33db782cd42b31986cf34a6540d9c4ec42fac4b7', name: "icon" }), hAsync("ic-typography", { key: '2b6dcbcd63858abfd865ffd5c22e8501817b26c7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: 'a43a40ddcd00a31ebacf68ed143ce07eb87ac2e9' }, hAsync("slot", { key: '35c756071a95bf5a57a0c3389c7bcc3221dbc8f8' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '56b5d0f259fc8e42cd70e790c3e4b5d2a10a99d9', name: "badge" })));
20999
21072
  }
21000
21073
  get el() { return getElement(this); }
21001
21074
  static get watchers() { return {
@@ -21244,7 +21317,7 @@ class TabContext {
21244
21317
  }
21245
21318
  }
21246
21319
  render() {
21247
- return hAsync("slot", { key: '83e9c882369eebc5fd170b2ceabf423047cd14d6' });
21320
+ return hAsync("slot", { key: '0df9be3f91695a070675c0809d85e94e4d64ec3b' });
21248
21321
  }
21249
21322
  get el() { return getElement(this); }
21250
21323
  static get watchers() { return {
@@ -21290,11 +21363,11 @@ class TabGroup {
21290
21363
  }
21291
21364
  render() {
21292
21365
  const { inline, theme, label, monochrome } = this;
21293
- return (hAsync(Host, { key: 'f42b97ec6fa8e200fbb5b5d2114f3f98d4f6ad35', role: "tablist", "aria-label": label, class: {
21366
+ return (hAsync(Host, { key: '08da1fef9eb0a16a7f9d0f7cffff3894b3319b09', role: "tablist", "aria-label": label, class: {
21294
21367
  ["ic-tab-group-inline"]: !!inline,
21295
21368
  [`ic-theme-${theme}`]: theme !== "inherit",
21296
21369
  ["ic-tab-group-monochrome"]: !!monochrome,
21297
- } }, hAsync("ic-horizontal-scroll", { key: 'fdfe2de9cecf661c164dda34f523c73520f6bce6', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '6523acdad07d4b4a48dab269da3cca2bf3003899', class: "tabs-container" }, hAsync("slot", { key: '032517ca94833114e39faf4ad5da3126197e780a' })))));
21370
+ } }, hAsync("ic-horizontal-scroll", { key: 'c12cc06aba78c85277b3eab2250c8e61a3b4c4da', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '01c299ea10f8600e2e9df303e06c4e97dcdab7c3', class: "tabs-container" }, hAsync("slot", { key: '1f2cb7d4f2f86c7e3ba8f910797a963d15d9a7e0' })))));
21298
21371
  }
21299
21372
  static get delegatesFocus() { return true; }
21300
21373
  static get style() { return IcTabGroupStyle0; }
@@ -21337,10 +21410,10 @@ class TabPanel {
21337
21410
  }
21338
21411
  render() {
21339
21412
  const { active, theme } = this;
21340
- return (hAsync(Host, { key: '629c66ac51b529d443ad613d61f6875958e9d1a2', class: {
21413
+ return (hAsync(Host, { key: 'ec5befdef261599b9f010a547bec533c28422dcd', class: {
21341
21414
  [`ic-theme-${theme}`]: theme !== "inherit",
21342
21415
  "ic-tab-panel-hidden": !active,
21343
- }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '1f018abefa14feeaa6a1de08aa3c84c78788e8ea' }, hAsync("slot", { key: '86343dd2934fa698c26dfe09b88a4b9004b62184' }))));
21416
+ }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '76bf7fc0f05bd9422c79ba6a592561c211b20bec' }, hAsync("slot", { key: '5ecfbc0ad3dc9c11b482f81557afc2afa5dd2803' }))));
21344
21417
  }
21345
21418
  get el() { return getElement(this); }
21346
21419
  static get style() { return IcTabPanelStyle0; }
@@ -21613,6 +21686,9 @@ class TextField {
21613
21686
  let value;
21614
21687
  if (this.maxCharacters > 0) {
21615
21688
  value = newValue.substring(0, this.maxCharacters);
21689
+ if (value.length < newValue.length) {
21690
+ this.maxCharactersWarning = true;
21691
+ }
21616
21692
  this.value = value;
21617
21693
  }
21618
21694
  else {
@@ -21666,7 +21742,9 @@ class TextField {
21666
21742
  }
21667
21743
  handleKeyDown(ev) {
21668
21744
  this.icKeydown.emit({ event: ev });
21669
- this.maxCharactersWarning = this.maxCharactersReached;
21745
+ if (!ev.ctrlKey && !IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {
21746
+ this.maxCharactersWarning = this.maxCharactersReached;
21747
+ }
21670
21748
  }
21671
21749
  /**
21672
21750
  * Sets focus on the native `input`.
@@ -21717,14 +21795,14 @@ class TextField {
21717
21795
  hiddenInput
21718
21796
  ? renderHiddenInput$1(true, this.el, name, value, disabledMode)
21719
21797
  : removeHiddenInput(this.el);
21720
- return (hAsync(Host, { key: '86521a8f619d3f6d09b60fc5251ac153e7f3238d', class: {
21798
+ return (hAsync(Host, { key: '23cb6b387a381e50b3f1854c3870a1f7e3bfa23e', class: {
21721
21799
  "ic-text-field-full-width": !!fullWidth,
21722
21800
  [`ic-theme-${theme}`]: theme !== "inherit",
21723
21801
  "ic-text-field-disabled": !!disabledMode,
21724
- } }, hAsync("ic-input-container", { key: '2096846a987f396e8786d916f6eca14b277dd6a3', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { key: '1bb84c2156b0d8af5bba67a06a8680b8cd44b7d0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: 'a1eb781a88dbfbed7a7b084344fd0ca685e35b99', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '96639821c5f5ab88716be7b01a66462ae92ab358', class: {
21802
+ } }, hAsync("ic-input-container", { key: '87bc697a55a04e7aefdeafd6d37eff3824990034', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { key: 'a289d63c13ed94a8282eab7b16ace632a59c83ed', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: '51b602029de06b6147c17a01ba427a558410c4df', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'c1ac46bc7a8114f4a6dce0126784a7333777b168', class: {
21725
21803
  readonly: !!readonly,
21726
21804
  "has-value": this.getNumberOfCharacters(value) > 0,
21727
- }, slot: "left-icon" }, hAsync("slot", { key: 'b3381ff815a38032d600619bc8245c01d8aa1dd7', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
21805
+ }, slot: "left-icon" }, hAsync("slot", { key: '312ac15fb4ccb3873bfddec4c60c4fb234aa0e28', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
21728
21806
  "no-left-pad": !showLeftIcon && !!readonly,
21729
21807
  readonly: !!readonly,
21730
21808
  "truncate-value": !!truncateValue,
@@ -21732,19 +21810,19 @@ class TextField {
21732
21810
  "no-resize": resize === false || !!readonly,
21733
21811
  "no-left-pad": !showLeftIcon && !!readonly,
21734
21812
  readonly: !!readonly,
21735
- }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '5e5bdb069b688fa77e1c5c91f38e82a4e3dd40bc', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '2c0304de79f15bb6a42c96541a7ac51b65b4a5ec', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: 'c1d7d1239091fcc56e807b4dabcd1310a87e098e', name: "menu" }), (!isEmptyString$1(validationStatus) ||
21813
+ }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '86e21e2775c078a2322e1fdf6cf3323cba757917', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '9a1800781608f067e5e6f4a0b097ab4fec148fc2', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: '1281dfee838c2af0822b8ec2d477c6290cd5b020', name: "menu" }), (!isEmptyString$1(validationStatus) ||
21736
21814
  !isEmptyString$1(validationText) ||
21737
21815
  maxNumChars > 0 ||
21738
21816
  maxValueExceeded ||
21739
21817
  maxCharactersWarning ||
21740
21818
  minCharactersUnattained ||
21741
21819
  minValueUnattained) &&
21742
- !validationInlineInternal && (hAsync("ic-input-validation", { key: 'a7e01f7f27d62f34168bc3646fa6b7b4045eac3c', status: this.hasStatus(currentStatus) === false ||
21820
+ !validationInlineInternal && (hAsync("ic-input-validation", { key: '3adb6e2274e123e2c96985b0008e887b791d8e21', status: this.hasStatus(currentStatus) === false ||
21743
21821
  (currentStatus === IcInformationStatus$1.Success &&
21744
21822
  validationInline) ||
21745
21823
  validationInlineInternal
21746
21824
  ? ""
21747
- : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '083cc90a38f57ee6b4ec82536e8dc432fed387b6', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'ca3571863c4e9c47fb1a8e06eb5ebf700e640fd6', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'f9435768788239f7f7e8ef46a80406ba5da9b525', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'd0f9fef8adb1d92d6d5479995fe3f3b28202dbe1', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { key: '892a02dca5b1deeecfc774ee56ca74830644b18a', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
21825
+ : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '0d35ea132f089aa5554d0d4387fc92f0ba256ec4', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '27132c969fa6d92e21c84795341a7eb520307df0', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'db55472d6e4d40e03a5a8442d9e5dc388e77ca14', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'a42b206be46d1df23b01c1688cb430a062c4fbc9', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { key: 'b5e3a90f0cc7cfb16e3a337d886cf0360748fca2', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
21748
21826
  }
21749
21827
  get el() { return getElement(this); }
21750
21828
  static get watchers() { return {
@@ -21819,6 +21897,7 @@ class Theme {
21819
21897
  constructor(hostRef) {
21820
21898
  registerInstance(this, hostRef);
21821
21899
  this.brandChange = createEvent(this, "brandChange", 7);
21900
+ this.icThemeChange = createEvent(this, "icThemeChange", 7);
21822
21901
  this.themeClass = "";
21823
21902
  /**
21824
21903
  * The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
@@ -21839,6 +21918,7 @@ class Theme {
21839
21918
  else {
21840
21919
  this.themeClass = `ic-theme-${this.theme}`;
21841
21920
  }
21921
+ this.icThemeChange.emit(this.theme);
21842
21922
  };
21843
21923
  this.checkBrandColorContrast = () => {
21844
21924
  if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
@@ -21879,7 +21959,7 @@ class Theme {
21879
21959
  }
21880
21960
  render() {
21881
21961
  const { themeClass } = this;
21882
- return (hAsync(Host, { key: '8b3a86598f9539940fdfc534c4482246b043985c', class: themeClass }, hAsync("slot", { key: '0d55a0ae9b75cfeccf0aa30bd31a2c3a09058ce7' })));
21962
+ return (hAsync(Host, { key: '512d47b99bd3f18979a2e5bf12dc1959c4135026', class: themeClass }, hAsync("slot", { key: '16f87dc2ea22a43fa7208a9a4e37c5e37e779fc6' })));
21883
21963
  }
21884
21964
  static get watchers() { return {
21885
21965
  "brandColor": ["watchBrandColorPropHandler"],
@@ -22104,13 +22184,13 @@ class Toast {
22104
22184
  }
22105
22185
  render() {
22106
22186
  const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
22107
- return (hAsync(Host, { key: '3bb9efd8ae3679ba4558b388a275d2cd634268b8', class: { ["ic-toast-hidden"]: !visible }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '49277a9c418908cfd3eb9302bae684462e1c6d55', class: "container" }, variant && visible && (hAsync("div", { key: '805dbac817d5a7e714ce5b4478e426144df02cb8', class: "toast-icon-container" }, hAsync("div", { key: '769af7c12a009955bff31c02008f09530bc19a77', class: {
22187
+ return (hAsync(Host, { key: '72285c4f90a5364563549c3991a56ea15a7f09b0', class: { ["ic-toast-hidden"]: !visible }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '165ac4c4776633f826dfb4da11ec950ab5ee1d74', class: "container" }, variant && visible && (hAsync("div", { key: '646d6326faeb131c256375eaa7a422862e603c87', class: "toast-icon-container" }, hAsync("div", { key: '1a679a2ad07206ce49af54f099aab135db3dc863', class: {
22108
22188
  ["divider"]: true,
22109
22189
  [`divider-${variant}`]: true,
22110
- } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'b9987c78c1bdd2def39ecd64ad5a7acb19568a90', class: {
22190
+ } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'faec1abb053c98b482f2cbbc3b6cbb097bc7cfca', class: {
22111
22191
  ["toast-content"]: true,
22112
22192
  ["no-icon"]: variant === "neutral" && !isSlotUsed$1(this.el, "neutral-icon"),
22113
- } }, hAsync("div", { key: 'bda1df0dfb9e5a05a84ec6d825a4eef72978127e', class: "toast-text" }, hAsync("ic-typography", { key: '9631f1f1ec54f4694cbe3d80849079d04d9e987e', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '87dd87445e270972bab5d931c48b0ae2a70c94ad', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'bfe2daf83b1d9e62c4606a00c8615f1f899d0506' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '8041f14d81743cd478241aae8e4921b204d68745', class: "toast-action-container" }, hAsync("slot", { key: '0d3cc468aeee3827643be5e0ae17791cd1332f84', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", "aria-label": dismissButtonAriaLabel })))));
22193
+ } }, hAsync("div", { key: '66a53a2d8f2433d55b353b8b19f487007baea78a', class: "toast-text" }, hAsync("ic-typography", { key: 'af86eaaef197aff5faae041b32c3823ffcbb785b', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '9a04f32939a2739826207d6b3df6796eb0d424ac', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '9ba710ed859c1dd9e8a6ed448207890faad5d706' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '68bf4d05f52322d6d056a583194e21b2dcadc2d1', class: "toast-action-container" }, hAsync("slot", { key: '39524496fb13e55b7828f5c6d70172ffe80ebae8', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", "aria-label": dismissButtonAriaLabel })))));
22114
22194
  }
22115
22195
  get el() { return getElement(this); }
22116
22196
  static get watchers() { return {
@@ -22182,7 +22262,7 @@ class ToastRegion {
22182
22262
  }
22183
22263
  }
22184
22264
  render() {
22185
- return hAsync("slot", { key: '6dbc76c96060dfd2265e50d622e10ee5c2202b67' });
22265
+ return hAsync("slot", { key: '304f72b97b4c6fe1ff998e46f6d2daf80dca9c18' });
22186
22266
  }
22187
22267
  get el() { return getElement(this); }
22188
22268
  static get watchers() { return {
@@ -22200,7 +22280,7 @@ class ToastRegion {
22200
22280
  }; }
22201
22281
  }
22202
22282
 
22203
- const icToggleButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-hover\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-pressed\n )}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed\n );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-hover:var(\n --ic-toggle-button-unselected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n --ic-toggle-button-selected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-selected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-selected-text-monochrome\n )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-unselected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-disabled-monochrome\n )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-selected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-selected-text-disabled-monochrome\n )}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host ::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover)}:host ::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active)}:host(.ic-toggle-button-disabled) ::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-border-focus),\n var(--ic-border-focus)}:host ::part(button):hover{background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n --ic-toggle-button-unselected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n --ic-toggle-button-selected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text),\n var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed\n );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed\n );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}";
22283
+ const icToggleButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-hover\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-pressed\n )}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed\n );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-hover:var(\n --ic-toggle-button-unselected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n --ic-toggle-button-selected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-selected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-selected-text-monochrome\n )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-unselected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-disabled-monochrome\n )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-selected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-selected-text-disabled-monochrome\n )}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host ::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover);background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active);background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-disabled) ::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-border-focus),\n var(--ic-border-focus)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n --ic-toggle-button-unselected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n --ic-toggle-button-selected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text),\n var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed\n );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed\n );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}";
22204
22284
  var IcToggleButtonStyle0 = icToggleButtonCss;
22205
22285
 
22206
22286
  /**
@@ -22336,7 +22416,7 @@ class ToggleButton {
22336
22416
  }
22337
22417
  }
22338
22418
  render() {
22339
- return (hAsync(Host, { key: '3af5618d6fcc757a400771e528fb0cf9f6bca618', class: {
22419
+ return (hAsync(Host, { key: '52df8ea7e88a94edef05a3212d5abd8e7e4e5321', class: {
22340
22420
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22341
22421
  ["ic-toggle-button-disabled"]: !!this.disabled,
22342
22422
  ["ic-toggle-button-checked"]: !!this.checked,
@@ -22345,7 +22425,7 @@ class ToggleButton {
22345
22425
  ["ic-toggle-button-loading"]: !!this.loading,
22346
22426
  ["ic-toggle-button-monochrome"]: !!this.monochrome,
22347
22427
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22348
- }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'ebdfe0fb37f690d9cfd1b3fac8a00bf07adcb4bf', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '70d7727fa11def0e2a584cf4f109f478c7ea890b' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: '1ea0fbc98887941e6aa06c8424c6d32c70236238', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '9d15b5e6e2dc70c046d0425738601bbcd20500e2', name: "badge", slot: "badge" })))));
22428
+ }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '332f1ce7a102149b54ddec12af25b110bd1b69ea', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '08cd5315510551d00f0e357297f34bf058dfa61c' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: '517575dc1d0a7a383ebb746a0945041ca269fad4', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '533e591e1bbe1fc5a138ebf826044a6943b3ab01', name: "badge", slot: "badge" })))));
22349
22429
  }
22350
22430
  static get delegatesFocus() { return true; }
22351
22431
  get el() { return getElement(this); }
@@ -22609,14 +22689,14 @@ class ToggleButtonGroup {
22609
22689
  return Array.from(this.el.querySelectorAll("ic-toggle-button"));
22610
22690
  }
22611
22691
  render() {
22612
- return (hAsync(Host, { key: '38b50c347fb706a9cf4f047bacf37141b68d2163', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
22692
+ return (hAsync(Host, { key: '2e71b71fdfd5980825026f5c070a5ebd5a253450', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
22613
22693
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22614
22694
  ["ic-toggle-button-group-full-width"]: !!this.fullWidth,
22615
22695
  ["ic-toggle-button-group-loading"]: !!this.loading,
22616
22696
  ["ic-toggle-button-group-disabled"]: this.disabled,
22617
22697
  [`ic-toggle-button-group-monochrome`]: !!this.monochrome,
22618
22698
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22619
- }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '5364b0056716f8a66296eb3a680961f8d2424b6d' })));
22699
+ }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'd4d53025593fe484f1c64339775fbb2bea8f96d0' })));
22620
22700
  }
22621
22701
  get el() { return getElement(this); }
22622
22702
  static get watchers() { return {
@@ -22835,6 +22915,27 @@ class Tooltip {
22835
22915
  });
22836
22916
  document[method]("keydown", this.handleKeyDown);
22837
22917
  };
22918
+ this.updateTooltipEvents = () => {
22919
+ this.manageEventListeners("remove");
22920
+ this.showEvents = [
22921
+ !this.disableHover && "mouseenter",
22922
+ !this.disableHover && "focusin",
22923
+ !this.disableClick && "click",
22924
+ ];
22925
+ this.manageEventListeners("add");
22926
+ };
22927
+ }
22928
+ watchDisableClickHandler() {
22929
+ if (this.disableClick) {
22930
+ this.hide();
22931
+ }
22932
+ this.updateTooltipEvents();
22933
+ }
22934
+ watchDisableHoverHandler() {
22935
+ if (this.disableHover) {
22936
+ this.hide();
22937
+ }
22938
+ this.updateTooltipEvents();
22838
22939
  }
22839
22940
  /**
22840
22941
  * @internal This method allows props to be added to the PopperJS createPopper instance outside of tooltip
@@ -22882,12 +22983,16 @@ class Tooltip {
22882
22983
  }
22883
22984
  render() {
22884
22985
  const { label, maxLines, silent, theme } = this;
22885
- return (hAsync(Host, { key: 'aca3cbb8e55d42c027d6a83039f98679ec1d5142', class: {
22986
+ return (hAsync(Host, { key: '39999a7bb106014b7f0215458ef997764b73b611', class: {
22886
22987
  "ic-tooltip": true,
22887
22988
  [`ic-theme-${theme}`]: theme !== "inherit",
22888
- } }, hAsync("div", { key: '8032257b76f3569c736149a8528312509504dfd0', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '7d7eff208fb832a622261a77ba34ca21ce8b436e', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: 'dafaff61bbe8699ce3e33614ce08db4843dd24f2', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '9d2d6e403d1bb02ee999a1ea6afffccf9208b7a8' })));
22989
+ } }, hAsync("div", { key: 'd4861c09ff54a1565af6cdc8fe37c77b169d6494', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '03150cac8c30839c8419dd6c9eef72aa393aa3fb', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '326142d5d9c11602545c4178ef09b42ceeb4a21b', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '22d9540e5918b570cfd358012240e0383e5c3c10' })));
22889
22990
  }
22890
22991
  get el() { return getElement(this); }
22992
+ static get watchers() { return {
22993
+ "disableClick": ["watchDisableClickHandler"],
22994
+ "disableHover": ["watchDisableHoverHandler"]
22995
+ }; }
22891
22996
  static get style() { return IcTooltipStyle0; }
22892
22997
  static get cmpMeta() { return {
22893
22998
  "$flags$": 9,
@@ -23121,16 +23226,16 @@ class TopNavigation {
23121
23226
  const attrs = Component == "a" && {
23122
23227
  href: href,
23123
23228
  };
23124
- return (hAsync(Host, { key: '5ca49354d8e2344b7d2cfa2089494ca2c4521b84', class: {
23229
+ return (hAsync(Host, { key: '5c5bfc3ad297f7bd59b148652ccc478b896b6008', class: {
23125
23230
  "fullwidth-searchbar": hasFullWidthSearchBar,
23126
23231
  "mobile-mode": overMobileBreakpoint,
23127
23232
  [IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
23128
23233
  [`ic-theme-${theme}`]: theme !== "inherit",
23129
- } }, hAsync("div", { key: '3447c99cc05b7203ea80d0651f1ac066122697e1', class: "top-navigation" }, hAsync("ic-section-container", { key: '563a2b3fc3c7d456fee7261c2d5645948301e953', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '61d58c8a68ff59cfa1b5cf75daef6c62b2b4692a', role: "banner" }, hAsync("div", { key: '17108bd26152301bf07afe95a061debb23184e8b', class: "top-panel-container" }, hAsync("div", { key: '86fe01bd6227bc0a1e1633cab7d6cff654e2a808', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'c6f2a1ed6ce7b7813f12352401c89852d6646327', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'c5a2e2961b16b5f5dc6e918ba6f758e7bce09cd7', class: "app-icon-container" }, hAsync("slot", { key: '9b6d5636aa1f474bac2add8948bcd598f3d5c231', name: "app-icon" }))), deviceSize <= DEVICE_SIZES$1.S &&
23234
+ } }, hAsync("div", { key: '7b20f493f5738050c11ad8447113b7322f46c3c4', class: "top-navigation" }, hAsync("ic-section-container", { key: 'abce0c4c81da4ed68094058d623e8ed954224fa0', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '30860fda7f50065dd28399e6630836a6ca66f9fa', role: "banner" }, hAsync("div", { key: '6341b2155fc652ae76ea2266612fa56add3b2a87', class: "top-panel-container" }, hAsync("div", { key: '70b84e9110139cdc1bccdc5fc79c60983966e7e2', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'b54b79365cfd322a778aa1de952eda4daee04520', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'a390fa98b041b07a02a33cb787a0902ed369effa', class: "app-icon-container" }, hAsync("slot", { key: 'c33e9295f6d196d8823b59f4def9779dbf8be3d9', name: "app-icon" }))), deviceSize <= DEVICE_SIZES$1.S &&
23130
23235
  (!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
23131
- `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: 'f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb', class: "app-status" }, hAsync("ic-typography", { key: '9d03f72e0533c1d721142cba78ba216c9abf61c5', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '318b6cf7cd4359429a6d698d40e3b99f46ac67e0', class: "app-version" }, hAsync("ic-typography", { key: '67cc4163765fb967729ba4fa03e857c1b0cc96e3', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676', class: "search-menu-container" }, hAsync("div", { key: 'a4033e992457aa434c705d0e35d24c9efb291195', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: 'd9347964c2972b338c4e09833ab94f820d8b49c8', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: 'b980ecf6adf49457b2477865c98aac4e95ea4d8a', id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { key: '1488d2319238d970a190b867db0ccc85c026a94f', name: "toggle-icon" }, hAsync("svg", { key: '67e8c1448faf4b9a78098bb8809c8d75135e7671', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: '2f04deb0ec8098168de56fab593d0e1b9d37639a', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '797b58f8ad7489b4cd149ae46b32ecce0c9a85cf', 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" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '173e7158dc1c4667be9442b7f64be140faebb102', class: "icon-buttons-container" }, hAsync("slot", { key: 'afa131f570550779b8c52403c0f8abf90ba68369', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: 'ca353958a7b441eeb82ecab62b3f0ba1de625fcc', class: "menu-button-container" }, hAsync("span", { key: 'b13a1b5ba472b65d150a194bd7f2fb846d434b8b', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: '8c47f744b6aaa53afe14a09f78f8e231d7e5137b', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: '4365bba111555335f4a04fb168d9e4659e0ca788', id: "menu-button", theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { key: '05366f4016a367fd4ae143e044eb7401f2a23bbb', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: '40f079a4c147f2adfb5bbfe1b8bfeef64e444abe', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '0419ea11aee74c5993643dde955ca7ccbd836ad6', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: '160ea58b8338c6b09482bb5808afa93de039c2b4', class: "search-bar-container" }, hAsync("slot", { key: 'a415f0c6a409b4dbea14697c8c63967ee4c05dcc', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: 'db58d987843728204f3c08ffcc730bc9400c5f75', class: "navigation-tabs" }, hAsync("span", { key: 'c27c1d0868d4acf6385e7b39060d42d04b617e28', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: 'a9d72cda63f8f15b2c5df447a6f544cf9637286a', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '717a0f8855c98de7c688467b6e08acaf59a50f15', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '6e0a057b908929ceca9e5b6113590b7a596fe091', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '401932642750d3d4cece6a886a1e6c4316c218c8', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '0816b74f63c67e9d6869cabeb7a45651ca0eb139', version: version, status: status, class: {
23236
+ `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: 'f240cb39a4c6456695745f676d263fd5fc7c5b8c', class: "app-status" }, hAsync("ic-typography", { key: 'f8ae131fb476805ec7e1cfe88c4fba9c7a436c10', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '1cdf5652e0b56c70162a884f45e648fce2093ea5', class: "app-version" }, hAsync("ic-typography", { key: '2444bbf26e72433f1bd1cd4c3986de8cadea85b6', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '54fac6a943b3701376fc3f7a308f2b6c586aa636', class: "search-menu-container" }, hAsync("div", { key: '5ef5f824b967f0b7f8802d2fdbd77056ae8f1129', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: '16551964dd909010294a0e6a59763f95a5d0f728', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: 'c8a339bdb6389bd43e973c20707a13f7fa0a4e1e', id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { key: '66f8326868c0cb23cd989df5de784f2eb2630319', name: "toggle-icon" }, hAsync("svg", { key: '2c4e0354d201371de737a0d3c72455e543b3205a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: 'e1adbe066080455b1b801c711b025318dab908eb', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: 'dadeb94826ed263b91566b46cc753748351db453', 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" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '36eedc891ad8653ffa1a812306e60f76c8e82ed8', class: "icon-buttons-container" }, hAsync("slot", { key: '1061472fc71131df7541a0654e4096ff39ad5e3d', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: '1b7503905b2528ca36e3f57b58c9e08958e1ab60', class: "menu-button-container" }, hAsync("span", { key: '93d4150b9660243082f5d1ebb40fe33450d7785b', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: 'a356ce42d0d4865dfce33a49d768c73dcd824e3c', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: 'd2f0fe6637e181fcfd2dbb5c33de93cdd2a1fb32', id: "menu-button", theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { key: 'cd8e405c4cd82075ec2f8b192f01a5f268ffd520', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: '1a91d6099a80507845ae6165931b457dcc416d6a', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '87dc16c578d8c379a00766769dd0959a70855166', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: '088982083ccb21a658b8ba378e532f280d6d563a', class: "search-bar-container" }, hAsync("slot", { key: 'ad3e3c4c632d3e5431bcf6ebe954c45d3c7e6233', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '6aeb6f3e8bb5d1474c2c7ede10c49d44cec31545', class: "navigation-tabs" }, hAsync("span", { key: '8a965acd6056d216c9da63173012250fa72be222', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '7b36045fbc1efc8d0f471a67cb8bccb6cdb7ca62', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'ac328ac5ddd86614f3d727ddc236cbf6dee019b9', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '7324ed8f489a813b706e18e7db14d8f8201ee4fe', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '7266abcda953294233cc4c4525ba5c47f61a95bb', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '0fff5404ab1ec895f011dc1643d0d2b51b5eac33', version: version, status: status, class: {
23132
23237
  ["inline"]: !!inline,
23133
- } }, hasIconButtons && (hAsync("div", { key: '2bf599f25216d608a72e9e3b8537983419ad6a27', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '3483da6f4815d9f37d25ee021622c00c5a64af79', name: "buttons" }))), hAsync("ul", { key: '92b83221e6e974101b0f1186fcae040a070e248f', slot: "navigation" }, hAsync("slot", { key: 'f3f64918abe306948d0709cfac63abde69a61eae', name: "navigation" }))))));
23238
+ } }, hasIconButtons && (hAsync("div", { key: 'a7b45891338fb80858cead62559e1de75505ec96', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '09d6e44a68a6368ae5388a6101aedd75fcbecb2a', name: "buttons" }))), hAsync("ul", { key: 'ff2e7168dacb64ede053528ce21c1211de506fd7', slot: "navigation" }, hAsync("slot", { key: '218681289b2170fd04553d1e4b8da7f1ae72b448', name: "navigation" }))))));
23134
23239
  }
23135
23240
  get el() { return getElement(this); }
23136
23241
  static get watchers() { return {
@@ -23635,8 +23740,9 @@ class TreeView {
23635
23740
  return currentItem;
23636
23741
  }
23637
23742
  if (((_a = this.treeItems[nextItem].parentElement) === null || _a === void 0 ? void 0 : _a.tagName) !== this.treeItemTag ||
23638
- this.treeItems[nextItem].parentElement
23639
- .expanded) {
23743
+ (this.treeItems[nextItem].parentElement
23744
+ .expanded &&
23745
+ this.treeItems[nextItem].offsetHeight > 0)) {
23640
23746
  return nextItem;
23641
23747
  }
23642
23748
  if (nextItem === numItems && this.treeItems[nextItem].disabled) {
@@ -23818,14 +23924,14 @@ class TreeView {
23818
23924
  }
23819
23925
  render() {
23820
23926
  const { heading, isLoaded, size, theme, truncateHeading } = this;
23821
- return (hAsync(Host, { key: 'ab251ddb7f516c5e6d6e892e3720033044757a26', "context-id": this.treeViewId, class: {
23927
+ return (hAsync(Host, { key: '17ba06f3d714a710177930a67fa6084342c6aa57', "context-id": this.treeViewId, class: {
23822
23928
  [`ic-tree-view-${size}`]: size !== "medium",
23823
23929
  [`ic-theme-${theme}`]: theme !== "inherit",
23824
23930
  "ic-tree-view-truncate": truncateHeading,
23825
- }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: 'fe4e16c30af90a4d91b3a2cf6fcce3b0725a8b5b', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '6b086a36544bb52527c2c385d2c9d89d037e5532', class: "icon-container" }, hAsync("slot", { key: '8f34f6e54b63e8cd875149e90fc9107059c14975', name: "icon" }))), hAsync("ic-typography", { key: '935ef0484d194e43d9b9e85dbd8d97535f82ca7c', variant: "subtitle-large", class: {
23931
+ }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '5b1ad546e9a884773007b76f35d81b4aed3b48e2', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'b37491b7353518a15d7f1036e1e24866f7fdcd40', class: "icon-container" }, hAsync("slot", { key: 'f0e81d675c7c050de277e70ca612708d6db9a022', name: "icon" }))), hAsync("ic-typography", { key: '72b54d70ef8ea1d056e8803c79e9f9f4f55d4ef1', variant: "subtitle-large", class: {
23826
23932
  "tree-view-header": true,
23827
23933
  "with-padding": this.truncateHeading && !isLoaded,
23828
- } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '48c0ade6f363af74f69c2a61fcd05b1011fb9dae' })));
23934
+ } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: 'd5cc5929561cc4d781bb02b16f9a2973aa048df3' })));
23829
23935
  }
23830
23936
  get el() { return getElement(this); }
23831
23937
  static get watchers() { return {
@@ -23857,7 +23963,7 @@ class TreeView {
23857
23963
  }; }
23858
23964
  }
23859
23965
 
23860
- const icTypographyCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (not (forced-colors: active)){:host,.trunc-btn::not(ic-tooltip){color:var(--ic-typography-color)}}";
23966
+ const icTypographyCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (forced-colors: none){:host,.trunc-btn:not(ic-tooltip){color:var(--ic-typography-color)}}";
23861
23967
  var IcTypographyStyle0 = icTypographyCss;
23862
23968
 
23863
23969
  class Typography {
@@ -24025,7 +24131,7 @@ class Typography {
24025
24131
  render() {
24026
24132
  var _a, _b;
24027
24133
  const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
24028
- return (hAsync(Host, { key: 'ee6df08007125834627adfc7ed7324401aa47fe5', class: {
24134
+ return (hAsync(Host, { key: '0f64ad9e02b32790b2bc269df212468b2f9426f7', class: {
24029
24135
  [`ic-typography-${variant}`]: true,
24030
24136
  [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
24031
24137
  ["ic-typography-bold"]: !!bold,
@@ -24038,7 +24144,7 @@ class Typography {
24038
24144
  ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
24039
24145
  "IC-TOOLTIP") &&
24040
24146
  maxLines &&
24041
- maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: '486e675e7a7472d51c2d344575b7a603e2239a21', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
24147
+ maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: '3e5f7e8b549122986d1dc67fe35b5e270233eb71', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
24042
24148
  }
24043
24149
  get el() { return getElement(this); }
24044
24150
  static get watchers() { return {