@ukic/web-components 3.12.0 → 3.14.0

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 (561) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-478d1107.js → helpers-15fae358.js} +5 -1
  3. package/dist/cjs/helpers-15fae358.js.map +1 -0
  4. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  5. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-action-chip.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-alert.cjs.entry.js +6 -4
  8. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-back-to-top.cjs.entry.js +6 -5
  10. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-badge.cjs.entry.js +3 -3
  12. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -3
  13. package/dist/cjs/ic-breadcrumb.cjs.entry.js +5 -4
  14. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-button_3.cjs.entry.js +43 -19
  16. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-card-vertical.cjs.entry.js +5 -5
  18. package/dist/cjs/ic-checkbox-group.cjs.entry.js +9 -5
  19. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-checkbox.cjs.entry.js +5 -5
  21. package/dist/cjs/ic-chip.cjs.entry.js +4 -4
  22. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  23. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  24. package/dist/cjs/ic-dialog.cjs.entry.js +39 -13
  25. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-divider.cjs.entry.js +3 -2
  27. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-empty-state.cjs.entry.js +3 -3
  29. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  31. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-hero.cjs.entry.js +8 -7
  33. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
  35. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +18 -15
  36. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-input-label_2.cjs.entry.js +6 -6
  38. package/dist/cjs/ic-layout-grid-item.cjs.entry.js +2 -2
  39. package/dist/cjs/ic-layout-grid.cjs.entry.js +2 -2
  40. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  41. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  42. package/dist/cjs/ic-menu-item.cjs.entry.js +3 -2
  43. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
  45. package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-navigation-item.cjs.entry.js +4 -4
  47. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
  49. package/dist/cjs/ic-page-header.cjs.entry.js +8 -8
  50. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -2
  52. package/dist/cjs/ic-pagination.cjs.entry.js +5 -5
  53. package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -5
  54. package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
  55. package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
  56. package/dist/cjs/ic-search-bar.cjs.entry.js +10 -10
  57. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  58. package/dist/cjs/ic-select.cjs.entry.js +20 -12
  59. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-side-navigation.cjs.entry.js +6 -6
  61. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  63. package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
  64. package/dist/cjs/ic-status-tag.cjs.entry.js +4 -4
  65. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-step.cjs.entry.js +15 -14
  67. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-stepper.cjs.entry.js +4 -3
  69. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-switch.cjs.entry.js +5 -5
  71. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  72. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  73. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  74. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  75. package/dist/cjs/ic-text-field.cjs.entry.js +12 -7
  76. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-theme.cjs.entry.js +2 -2
  78. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  79. package/dist/cjs/ic-toast.cjs.entry.js +8 -5
  80. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +8 -4
  82. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-toggle-button.cjs.entry.js +58 -45
  84. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-top-navigation.cjs.entry.js +6 -6
  86. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-typography.cjs.entry.js +3 -3
  88. package/dist/cjs/loader.cjs.js +1 -1
  89. package/dist/collection/collection-manifest.json +1 -1
  90. package/dist/collection/components/ic-alert/ic-alert.css +19 -29
  91. package/dist/collection/components/ic-alert/ic-alert.js +4 -2
  92. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  93. package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +1 -1
  94. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +4 -3
  95. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  96. package/dist/collection/components/ic-badge/ic-badge.js +2 -2
  97. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +5 -4
  98. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +3 -2
  99. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  100. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +2 -2
  101. package/dist/collection/components/ic-button/ic-button.js +36 -11
  102. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  103. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +4 -4
  104. package/dist/collection/components/ic-checkbox/ic-checkbox.js +4 -4
  105. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +34 -4
  106. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  107. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +163 -0
  108. package/dist/collection/components/ic-chip/ic-chip.js +3 -3
  109. package/dist/collection/components/ic-data-list/ic-data-list.js +2 -2
  110. package/dist/collection/components/ic-data-row/ic-data-row.js +2 -2
  111. package/dist/collection/components/ic-dialog/ic-dialog.css +1 -1
  112. package/dist/collection/components/ic-dialog/ic-dialog.js +38 -12
  113. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  114. package/dist/collection/components/ic-divider/ic-divider.css +89 -89
  115. package/dist/collection/components/ic-divider/ic-divider.js +2 -1
  116. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  117. package/dist/collection/components/ic-empty-state/ic-empty-state.js +2 -2
  118. package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
  119. package/dist/collection/components/ic-hero/ic-hero.css +4 -4
  120. package/dist/collection/components/ic-hero/ic-hero.js +6 -5
  121. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  122. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +5 -5
  123. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +3 -3
  124. package/dist/collection/components/ic-input-container/ic-input-container.js +2 -2
  125. package/dist/collection/components/ic-input-label/ic-input-label.js +2 -2
  126. package/dist/collection/components/ic-input-validation/ic-input-validation.js +3 -3
  127. package/dist/collection/components/ic-layout-grid/ic-layout-grid.js +2 -2
  128. package/dist/collection/components/ic-layout-grid-item/ic-layout-grid-item.js +2 -2
  129. package/dist/collection/components/ic-link/ic-link.js +1 -1
  130. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +4 -4
  131. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +6 -5
  132. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  133. package/dist/collection/components/ic-menu/ic-menu.js +12 -9
  134. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  135. package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
  136. package/dist/collection/components/ic-menu-item/ic-menu-item.css +6 -6
  137. package/dist/collection/components/ic-menu-item/ic-menu-item.js +1 -0
  138. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  139. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +2 -2
  140. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +1 -1
  141. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +9 -0
  142. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +2 -2
  143. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +4 -4
  144. package/dist/collection/components/ic-page-header/ic-page-header.css +4 -0
  145. package/dist/collection/components/ic-page-header/ic-page-header.js +6 -6
  146. package/dist/collection/components/ic-pagination/ic-pagination.js +4 -4
  147. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +1 -1
  148. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +4 -4
  149. package/dist/collection/components/ic-radio-group/ic-radio-group.js +4 -4
  150. package/dist/collection/components/ic-radio-option/ic-radio-option.js +4 -4
  151. package/dist/collection/components/ic-search-bar/ic-search-bar.js +9 -9
  152. package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
  153. package/dist/collection/components/ic-select/ic-select.js +20 -12
  154. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  155. package/dist/collection/components/ic-select/ic-select_(single).stories.js +74 -1
  156. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +2 -0
  157. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +4 -4
  158. package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
  159. package/dist/collection/components/ic-skip-link/ic-skip-link.js +2 -2
  160. package/dist/collection/components/ic-status-tag/ic-status-tag.css +1 -4
  161. package/dist/collection/components/ic-status-tag/ic-status-tag.js +2 -2
  162. package/dist/collection/components/ic-step/ic-step.js +16 -15
  163. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  164. package/dist/collection/components/ic-step/ic-step.types.js.map +1 -1
  165. package/dist/collection/components/ic-stepper/ic-stepper.js +5 -4
  166. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  167. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +2 -1
  168. package/dist/collection/components/ic-switch/ic-switch.js +4 -4
  169. package/dist/collection/components/ic-tab/ic-tab.js +2 -2
  170. package/dist/collection/components/ic-tab-context/ic-tab-context.js +1 -1
  171. package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -2
  172. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
  173. package/dist/collection/components/ic-text-field/ic-text-field.js +17 -11
  174. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  175. package/dist/collection/components/ic-text-field/ic-text-field.stories.js +22 -0
  176. package/dist/collection/components/ic-text-field/ic-text-field.types.js.map +1 -1
  177. package/dist/collection/components/ic-theme/ic-theme.js +1 -1
  178. package/dist/collection/components/ic-toast/ic-toast.css +6 -6
  179. package/dist/collection/components/ic-toast/ic-toast.js +6 -3
  180. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  181. package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -1
  182. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +57 -44
  183. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  184. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +7 -3
  185. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  186. package/dist/collection/components/ic-tooltip/ic-tooltip.js +3 -3
  187. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  188. package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +37 -109
  189. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +13 -10
  190. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +4 -4
  191. package/dist/collection/components/ic-typography/ic-typography.js +2 -2
  192. package/dist/collection/icds-table-style.css +66 -0
  193. package/dist/collection/utils/helpers.js +3 -0
  194. package/dist/collection/utils/helpers.js.map +1 -1
  195. package/dist/collection/utils/types.js.map +1 -1
  196. package/dist/components/helpers.js +4 -1
  197. package/dist/components/helpers.js.map +1 -1
  198. package/dist/components/ic-action-chip.js +1 -1
  199. package/dist/components/ic-alert.js +6 -4
  200. package/dist/components/ic-alert.js.map +1 -1
  201. package/dist/components/ic-back-to-top.js +6 -5
  202. package/dist/components/ic-back-to-top.js.map +1 -1
  203. package/dist/components/ic-badge.js +3 -3
  204. package/dist/components/ic-breadcrumb-group.js +3 -3
  205. package/dist/components/ic-breadcrumb2.js +5 -4
  206. package/dist/components/ic-breadcrumb2.js.map +1 -1
  207. package/dist/components/ic-button2.js +35 -11
  208. package/dist/components/ic-button2.js.map +1 -1
  209. package/dist/components/ic-card-vertical.js +5 -5
  210. package/dist/components/ic-checkbox-group.js +10 -5
  211. package/dist/components/ic-checkbox-group.js.map +1 -1
  212. package/dist/components/ic-checkbox.js +5 -5
  213. package/dist/components/ic-chip.js +4 -4
  214. package/dist/components/ic-data-list.js +2 -2
  215. package/dist/components/ic-data-row.js +3 -3
  216. package/dist/components/ic-dialog.js +39 -13
  217. package/dist/components/ic-dialog.js.map +1 -1
  218. package/dist/components/ic-divider2.js +3 -2
  219. package/dist/components/ic-divider2.js.map +1 -1
  220. package/dist/components/ic-empty-state.js +3 -3
  221. package/dist/components/ic-footer-link-group.js +1 -1
  222. package/dist/components/ic-footer-link.js +3 -3
  223. package/dist/components/ic-footer.js +1 -1
  224. package/dist/components/ic-hero.js +8 -7
  225. package/dist/components/ic-hero.js.map +1 -1
  226. package/dist/components/ic-horizontal-scroll2.js +6 -6
  227. package/dist/components/ic-input-component-container2.js +4 -4
  228. package/dist/components/ic-input-container2.js +2 -2
  229. package/dist/components/ic-input-label2.js +3 -3
  230. package/dist/components/ic-input-validation2.js +4 -4
  231. package/dist/components/ic-layout-grid-item.js +2 -2
  232. package/dist/components/ic-layout-grid.js +2 -2
  233. package/dist/components/ic-link2.js +1 -1
  234. package/dist/components/ic-loading-indicator2.js +7 -6
  235. package/dist/components/ic-loading-indicator2.js.map +1 -1
  236. package/dist/components/ic-menu-group.js +2 -2
  237. package/dist/components/ic-menu-item2.js +3 -2
  238. package/dist/components/ic-menu-item2.js.map +1 -1
  239. package/dist/components/ic-menu2.js +13 -10
  240. package/dist/components/ic-menu2.js.map +1 -1
  241. package/dist/components/ic-navigation-button.js +3 -3
  242. package/dist/components/ic-navigation-group.js +2 -2
  243. package/dist/components/ic-navigation-item.js +4 -4
  244. package/dist/components/ic-navigation-item.js.map +1 -1
  245. package/dist/components/ic-navigation-menu2.js +5 -5
  246. package/dist/components/ic-page-header.js +8 -8
  247. package/dist/components/ic-page-header.js.map +1 -1
  248. package/dist/components/ic-pagination-item2.js +2 -2
  249. package/dist/components/ic-pagination.js +4 -4
  250. package/dist/components/ic-popover-menu.js +5 -5
  251. package/dist/components/ic-radio-group.js +5 -5
  252. package/dist/components/ic-radio-group.js.map +1 -1
  253. package/dist/components/ic-radio-option.js +5 -5
  254. package/dist/components/ic-search-bar.js +10 -10
  255. package/dist/components/ic-section-container2.js +2 -2
  256. package/dist/components/ic-select.js +20 -12
  257. package/dist/components/ic-select.js.map +1 -1
  258. package/dist/components/ic-side-navigation.js +6 -6
  259. package/dist/components/ic-side-navigation.js.map +1 -1
  260. package/dist/components/ic-skeleton.js +2 -2
  261. package/dist/components/ic-skip-link.js +2 -2
  262. package/dist/components/ic-status-tag.js +3 -3
  263. package/dist/components/ic-status-tag.js.map +1 -1
  264. package/dist/components/ic-step.js +15 -14
  265. package/dist/components/ic-step.js.map +1 -1
  266. package/dist/components/ic-stepper.js +3 -2
  267. package/dist/components/ic-stepper.js.map +1 -1
  268. package/dist/components/ic-switch.js +5 -5
  269. package/dist/components/ic-tab-context.js +1 -1
  270. package/dist/components/ic-tab-group.js +2 -2
  271. package/dist/components/ic-tab-panel.js +2 -2
  272. package/dist/components/ic-tab.js +2 -2
  273. package/dist/components/ic-text-field.js +12 -7
  274. package/dist/components/ic-text-field.js.map +1 -1
  275. package/dist/components/ic-theme.js +2 -2
  276. package/dist/components/ic-toast-region.js +1 -1
  277. package/dist/components/ic-toast.js +8 -5
  278. package/dist/components/ic-toast.js.map +1 -1
  279. package/dist/components/ic-toggle-button-group.js +7 -3
  280. package/dist/components/ic-toggle-button-group.js.map +1 -1
  281. package/dist/components/ic-toggle-button.js +58 -45
  282. package/dist/components/ic-toggle-button.js.map +1 -1
  283. package/dist/components/ic-tooltip2.js +3 -3
  284. package/dist/components/ic-tooltip2.js.map +1 -1
  285. package/dist/components/ic-top-navigation.js +6 -6
  286. package/dist/components/ic-top-navigation.js.map +1 -1
  287. package/dist/components/ic-typography2.js +2 -2
  288. package/dist/core/core.css +11 -8
  289. package/dist/core/core.esm.js +1 -1
  290. package/dist/core/core.esm.js.map +1 -1
  291. package/dist/core/icds-table-style.css +66 -0
  292. package/dist/core/p-0257d59e.entry.js +2 -0
  293. package/dist/core/p-0257d59e.entry.js.map +1 -0
  294. package/dist/core/p-042cfc35.entry.js +2 -0
  295. package/dist/core/p-042cfc35.entry.js.map +1 -0
  296. package/dist/core/{p-514daffe.entry.js → p-053ed367.entry.js} +2 -2
  297. package/dist/core/{p-54803e3b.entry.js → p-06b3ae40.entry.js} +2 -2
  298. package/dist/core/{p-95d3d1a7.entry.js → p-091a7fbf.entry.js} +2 -2
  299. package/dist/core/{p-4747c39f.entry.js → p-09c31ac6.entry.js} +2 -2
  300. package/dist/core/{p-01e018cb.entry.js → p-0b1ea961.entry.js} +2 -2
  301. package/dist/core/{p-cf868a24.entry.js → p-0cbd0967.entry.js} +2 -2
  302. package/dist/core/p-0cbd0967.entry.js.map +1 -0
  303. package/dist/core/{p-33582352.entry.js → p-109e7fce.entry.js} +2 -2
  304. package/dist/core/{p-99793b64.entry.js → p-199c5ff6.entry.js} +2 -2
  305. package/dist/core/p-2026f4fa.entry.js +2 -0
  306. package/dist/core/p-2026f4fa.entry.js.map +1 -0
  307. package/dist/core/p-24d46cab.entry.js +2 -0
  308. package/dist/core/p-24d46cab.entry.js.map +1 -0
  309. package/dist/core/{p-228bc12d.entry.js → p-2969b5c9.entry.js} +2 -2
  310. package/dist/core/{p-c975cced.entry.js → p-296a41ce.entry.js} +2 -2
  311. package/dist/core/p-30312243.entry.js +2 -0
  312. package/dist/core/p-30312243.entry.js.map +1 -0
  313. package/dist/core/p-355d0914.entry.js +2 -0
  314. package/dist/core/p-355d0914.entry.js.map +1 -0
  315. package/dist/core/{p-1423bd4a.entry.js → p-3785c740.entry.js} +2 -2
  316. package/dist/core/{p-8684efeb.entry.js → p-3a94849e.entry.js} +2 -2
  317. package/dist/core/{p-a06c1e4e.entry.js → p-3b13d191.entry.js} +2 -2
  318. package/dist/core/{p-13e093d0.entry.js → p-411527a1.entry.js} +2 -2
  319. package/dist/core/{p-de32a223.entry.js → p-44fbe8c2.entry.js} +2 -2
  320. package/dist/core/{p-93479c36.entry.js → p-4637c326.entry.js} +2 -2
  321. package/dist/core/{p-fb734a59.entry.js → p-48eb7299.entry.js} +2 -2
  322. package/dist/core/{p-b0376079.entry.js → p-4a358f09.entry.js} +2 -2
  323. package/dist/core/{p-e6dacbe2.entry.js → p-4bdeb62d.entry.js} +2 -2
  324. package/dist/core/{p-9cf6ccfd.entry.js → p-5cf704e3.entry.js} +2 -2
  325. package/dist/core/p-614953c5.entry.js +2 -0
  326. package/dist/core/p-614953c5.entry.js.map +1 -0
  327. package/dist/core/p-62b9e7bf.entry.js +2 -0
  328. package/dist/core/p-62b9e7bf.entry.js.map +1 -0
  329. package/dist/core/{p-05036675.entry.js → p-6996e94f.entry.js} +2 -2
  330. package/dist/core/p-6996e94f.entry.js.map +1 -0
  331. package/dist/core/{p-cc00cbce.entry.js → p-6e61c48a.entry.js} +2 -2
  332. package/dist/core/{p-33789b23.entry.js → p-6f60262e.entry.js} +3 -3
  333. package/dist/core/p-6f60262e.entry.js.map +1 -0
  334. package/dist/core/{p-d58ad080.entry.js → p-6fb29846.entry.js} +2 -2
  335. package/dist/core/p-6fb29846.entry.js.map +1 -0
  336. package/dist/core/p-77a6c3f7.entry.js +2 -0
  337. package/dist/core/p-77a6c3f7.entry.js.map +1 -0
  338. package/dist/core/p-7970cbed.entry.js +2 -0
  339. package/dist/core/p-7970cbed.entry.js.map +1 -0
  340. package/dist/core/{p-37d217b5.entry.js → p-889bb8db.entry.js} +2 -2
  341. package/dist/core/{p-c04e1fab.entry.js → p-8c7d6a85.entry.js} +2 -2
  342. package/dist/core/{p-6dbe70f1.entry.js → p-911b4aa4.entry.js} +2 -2
  343. package/dist/core/{p-57721431.entry.js → p-93e1ba0a.entry.js} +2 -2
  344. package/dist/core/{p-37daa8fe.entry.js → p-9c2e9189.entry.js} +2 -2
  345. package/dist/core/{p-8558b9b7.entry.js → p-a45de09d.entry.js} +2 -2
  346. package/dist/core/{p-b57e59b7.js → p-a5658054.js} +2 -2
  347. package/dist/core/p-a5658054.js.map +1 -0
  348. package/dist/core/{p-ea06792a.entry.js → p-a7f21494.entry.js} +2 -2
  349. package/dist/core/p-a8dc3162.entry.js +2 -0
  350. package/dist/core/p-a8dc3162.entry.js.map +1 -0
  351. package/dist/core/p-ab26beed.entry.js +2 -0
  352. package/dist/core/p-ab26beed.entry.js.map +1 -0
  353. package/dist/core/{p-2126d37b.entry.js → p-ad6632a9.entry.js} +2 -2
  354. package/dist/core/p-ae7dcbd5.entry.js +2 -0
  355. package/dist/core/p-ae7dcbd5.entry.js.map +1 -0
  356. package/dist/core/{p-9a8bcb78.entry.js → p-b00efb15.entry.js} +2 -2
  357. package/dist/core/p-b29e325f.entry.js +2 -0
  358. package/dist/core/{p-b9bdd9a9.entry.js → p-bba25812.entry.js} +2 -2
  359. package/dist/core/{p-27e67d45.entry.js → p-c397b33f.entry.js} +2 -2
  360. package/dist/core/{p-45097448.entry.js → p-c4ffcc64.entry.js} +2 -2
  361. package/dist/core/{p-675bb3e4.entry.js → p-d1cce122.entry.js} +2 -2
  362. package/dist/core/p-d20a61a7.entry.js +2 -0
  363. package/dist/core/p-d20a61a7.entry.js.map +1 -0
  364. package/dist/core/{p-492fcb51.entry.js → p-d8200098.entry.js} +2 -2
  365. package/dist/core/{p-80317cd1.entry.js → p-e0423c7e.entry.js} +2 -2
  366. package/dist/core/p-eb1823b3.entry.js +2 -0
  367. package/dist/core/p-eb1823b3.entry.js.map +1 -0
  368. package/dist/core/{p-b1838ad8.entry.js → p-ef397b6f.entry.js} +2 -2
  369. package/dist/core/p-ef397b6f.entry.js.map +1 -0
  370. package/dist/core/p-efc97f21.entry.js +2 -0
  371. package/dist/core/p-efc97f21.entry.js.map +1 -0
  372. package/dist/core/{p-b4a2f6fa.entry.js → p-f098e531.entry.js} +2 -2
  373. package/dist/core/{p-0ec76cff.entry.js → p-f247db14.entry.js} +2 -2
  374. package/dist/core/{p-813ad03c.entry.js → p-f4e2e41f.entry.js} +2 -2
  375. package/dist/core/{p-abd88929.entry.js → p-f7706ff7.entry.js} +2 -2
  376. package/dist/core/p-f7706ff7.entry.js.map +1 -0
  377. package/dist/core/{p-5fcfcfb6.entry.js → p-fb43abd6.entry.js} +2 -2
  378. package/dist/esm/core.js +1 -1
  379. package/dist/esm/{helpers-4ddac6ed.js → helpers-dcedb279.js} +5 -2
  380. package/dist/esm/helpers-dcedb279.js.map +1 -0
  381. package/dist/esm/ic-accordion-group.entry.js +1 -1
  382. package/dist/esm/ic-accordion.entry.js +1 -1
  383. package/dist/esm/ic-action-chip.entry.js +1 -1
  384. package/dist/esm/ic-alert.entry.js +6 -4
  385. package/dist/esm/ic-alert.entry.js.map +1 -1
  386. package/dist/esm/ic-back-to-top.entry.js +6 -5
  387. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  388. package/dist/esm/ic-badge.entry.js +3 -3
  389. package/dist/esm/ic-breadcrumb-group.entry.js +3 -3
  390. package/dist/esm/ic-breadcrumb.entry.js +5 -4
  391. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  392. package/dist/esm/ic-button_3.entry.js +43 -19
  393. package/dist/esm/ic-button_3.entry.js.map +1 -1
  394. package/dist/esm/ic-card-vertical.entry.js +5 -5
  395. package/dist/esm/ic-checkbox-group.entry.js +9 -5
  396. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  397. package/dist/esm/ic-checkbox.entry.js +5 -5
  398. package/dist/esm/ic-chip.entry.js +4 -4
  399. package/dist/esm/ic-data-list.entry.js +2 -2
  400. package/dist/esm/ic-data-row.entry.js +3 -3
  401. package/dist/esm/ic-dialog.entry.js +39 -13
  402. package/dist/esm/ic-dialog.entry.js.map +1 -1
  403. package/dist/esm/ic-divider.entry.js +3 -2
  404. package/dist/esm/ic-divider.entry.js.map +1 -1
  405. package/dist/esm/ic-empty-state.entry.js +3 -3
  406. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  407. package/dist/esm/ic-footer-link.entry.js +3 -3
  408. package/dist/esm/ic-footer.entry.js +1 -1
  409. package/dist/esm/ic-hero.entry.js +8 -7
  410. package/dist/esm/ic-hero.entry.js.map +1 -1
  411. package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
  412. package/dist/esm/ic-input-component-container_3.entry.js +18 -15
  413. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  414. package/dist/esm/ic-input-label_2.entry.js +6 -6
  415. package/dist/esm/ic-layout-grid-item.entry.js +2 -2
  416. package/dist/esm/ic-layout-grid.entry.js +2 -2
  417. package/dist/esm/ic-link.entry.js +2 -2
  418. package/dist/esm/ic-menu-group.entry.js +2 -2
  419. package/dist/esm/ic-menu-item.entry.js +3 -2
  420. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  421. package/dist/esm/ic-navigation-button.entry.js +3 -3
  422. package/dist/esm/ic-navigation-group.entry.js +2 -2
  423. package/dist/esm/ic-navigation-item.entry.js +4 -4
  424. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  425. package/dist/esm/ic-navigation-menu.entry.js +5 -5
  426. package/dist/esm/ic-page-header.entry.js +8 -8
  427. package/dist/esm/ic-page-header.entry.js.map +1 -1
  428. package/dist/esm/ic-pagination-item.entry.js +2 -2
  429. package/dist/esm/ic-pagination.entry.js +5 -5
  430. package/dist/esm/ic-popover-menu.entry.js +5 -5
  431. package/dist/esm/ic-radio-group.entry.js +5 -5
  432. package/dist/esm/ic-radio-option.entry.js +5 -5
  433. package/dist/esm/ic-search-bar.entry.js +10 -10
  434. package/dist/esm/ic-section-container.entry.js +2 -2
  435. package/dist/esm/ic-select.entry.js +20 -12
  436. package/dist/esm/ic-select.entry.js.map +1 -1
  437. package/dist/esm/ic-side-navigation.entry.js +6 -6
  438. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  439. package/dist/esm/ic-skeleton.entry.js +2 -2
  440. package/dist/esm/ic-skip-link.entry.js +2 -2
  441. package/dist/esm/ic-status-tag.entry.js +4 -4
  442. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  443. package/dist/esm/ic-step.entry.js +15 -14
  444. package/dist/esm/ic-step.entry.js.map +1 -1
  445. package/dist/esm/ic-stepper.entry.js +4 -3
  446. package/dist/esm/ic-stepper.entry.js.map +1 -1
  447. package/dist/esm/ic-switch.entry.js +5 -5
  448. package/dist/esm/ic-tab-context.entry.js +1 -1
  449. package/dist/esm/ic-tab-group.entry.js +3 -3
  450. package/dist/esm/ic-tab-panel.entry.js +2 -2
  451. package/dist/esm/ic-tab.entry.js +3 -3
  452. package/dist/esm/ic-text-field.entry.js +12 -7
  453. package/dist/esm/ic-text-field.entry.js.map +1 -1
  454. package/dist/esm/ic-theme.entry.js +2 -2
  455. package/dist/esm/ic-toast-region.entry.js +1 -1
  456. package/dist/esm/ic-toast.entry.js +8 -5
  457. package/dist/esm/ic-toast.entry.js.map +1 -1
  458. package/dist/esm/ic-toggle-button-group.entry.js +8 -4
  459. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  460. package/dist/esm/ic-toggle-button.entry.js +58 -45
  461. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  462. package/dist/esm/ic-top-navigation.entry.js +6 -6
  463. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  464. package/dist/esm/ic-typography.entry.js +3 -3
  465. package/dist/esm/loader.js +1 -1
  466. package/dist/types/components/ic-button/ic-button.d.ts +8 -2
  467. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +5 -1
  468. package/dist/types/components/ic-dialog/ic-dialog.d.ts +2 -1
  469. package/dist/types/components/ic-step/ic-step.types.d.ts +1 -0
  470. package/dist/types/components/ic-text-field/ic-text-field.d.ts +2 -4
  471. package/dist/types/components/ic-text-field/ic-text-field.types.d.ts +5 -0
  472. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +1 -0
  473. package/dist/types/components.d.ts +13 -5
  474. package/dist/types/utils/helpers.d.ts +1 -0
  475. package/dist/types/utils/types.d.ts +6 -2
  476. package/hydrate/index.js +369 -266
  477. package/hydrate/index.mjs +369 -266
  478. package/package.json +2 -2
  479. package/vscode-data.json +15 -0
  480. package/dist/cjs/helpers-478d1107.js.map +0 -1
  481. package/dist/core/p-0123dde7.entry.js +0 -2
  482. package/dist/core/p-0123dde7.entry.js.map +0 -1
  483. package/dist/core/p-02af2b59.entry.js +0 -2
  484. package/dist/core/p-02af2b59.entry.js.map +0 -1
  485. package/dist/core/p-05036675.entry.js.map +0 -1
  486. package/dist/core/p-0c36ce84.entry.js +0 -2
  487. package/dist/core/p-0c36ce84.entry.js.map +0 -1
  488. package/dist/core/p-25bef09d.entry.js +0 -2
  489. package/dist/core/p-2800fc30.entry.js +0 -2
  490. package/dist/core/p-2800fc30.entry.js.map +0 -1
  491. package/dist/core/p-33789b23.entry.js.map +0 -1
  492. package/dist/core/p-3e36f281.entry.js +0 -2
  493. package/dist/core/p-3e36f281.entry.js.map +0 -1
  494. package/dist/core/p-6058d4c9.entry.js +0 -2
  495. package/dist/core/p-6058d4c9.entry.js.map +0 -1
  496. package/dist/core/p-6e139e6e.entry.js +0 -2
  497. package/dist/core/p-6e139e6e.entry.js.map +0 -1
  498. package/dist/core/p-80e0f66e.entry.js +0 -2
  499. package/dist/core/p-80e0f66e.entry.js.map +0 -1
  500. package/dist/core/p-8b99a806.entry.js +0 -2
  501. package/dist/core/p-8b99a806.entry.js.map +0 -1
  502. package/dist/core/p-a1857d24.entry.js +0 -2
  503. package/dist/core/p-a1857d24.entry.js.map +0 -1
  504. package/dist/core/p-a1e2e029.entry.js +0 -2
  505. package/dist/core/p-a1e2e029.entry.js.map +0 -1
  506. package/dist/core/p-abd88929.entry.js.map +0 -1
  507. package/dist/core/p-b1838ad8.entry.js.map +0 -1
  508. package/dist/core/p-b57e59b7.js.map +0 -1
  509. package/dist/core/p-c2d5e301.entry.js +0 -2
  510. package/dist/core/p-c2d5e301.entry.js.map +0 -1
  511. package/dist/core/p-cf868a24.entry.js.map +0 -1
  512. package/dist/core/p-d58ad080.entry.js.map +0 -1
  513. package/dist/core/p-e9d28e02.entry.js +0 -2
  514. package/dist/core/p-e9d28e02.entry.js.map +0 -1
  515. package/dist/core/p-eb0e7153.entry.js +0 -2
  516. package/dist/core/p-eb0e7153.entry.js.map +0 -1
  517. package/dist/core/p-f609ca37.entry.js +0 -2
  518. package/dist/core/p-f609ca37.entry.js.map +0 -1
  519. package/dist/core/p-fb69fbc0.entry.js +0 -2
  520. package/dist/core/p-fb69fbc0.entry.js.map +0 -1
  521. package/dist/esm/helpers-4ddac6ed.js.map +0 -1
  522. /package/dist/core/{p-514daffe.entry.js.map → p-053ed367.entry.js.map} +0 -0
  523. /package/dist/core/{p-54803e3b.entry.js.map → p-06b3ae40.entry.js.map} +0 -0
  524. /package/dist/core/{p-95d3d1a7.entry.js.map → p-091a7fbf.entry.js.map} +0 -0
  525. /package/dist/core/{p-4747c39f.entry.js.map → p-09c31ac6.entry.js.map} +0 -0
  526. /package/dist/core/{p-01e018cb.entry.js.map → p-0b1ea961.entry.js.map} +0 -0
  527. /package/dist/core/{p-33582352.entry.js.map → p-109e7fce.entry.js.map} +0 -0
  528. /package/dist/core/{p-99793b64.entry.js.map → p-199c5ff6.entry.js.map} +0 -0
  529. /package/dist/core/{p-228bc12d.entry.js.map → p-2969b5c9.entry.js.map} +0 -0
  530. /package/dist/core/{p-c975cced.entry.js.map → p-296a41ce.entry.js.map} +0 -0
  531. /package/dist/core/{p-1423bd4a.entry.js.map → p-3785c740.entry.js.map} +0 -0
  532. /package/dist/core/{p-8684efeb.entry.js.map → p-3a94849e.entry.js.map} +0 -0
  533. /package/dist/core/{p-a06c1e4e.entry.js.map → p-3b13d191.entry.js.map} +0 -0
  534. /package/dist/core/{p-13e093d0.entry.js.map → p-411527a1.entry.js.map} +0 -0
  535. /package/dist/core/{p-de32a223.entry.js.map → p-44fbe8c2.entry.js.map} +0 -0
  536. /package/dist/core/{p-93479c36.entry.js.map → p-4637c326.entry.js.map} +0 -0
  537. /package/dist/core/{p-fb734a59.entry.js.map → p-48eb7299.entry.js.map} +0 -0
  538. /package/dist/core/{p-b0376079.entry.js.map → p-4a358f09.entry.js.map} +0 -0
  539. /package/dist/core/{p-e6dacbe2.entry.js.map → p-4bdeb62d.entry.js.map} +0 -0
  540. /package/dist/core/{p-9cf6ccfd.entry.js.map → p-5cf704e3.entry.js.map} +0 -0
  541. /package/dist/core/{p-cc00cbce.entry.js.map → p-6e61c48a.entry.js.map} +0 -0
  542. /package/dist/core/{p-37d217b5.entry.js.map → p-889bb8db.entry.js.map} +0 -0
  543. /package/dist/core/{p-c04e1fab.entry.js.map → p-8c7d6a85.entry.js.map} +0 -0
  544. /package/dist/core/{p-6dbe70f1.entry.js.map → p-911b4aa4.entry.js.map} +0 -0
  545. /package/dist/core/{p-57721431.entry.js.map → p-93e1ba0a.entry.js.map} +0 -0
  546. /package/dist/core/{p-37daa8fe.entry.js.map → p-9c2e9189.entry.js.map} +0 -0
  547. /package/dist/core/{p-8558b9b7.entry.js.map → p-a45de09d.entry.js.map} +0 -0
  548. /package/dist/core/{p-ea06792a.entry.js.map → p-a7f21494.entry.js.map} +0 -0
  549. /package/dist/core/{p-2126d37b.entry.js.map → p-ad6632a9.entry.js.map} +0 -0
  550. /package/dist/core/{p-9a8bcb78.entry.js.map → p-b00efb15.entry.js.map} +0 -0
  551. /package/dist/core/{p-25bef09d.entry.js.map → p-b29e325f.entry.js.map} +0 -0
  552. /package/dist/core/{p-b9bdd9a9.entry.js.map → p-bba25812.entry.js.map} +0 -0
  553. /package/dist/core/{p-27e67d45.entry.js.map → p-c397b33f.entry.js.map} +0 -0
  554. /package/dist/core/{p-45097448.entry.js.map → p-c4ffcc64.entry.js.map} +0 -0
  555. /package/dist/core/{p-675bb3e4.entry.js.map → p-d1cce122.entry.js.map} +0 -0
  556. /package/dist/core/{p-492fcb51.entry.js.map → p-d8200098.entry.js.map} +0 -0
  557. /package/dist/core/{p-80317cd1.entry.js.map → p-e0423c7e.entry.js.map} +0 -0
  558. /package/dist/core/{p-b4a2f6fa.entry.js.map → p-f098e531.entry.js.map} +0 -0
  559. /package/dist/core/{p-0ec76cff.entry.js.map → p-f247db14.entry.js.map} +0 -0
  560. /package/dist/core/{p-813ad03c.entry.js.map → p-f4e2e41f.entry.js.map} +0 -0
  561. /package/dist/core/{p-5fcfcfb6.entry.js.map → p-fb43abd6.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -3721,6 +3721,9 @@ const getElementInheritedTheme = (el) => {
3721
3721
  ? "dark"
3722
3722
  : "light";
3723
3723
  };
3724
+ const isSafari = /safari/i.test(window.navigator.userAgent) &&
3725
+ !/Edge/i.test(window.navigator.userAgent) &&
3726
+ !/chrome/i.test(window.navigator.userAgent);
3724
3727
 
3725
3728
  var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3726
3729
  <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -4182,7 +4185,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
4182
4185
  </svg>
4183
4186
  `;
4184
4187
 
4185
- 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)}.container-ai{background-color:var(--ic-alert-background-ai);border:var(--ic-space-xxxs) solid var(--ic-alert-border-ai)}.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)}.divider-ai{background-color:var(--ic-alert-status-type-ai)}.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)}:host([variant=\"ai\"]) .alert-icon svg{fill:var(--ic-alert-icon-ai)}.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)}.dismiss-icon>svg{color:var(--ic-architectural-white)}}";
4188
+ 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)}.container-ai{background-color:var(--ic-alert-background-ai);border:var(--ic-space-xxxs) solid var(--ic-alert-border-ai)}.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)}.divider-ai{background-color:var(--ic-alert-status-type-ai)}.alert-icon{align-self:flex-start;margin-top:var(--ic-space-xs);margin-right:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host(.ic-alert-no-default-icon) .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(.ic-alert-variant-info) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host(.ic-alert-variant-warning) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host(.ic-alert-variant-error) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host(.ic-alert-variant-success) .alert-icon svg{fill:var(--ic-alert-icon-success)}:host(.ic-alert-variant-ai) .alert-icon svg{fill:var(--ic-alert-icon-ai)}.alert-content{display:flex;align-items:center;margin-left:1.125rem;width:100%;flex-wrap:wrap}.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);margin-top:0;margin-bottom:auto;--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-message{display:inline}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs);flex-basis:100%}.alert-icon~.alert-action-container{margin-left:2rem}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}.dismiss-icon>svg{color:var(--ic-architectural-white)}}";
4186
4189
  var IcAlertStyle0 = icAlertCss;
4187
4190
 
4188
4191
  /**
@@ -4288,14 +4291,16 @@ class Alert {
4288
4291
  return (hAsync("div", { class: iconClass }, hAsync("slot", { name: "neutral-icon" })));
4289
4292
  }
4290
4293
  else if (!showDefaultIcon) {
4291
- return hAsync("div", { class: "icon-placeholder" });
4294
+ return hAsync("div", null);
4292
4295
  }
4293
4296
  }
4294
4297
  return (hAsync("span", { class: iconClass, innerHTML: VARIANT_ICONS[variant].icon }));
4295
4298
  };
4296
4299
  return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
4297
4300
  [`ic-theme-${theme}`]: theme !== "inherit",
4298
- } }, 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: {
4301
+ [`ic-alert-variant-${variant}`]: true,
4302
+ [`ic-alert-no-default-icon`]: !showDefaultIcon,
4303
+ } }, hAsync("div", { class: { container: true, [`container-${variant}`]: true } }, hAsync("div", { class: { divider: true, [`divider-${variant}`]: true } }), hAsync("div", { class: "alert-content" }, hAsync(Icon, null), hAsync("div", { class: {
4299
4304
  "alert-message": true,
4300
4305
  "alert-message-title-above": titleAbove || alertTitleWrap,
4301
4306
  }, ref: (el) => (this.messageEl = el) }, heading && (hAsync("ic-typography", { class: {
@@ -4334,7 +4339,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
4334
4339
  </svg>
4335
4340
  `;
4336
4341
 
4337
- const icBackToTopCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex:row;height:0.1px}:host(.ic-back-to-top-right){justify-content:flex-end}:host(.ic-back-to-top-right) ic-button{margin-right:var(--margin-right, 1rem)}:host(.ic-back-to-top-right) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-left){justify-content:flex-start}:host(.ic-back-to-top-left) ic-button{margin-left:var(--margin-left, 1rem)}:host(.ic-back-to-top-left) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-center){justify-content:center}:host(.ic-back-to-top-center) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;position:fixed;bottom:var(--ic-space-md);opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host([variant=\"icon\"]) ic-button::part(button){margin:0}ic-button::part(button){border-radius:5rem}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.offset-banner:not(.by-footer){margin-bottom:var(--footer-offset, var(--ic-space-lg))}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}ic-button.by-footer{position:relative;bottom:var(--footer-offset, 3.5rem)}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
4342
+ const icBackToTopCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex:row;height:0.1px}:host(.ic-back-to-top-right){justify-content:flex-end}:host(.ic-back-to-top-right) ic-button{margin-right:var(--margin-right, 1rem)}:host(.ic-back-to-top-right) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-left){justify-content:flex-start}:host(.ic-back-to-top-left) ic-button{margin-left:var(--margin-left, 1rem)}:host(.ic-back-to-top-left) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-center){justify-content:center}:host(.ic-back-to-top-center) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;position:fixed;bottom:var(--ic-space-md);opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host(.ic-back-to-top-variant-icon) ic-button::part(button){margin:0}ic-button::part(button){border-radius:5rem}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.offset-banner:not(.by-footer){margin-bottom:var(--footer-offset, var(--ic-space-lg))}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}ic-button.by-footer{position:relative;bottom:var(--footer-offset, 3.5rem)}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
4338
4343
  var IcBackToTopStyle0 = icBackToTopCss;
4339
4344
 
4340
4345
  const backToTopLabel = "Back to top";
@@ -4468,15 +4473,16 @@ class BackToTop {
4468
4473
  const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
4469
4474
  const size = variant === "icon" ? "large" : "medium";
4470
4475
  const label = variant === "icon" ? "" : backToTopLabel;
4471
- return (hAsync(Host, { key: '11f790112cc8047ab6b35459de506f6dc6a85c5f', class: {
4476
+ return (hAsync(Host, { key: '2c281b238cd14437e120084c35ae86089cd49fe9', class: {
4472
4477
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
4473
4478
  [`ic-back-to-top-${this.position}`]: true,
4474
- } }, hAsync("ic-button", { key: '670015cd630e897033a440ff4846d475c113a453', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4479
+ [`ic-back-to-top-variant-icon`]: variant === "icon",
4480
+ } }, hAsync("ic-button", { key: '15bcf38bcc837a9723e5af644551b24845d4cbbb', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4475
4481
  ["offset-banner"]: bannerOffset,
4476
4482
  ["show"]: !targetElVisible,
4477
4483
  ["by-footer"]: footerVisible,
4478
4484
  ["icon-only"]: variant === "icon",
4479
- }, theme: this.theme }, hAsync("span", { key: 'e56c7a48a8226d1f471fc9a953851d27f4a6504c', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4485
+ }, theme: this.theme }, hAsync("span", { key: '4d6d2e0390eda5cd6db7f26bd597db7fef9c81c0', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4480
4486
  }
4481
4487
  static get delegatesFocus() { return true; }
4482
4488
  get el() { return getElement(this); }
@@ -4660,7 +4666,7 @@ class Badge {
4660
4666
  }
4661
4667
  render() {
4662
4668
  const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
4663
- return (hAsync(Host, { key: '43b8e638c7b0965ad3591f8b306637b7b5aeea58', class: {
4669
+ return (hAsync(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {
4664
4670
  [`ic-badge-${position}`]: true,
4665
4671
  [`ic-badge-${size}`]: true,
4666
4672
  [`ic-badge-${variant}`]: true,
@@ -4668,7 +4674,7 @@ class Badge {
4668
4674
  [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
4669
4675
  [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
4670
4676
  [`ic-theme-${theme}`]: theme !== "inherit",
4671
- }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '7f8a72f58bc485b3bfe69ef67d4e43d75a995f1f', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'fe925213d388d0b3be444b9ab16a2a9a4cbc2649', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: 'e6e8d7092112d105fb3914002b53a083c540fe47', class: "sr-only" }, "badge")));
4677
+ }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: 'e9684e9e92784e628f984a4980b512268565de0f', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'f02681caadcec768afe078a9fe94aa1fe8314895', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '5065cf6a359ef976dac4c914bca25e8999f54ae1', class: "sr-only" }, "badge")));
4672
4678
  }
4673
4679
  static get delegatesFocus() { return true; }
4674
4680
  get el() { return getElement(this); }
@@ -4705,7 +4711,7 @@ var backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/20
4705
4711
  </svg>
4706
4712
  `;
4707
4713
 
4708
- const icBreadcrumbCss = ":host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host([aria-current=\"page\"]){cursor:text}:host([aria-current=\"page\"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host([aria-current=\"page\"]) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
4714
+ const icBreadcrumbCss = ":host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host(.ic-breadcrumb-aria-current-page){cursor:text}:host(.ic-breadcrumb-aria-current-page) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host(.ic-breadcrumb-aria-current-page).ic-breadcrumb-monochrome .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host(.ic-breadcrumb-aria-current-page) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
4709
4715
  var IcBreadcrumbStyle0 = icBreadcrumbCss;
4710
4716
 
4711
4717
  /**
@@ -4795,11 +4801,12 @@ class Breadcrumb {
4795
4801
  render() {
4796
4802
  const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
4797
4803
  const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
4798
- return (hAsync(Host, { key: '2c1131138a8be3af8ee344e0fbff5594fbcc2d77', class: {
4804
+ return (hAsync(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
4799
4805
  "ic-breadcrumb-back": showBackIcon,
4800
4806
  "ic-breadcrumb-monochrome": monochrome,
4801
4807
  [`ic-theme-${theme}`]: theme !== "inherit",
4802
- }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: 'ee77a3aeced7063c4dbab6e1641daf11242d63ca', class: "breadcrumb" }, hAsync("span", { key: '1c2dc66e95e0676a381ab25769aa1b735ee5b9c5', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '3857c2967dd82b45a2400107e50d6f03bc65cdde', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
4808
+ [`ic-breadcrumb-aria-current-page`]: current,
4809
+ }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: "breadcrumb" }, hAsync("span", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
4803
4810
  }
4804
4811
  static get delegatesFocus() { return true; }
4805
4812
  get el() { return getElement(this); }
@@ -5041,11 +5048,11 @@ class BreadcrumbGroup {
5041
5048
  }
5042
5049
  render() {
5043
5050
  const { backBreadcrumbOnly, collapsed, theme } = this;
5044
- return (hAsync(Host, { key: 'e9547e6fce74b57f2a3d7904bdca580c59abf881', class: {
5051
+ return (hAsync(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
5045
5052
  "ic-breadcrumb-group-back": backBreadcrumbOnly,
5046
5053
  "ic-breadcrumb-group-collapsed": collapsed,
5047
5054
  [`ic-theme-${theme}`]: theme !== "inherit",
5048
- } }, hAsync("nav", { key: '56fd90771323680169a7e2ff757c534f499bda48', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '2817e0c715c94937436a41222f86a0e5e6b9cc92' }, hAsync("slot", { key: '137e284689752e6256c39ecc19988aafd3e49942' })))));
5055
+ } }, hAsync("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, hAsync("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
5049
5056
  }
5050
5057
  get el() { return getElement(this); }
5051
5058
  static get watchers() { return {
@@ -5111,7 +5118,6 @@ class Button {
5111
5118
  this.mutationObserver = null;
5112
5119
  this.hostMutationObserver = null;
5113
5120
  this.ariaLabel = "";
5114
- this.describedByContent = "";
5115
5121
  this.title = "";
5116
5122
  /**
5117
5123
  * If `fileUpload` is set to `true`, this is the accepted list of file types.
@@ -5212,11 +5218,31 @@ class Button {
5212
5218
  this.icBlur.emit();
5213
5219
  };
5214
5220
  /**
5215
- * Triggered when text content of sibling element in light DOM changes
5221
+ * Creates/updates clone of aria-describedby element node tree in shadow dom
5222
+ * Required due to ids being scoped to the shadow dom
5223
+ */
5224
+ this.updateAriaDescribedbyClone = () => {
5225
+ var _a, _b;
5226
+ if (this.describedbyNode) {
5227
+ const wrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#describedby-wrapper");
5228
+ if (!wrapper) {
5229
+ (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(Object.assign(document.createElement("div"), {
5230
+ id: "describedby-wrapper",
5231
+ className: "ic-button-describedby",
5232
+ }));
5233
+ }
5234
+ while (wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild)
5235
+ wrapper.firstChild.remove();
5236
+ wrapper === null || wrapper === void 0 ? void 0 : wrapper.appendChild(this.describedbyNode);
5237
+ }
5238
+ };
5239
+ /**
5240
+ * Triggered when light dom aria-describedby element updates
5216
5241
  */
5217
5242
  this.mutationCallback = () => {
5218
5243
  var _a;
5219
- this.describedByContent = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.innerText;
5244
+ if (this.describedbyEl)
5245
+ this.describedbyNode = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
5220
5246
  };
5221
5247
  /**
5222
5248
  * Triggered when attributes of host element change
@@ -5300,6 +5326,9 @@ class Button {
5300
5326
  }
5301
5327
  };
5302
5328
  }
5329
+ watchDescribedbyNodeHandler() {
5330
+ this.updateAriaDescribedbyClone();
5331
+ }
5303
5332
  watchDisabledHandler() {
5304
5333
  removeDisabledFalse(this.disabled, this.el);
5305
5334
  }
@@ -5319,8 +5348,7 @@ class Button {
5319
5348
  this.setHasTooltip();
5320
5349
  }
5321
5350
  componentWillLoad() {
5322
- var _a;
5323
- const _b = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _b, restInheritedAttributes = __rest(_b, ["title", "aria-label"]);
5351
+ const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest(_a, ["title", "aria-label"]);
5324
5352
  this.title = title;
5325
5353
  this.ariaLabel = ariaLabel;
5326
5354
  this.inheritedAttributes = restInheritedAttributes;
@@ -5332,10 +5360,10 @@ class Button {
5332
5360
  const describedById = this.inheritedAttributes["aria-describedby"];
5333
5361
  if (describedById) {
5334
5362
  this.describedById = describedById;
5335
- const el = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(`#${describedById}`);
5363
+ const el = document.querySelector(`#${describedById}`);
5336
5364
  if (el) {
5337
- this.describedByContent = el.innerText;
5338
5365
  this.describedbyEl = el;
5366
+ this.describedbyNode = el.cloneNode(true);
5339
5367
  }
5340
5368
  }
5341
5369
  }
@@ -5361,6 +5389,7 @@ class Button {
5361
5389
  if (this.hasRouterSlot())
5362
5390
  this.arrangeRouterItem();
5363
5391
  }
5392
+ this.updateAriaDescribedbyClone();
5364
5393
  }
5365
5394
  componentWillRender() {
5366
5395
  const iconEl = this.getSlottedIcon("left") || this.getSlottedIcon("right");
@@ -5416,7 +5445,7 @@ class Button {
5416
5445
  }
5417
5446
  }
5418
5447
  render() {
5419
- const { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum, describedByContent, describedById, disabled, download, dropdown, dropdownExpanded, form, formaction, formenctype, formmethod, formnovalidate, formtarget, fullWidth, handleClick, handleKeyDown, hasTooltip, href, hreflang, id, inheritedAttributes, isIconVariant, loading, monochrome, onBlur, onFocus, referrerpolicy, rel, size, target, theme, title, tooltipFixedPositioning, tooltipPlacement, transparentBackground, type, variant, } = this;
5448
+ const { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum, describedById, disabled, download, dropdown, dropdownExpanded, form, formaction, formenctype, formmethod, formnovalidate, formtarget, fullWidth, handleClick, handleKeyDown, hasTooltip, href, hreflang, id, inheritedAttributes, isIconVariant, loading, monochrome, onBlur, onFocus, referrerpolicy, rel, size, target, theme, title, tooltipFixedPositioning, tooltipPlacement, transparentBackground, type, variant, } = this;
5420
5449
  const TagType = href ? "a" : "button";
5421
5450
  const buttonAttrs = TagType === "button"
5422
5451
  ? {
@@ -5450,7 +5479,7 @@ class Button {
5450
5479
  variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
5451
5480
  ? "dropdown-expanded"
5452
5481
  : "arrow-dropdown", innerHTML: arrowDropdown }))))));
5453
- return (hAsync(Host, { key: '1f58739b62e290b1b86fa82c9153e04711196367', class: {
5482
+ return (hAsync(Host, { key: '4e15c7ddb5f7d220f52848c36fc9b26932daeb8e', class: {
5454
5483
  "ic-button-disabled": disabled && !loading,
5455
5484
  "ic-button-full-width": fullWidth,
5456
5485
  "ic-button-loading": loading,
@@ -5466,11 +5495,12 @@ class Button {
5466
5495
  monochrome,
5467
5496
  "top-icon": isSlotUsed(this.el, "top-icon"),
5468
5497
  "with-badge": isSlotUsed(this.el, "badge"),
5469
- }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: 'fa067eeedb2f960436c693a0d8978a46eea9cc68', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: 'a3565789687668d376a8c6e6044a0c3b1e864532' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '1bacc47dfc65cce6880600906512a9262b6773cc', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'd00dc87862ffc939fc5c8341c686dddbc642eb02' }), describedByContent && (hAsync("span", { key: '1d25a9c513d23e6a23e2e1d81ad036d1df47363c', id: describedby, class: "ic-button-describedby" }, describedByContent))));
5498
+ }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: 'a6b3305c993a950f41b2cc44812a35239b4ef717', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '146f8c894991641b88313d8947c5ac4e1d204049' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '4aede0d2f30748690130dfba00612b3adc859c10', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'bf1fd18f9c47ea1199babace3584855499a2776c' })));
5470
5499
  }
5471
5500
  static get delegatesFocus() { return true; }
5472
5501
  get el() { return getElement(this); }
5473
5502
  static get watchers() { return {
5503
+ "describedbyNode": ["watchDescribedbyNodeHandler"],
5474
5504
  "disabled": ["watchDisabledHandler"],
5475
5505
  "variant": ["watchVariantHandler"]
5476
5506
  }; }
@@ -5513,7 +5543,7 @@ class Button {
5513
5543
  "type": [1],
5514
5544
  "variant": [1025],
5515
5545
  "ariaLabel": [32],
5516
- "describedByContent": [32],
5546
+ "describedbyNode": [32],
5517
5547
  "title": [32],
5518
5548
  "setFocus": [64]
5519
5549
  },
@@ -5675,19 +5705,19 @@ class CardVertical {
5675
5705
  rel: rel,
5676
5706
  target: target,
5677
5707
  };
5678
- return (hAsync(Host, { key: '2dc8070692fc796401c84c6156d1f66c8053310a', class: {
5708
+ return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
5679
5709
  [`ic-theme-${theme}`]: theme !== "inherit",
5680
- } }, hAsync(Component, Object.assign({ key: 'a1a8763990ed7e5ac5eecfc69e4b29ab184b9e6e', class: {
5710
+ } }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
5681
5711
  card: true,
5682
5712
  clickable: !!clickable && !disabled,
5683
5713
  disabled: !!disabled,
5684
5714
  fullwidth: !!fullWidth,
5685
5715
  focussed: isFocussed,
5686
5716
  monochrome: monochrome,
5687
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: '2c12f461a8b8972d8a4de1a6560a2c52ecadc36f', class: "image-top" }, hAsync("slot", { key: '9afec40e5ef6b57a10ca922d7f3da378f962200f', name: "image-top" }))), hAsync("div", { key: 'bb92939da24dbfa2fb2e4bc2606d4f7ef9d2ba37', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '165af9342325b430548209cf2bcd5b9781b752fd', class: "icon" }, hAsync("slot", { key: '4b2cdd47b1f2abfc16097dee848b630c93c1b835', name: "icon" }))), hAsync("div", { key: '02f1b6357a696bc43b9d5cc7c8030647b52e311c', class: "card-title" }, hAsync("slot", { key: 'b71ca0fa6a4aeb1cf75579920a66f58abe11d5ae', name: "heading" }, hAsync("ic-typography", { key: '63f9c6478987888f41a53d5beadec2b3deaa52ae', variant: "h4" }, hAsync("p", { key: '6d642c20d4656a408cf439c969a1895cb834c15e' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: '7a44d7d2c17cd980fa14da2a65aa68ddd8832f77', class: "interaction-button" }, hAsync("slot", { key: '6a9e0f0ca96125d94d39b31474c82ffe088ea475', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: 'dc19ca8ae488c30aa1fc58e56db23fc0dc2a2c0f', class: "subheading" }, hAsync("slot", { key: 'bae9a057f813ef5c5df04befed60d09ccb106857', name: "subheading" }, hAsync("ic-typography", { key: '13a32e2d9bc3258b65edf8a5c385f181f39a2c8d', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: 'c359631c9d1ed0643290e1db2a5e521d6702b29d', class: "adornment" }, hAsync("slot", { key: '398a65927df066f96bffc5b59b95fd27ec558c12', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '463a2495779d1faca6efd98a3e1425e3486fc0d1', class: "image-mid" }, hAsync("slot", { key: '049daa3cbf2542b0a47951a8758bb50a1ad699e2', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '9f6b4ea8e3a8cfa0e8ad58366f4e2a198cb0f8f6', class: "card-message" }, message && (hAsync("ic-typography", { key: '1a32ff3958de50ea5732a0fb52616d04c6ebedcc', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '0dabb8f6ed9bd42a0982284fa4976734c0d5e16f', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '2d6292c895df325c53cffc72a330720855644c59', class: "interaction-area" }, hAsync("div", { key: 'a8c4c10d85a5608f49dbccb8cb65443d56d64a3f', class: "interaction-controls" }, hAsync("slot", { key: '5caebe86117ec6ef31d096a284aa035153e02a56', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: '1d66d84f3181cc1694cdf779befca1610c538f71', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: 'eaa2b9484428dab89fb67677b80a09a6174b011b', class: {
5717
+ }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(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(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(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed(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(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed(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: {
5688
5718
  "toggle-button": true,
5689
5719
  [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
5690
- }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: 'd896c331bad9e027c4b56dd1fce75bc530218516', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '7fc81de39ef8a949674f22089d413bf946befdd7', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '283bff90fab9be3b640ab7d04384d7ce2873bad8', name: "badge" }))));
5720
+ }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(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(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
5691
5721
  }
5692
5722
  get el() { return getElement(this); }
5693
5723
  static get watchers() { return {
@@ -5835,17 +5865,17 @@ class Checkbox {
5835
5865
  checked
5836
5866
  ? renderHiddenInput(el, value, name, disabled)
5837
5867
  : removeHiddenInput(el);
5838
- return (hAsync(Host, { key: '153b0b333ca1d0755d4e52dd9119d48cd1c246cc', class: {
5868
+ return (hAsync(Host, { key: '085faed0fb3d46c8903cc09959a1a04f36ac2eeb', class: {
5839
5869
  "ic-checkbox-disabled": disabled,
5840
5870
  [`ic-checkbox-${size}`]: !!size,
5841
5871
  [`ic-theme-${theme}`]: theme !== "inherit",
5842
- } }, hAsync("div", { key: 'c0f56ee4fbbdd38fea208d133cdd1fa91a41d6c7', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: 'f8335e54b2f765591b3781d76a01632c34065855', role: "checkbox", class: {
5872
+ } }, hAsync("div", { key: '20c07a9059a4fd3b1b59587771190dfd7ebf70fe', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '94f8a343a8d80a8ceb68f2cddc300c7c500deae7', role: "checkbox", class: {
5843
5873
  checkbox: true,
5844
5874
  checked,
5845
5875
  indeterminate: displayIndeterminate,
5846
- }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (hAsync("ic-typography", { key: '2ba4862a349e6b3f34c050c434ce247687f0dfd8', class: "checkbox-label", variant: "body" }, hAsync("label", { key: 'a3f3c733b5dc0a0acdf89d3b7db603e965102618', htmlFor: id }, label)))), hAsync("span", { key: 'e671e1532bdfea4a1c5d85cbb8cde2cc41044757', id: `${id}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'b562e4d2bf3cb6651c6a95aedb8a8e4991d1d1e7', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '9c6d8a88882fe32f1f272c3df42eeca896459284', class: "branch-corner" }), hAsync("div", { key: '7a88d8ae6fc193a3b2e08e82eb47a6b0228ce40b', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '64fdfe413653b6583789de3ee56c91c18522764e', variant: "caption" }, hAsync("p", { key: '0075205b0805a37b362658d70152bb180c290f0c', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: 'd6494d984bd1de5b08265fe1f8b2deb0a45e7d3a', class: {
5876
+ }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (hAsync("ic-typography", { key: 'b8b137c6cd0b1ee18ca44f8aa55c976b735b7af8', class: "checkbox-label", variant: "body" }, hAsync("label", { key: '44976b751599275d613ff52a816133a896791912', htmlFor: id }, label)))), hAsync("span", { key: 'e1e39b78d26a6d057c722794784b69b422197ff3', id: `${id}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: '62457da0c99d40b8bbfb97d3b41f400ef1a22dd0', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '65a6a9deddeb2c2b11fe56273c2d3bc5391f696e', class: "branch-corner" }), hAsync("div", { key: '3e920fd15f6cf506e793bc6386db140332ed390a', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '0257c5f48fe33b49742d0a5bd50dac4c000a1f04', variant: "caption" }, hAsync("p", { key: '24d8ebe43598283a5e5af287379f3b0f54e17d85', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '38bcc265ce747daad6577a244d2db6c7fbd6d22b', class: {
5847
5877
  "additional-field-wrapper": !isDynamicAdditionalField,
5848
- } }, hAsync("slot", { key: '905f210aaf41f4ba5d7c24e92bd19dbb17b81355', name: "additional-field" })))))));
5878
+ } }, hAsync("slot", { key: '117707c0f26bb70c0c7d13e3d1a01c2120f0f948', name: "additional-field" })))))));
5849
5879
  }
5850
5880
  static get delegatesFocus() { return true; }
5851
5881
  get el() { return getElement(this); }
@@ -5918,6 +5948,10 @@ class CheckboxGroup {
5918
5948
  * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
5919
5949
  */
5920
5950
  this.theme = "inherit";
5951
+ /**
5952
+ * The value of the `aria-live` attribute on the validation message.
5953
+ */
5954
+ this.validationAriaLive = "polite";
5921
5955
  /**
5922
5956
  * The validation status - e.g. 'error' | 'warning' | 'success'.
5923
5957
  */
@@ -5977,17 +6011,17 @@ class CheckboxGroup {
5977
6011
  });
5978
6012
  }
5979
6013
  render() {
5980
- const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
6014
+ const { disabled, helperText, hideLabel, label, name, required, size, theme, validationAriaLive, validationStatus, validationText, } = this;
5981
6015
  const describedBy = getInputDescribedByText(this.el, name, helperText !== "", validationStatus !== "");
5982
6016
  const renderSRText = validationStatus === "error" || required || hideLabel;
5983
6017
  const showValidation = hasValidationStatus(validationStatus, disabled);
5984
- return (hAsync(Host, { key: '6d5ed4db589400cd64aeed3bccd46087858d2902', class: {
6018
+ return (hAsync(Host, { key: '70cd72bffb83cca193e88bc0998023b71af960ca', class: {
5985
6019
  "ic-checkbox-group-disabled": !!disabled,
5986
6020
  [`ic-checkbox-group-${size}`]: true,
5987
6021
  [`ic-theme-${theme}`]: theme !== "inherit",
5988
- } }, renderSRText && (hAsync("span", { key: '2fc368a571755ad3125067498b17b52ce8933e8f', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '6b7d3155fa0479fbd51c5e5100945ee4995dfadf', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '469a466275aa307d6ca876ec18a79bb5d29167b8' }, hAsync("ic-input-label", { key: '4cd2e89ab463ea9c7438fb1759faddf6df8750d1', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: '0b0b0a5028039ef6d487d441ebd28f47f32200b7', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '747fea859cd5a3bbd474454b408f648169b5fe45', class: "checkboxes-container" }, hAsync("slot", { key: '200a6c033ff1243e8778aec3c91a22213f5082f5' }))), showValidation && (hAsync("ic-input-validation", { key: 'df907eeb4348050b37357f27405b3ef548990163', class: {
6022
+ } }, renderSRText && (hAsync("span", { key: 'ac8a04312dcaa0dbcbd9b648710cc135625adb02', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '93117da2e287c333ffce1aefb6ab32bf073166fd', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '813906a6e7d3f1c2552a70a6c5c5748a07a6a2e2' }, hAsync("ic-input-label", { key: 'f8cdf69d1eb1976395411cf0ed77727b4bd0718f', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: 'b525218ca3d7833b0aa877a97d70f82b36fa4aa7', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '6737cf436e1d061265864ff8c53e4b9f82913985', class: "checkboxes-container" }, hAsync("slot", { key: 'fd176ba39c8dc894695467906e1971c01b770ad9' }))), hAsync("ic-input-validation", { key: '5f7128afd7e50821dfa77973e08ab29d1edbb2fc', class: {
5989
6023
  "show-validation": showValidation,
5990
- }, for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
6024
+ }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
5991
6025
  }
5992
6026
  get el() { return getElement(this); }
5993
6027
  static get watchers() { return {
@@ -6009,6 +6043,7 @@ class CheckboxGroup {
6009
6043
  "required": [4],
6010
6044
  "size": [1],
6011
6045
  "theme": [1],
6046
+ "validationAriaLive": [1, "validation-aria-live"],
6012
6047
  "validationStatus": [1, "validation-status"],
6013
6048
  "validationText": [1, "validation-text"]
6014
6049
  },
@@ -6117,11 +6152,11 @@ class Chip {
6117
6152
  render() {
6118
6153
  const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;
6119
6154
  const ariaLabel = `${label} chip`;
6120
- return (hAsync(Host, { key: 'c7b88d4999b6de5004edc4bd27e185b9232fdaf9', class: {
6155
+ return (hAsync(Host, { key: '91df6058439a8c6dbd74de3d46153e4d0c54d623', class: {
6121
6156
  "ic-chip-dismissed": !visible,
6122
6157
  [`ic-theme-${theme}`]: theme !== "inherit",
6123
6158
  [`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
6124
- } }, visible && (hAsync("div", { key: 'dbbb2bd77adea5e65d61e11b6c4b2b06fadbb9b1', class: {
6159
+ } }, visible && (hAsync("div", { key: 'e7fe4dfe8ebedf808512a29aceef28a6700cd233', class: {
6125
6160
  chip: true,
6126
6161
  [`${variant}`]: true,
6127
6162
  [`${size}`]: true,
@@ -6129,7 +6164,7 @@ class Chip {
6129
6164
  dismissible,
6130
6165
  hovered,
6131
6166
  "non-transparent": variant === "outlined" && !transparentBackground,
6132
- } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '443ef9dc619483da883171e367ac9541aaf61a38', class: "icon" }, hAsync("slot", { key: '3d5f5e0db37a1d2c0b8d2f25e0af2801cc52598e', name: "icon" }))), hAsync("ic-typography", { key: '23603177321e0a67c86da4720574592e3db8db80', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '2d55524b494e17a0ee3c8a7441ffbc1a5d47f6a4' }, label)), dismissible && (hAsync("ic-tooltip", { key: '2def11f340b2b51518caebdf0e87b61e87d9baeb', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: 'c437a1dc096b14ba3bb2fa5723fa0044e83a9b3a', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '9b3fec37d1d44def4248cf53ae2916d9f62e1a08', name: "badge" }))), dismissible && (hAsync("div", { key: 'bc8d8601488092dde7dae7db5f0f36b802f6df9f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
6167
+ } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '81b38c990e638413596f6e5e8041f68eef20e064', class: "icon" }, hAsync("slot", { key: '3a1fda2665ac0aea65df3bfaa94552f5e6fa2e1e', name: "icon" }))), hAsync("ic-typography", { key: 'a496fa5e7be6ec073cb1b2225b7a1e1f79f94f3f', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '942471f0fd86b350166c14433c40d6d912a52b17' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'c9ea0b5045a625a7b42ae71b22bc9737b05501ee', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '7fb04f03ac698a002fea17de94980623b33502dd', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '99b017ad25c78367d25411312b47aa1f73d8f682', name: "badge" }))), dismissible && (hAsync("div", { key: 'b847f0255a3aaca7f1f24e2de1e939e0a6518c2f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
6133
6168
  }
6134
6169
  static get delegatesFocus() { return true; }
6135
6170
  get el() { return getElement(this); }
@@ -6257,10 +6292,10 @@ class DataList {
6257
6292
  if (size === "small") {
6258
6293
  Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
6259
6294
  }
6260
- return (hAsync(Host, { key: 'a050ac5764ea9496f33d53abdd27f1a193185cbb', class: {
6295
+ return (hAsync(Host, { key: 'c66609f65612dca067e70b5762d7eeb797dd2121', class: {
6261
6296
  "ic-data-list-small": size === "small",
6262
6297
  [`ic-theme-${theme}`]: theme !== "inherit",
6263
- } }, hAsync("div", { key: '41836f9dce80428fe7f266601c779255195f2a1a', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '0bd2c17f6dc9767364dc021695ac5839acb3040f', name: "heading" }, hAsync("ic-typography", { key: '65c4dd118e264af61e6494a81b60e573361ea9d3', variant: "h3" }, heading))), hAsync("div", { key: '5be1cea50a4d8beef81c14da5e13a74a75347244', class: "divider" }), hAsync("ul", { key: '9b71c57f882aec9aecb018e4a1fb98ff66c6aaf1', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '729e8422e911d6dc7a64e568af78f9e7e1ba32c7' }))));
6298
+ } }, 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' }))));
6264
6299
  }
6265
6300
  get el() { return getElement(this); }
6266
6301
  static get style() { return IcDataListStyle0; }
@@ -6350,12 +6385,12 @@ class DataRow {
6350
6385
  }
6351
6386
  render() {
6352
6387
  const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
6353
- return (hAsync(Host, { key: '8a70c9ceda7aebc616eb335f08e626952c87ddf3', class: {
6388
+ return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
6354
6389
  ["ic-data-row-small"]: size === "small",
6355
6390
  ["breakpoint-medium"]: listSize === "m",
6356
6391
  ["breakpoint-xs"]: listSize === "xs",
6357
6392
  [`ic-theme-${theme}`]: theme !== "inherit",
6358
- }, role: "listitem" }, hAsync("div", { key: 'b2f75779fb6392023c42d9c1f8bf58a98b431797', class: "data" }, hAsync("div", { key: '059aa84f8a91c9a7cdaea4e118287ea460f1bcdd', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '3bcb9b239d836434ceae03ecd35c1bdc42d73699', class: "end-component" }, hAsync("slot", { key: '453e0c7e4d6b875ddfc319a12dc173913057b8bd', name: "end-component" })))), hAsync("div", { key: 'f16fd733c8ffd0e8ed8e7461099a3b9b81809cb3', class: "divider" })));
6393
+ }, role: "listitem" }, hAsync("div", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(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" })));
6359
6394
  }
6360
6395
  get el() { return getElement(this); }
6361
6396
  static get style() { return IcDataRowStyle0; }
@@ -6376,7 +6411,7 @@ class DataRow {
6376
6411
  }; }
6377
6412
  }
6378
6413
 
6379
- 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}}";
6414
+ 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){.large: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}}";
6380
6415
  var IcDialogStyle0 = icDialogCss;
6381
6416
 
6382
6417
  /**
@@ -6403,7 +6438,9 @@ class Dialog {
6403
6438
  this.IC_CHECKBOX = "IC-CHECKBOX";
6404
6439
  this.IC_SEARCH_BAR = "IC-SEARCH-BAR";
6405
6440
  this.IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
6441
+ this.interactiveElementList = [];
6406
6442
  this.resizeObserver = null;
6443
+ this.focusAttemptCount = 0;
6407
6444
  this.dialogRendered = false;
6408
6445
  this.fadeIn = false;
6409
6446
  /**
@@ -6472,6 +6509,7 @@ class Dialog {
6472
6509
  }
6473
6510
  }, 10);
6474
6511
  setTimeout(() => {
6512
+ this.getInteractiveElements();
6475
6513
  this.setInitialFocus();
6476
6514
  checkResizeObserver(this.runResizeObserver);
6477
6515
  }, 75);
@@ -6522,10 +6560,24 @@ class Dialog {
6522
6560
  };
6523
6561
  this.setInitialFocus = () => {
6524
6562
  this.sourceElement = document.activeElement;
6525
- this.focusedElementIndex = this.interactiveElementList
6526
- ? this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS))
6527
- : 0;
6528
- this.focusElement(this.interactiveElementList[this.focusedElementIndex]);
6563
+ if (!this.interactiveElementList.length) {
6564
+ // No interactive elements yet, retry shortly
6565
+ setTimeout(() => {
6566
+ this.getInteractiveElements();
6567
+ if (this.interactiveElementList.length) {
6568
+ this.setInitialFocus();
6569
+ }
6570
+ }, 10);
6571
+ return;
6572
+ }
6573
+ this.focusedElementIndex = this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS));
6574
+ if (this.focusedElementIndex === -1) {
6575
+ this.focusedElementIndex = 0;
6576
+ }
6577
+ const elToFocus = this.interactiveElementList[this.focusedElementIndex];
6578
+ if (elToFocus) {
6579
+ this.focusElement(elToFocus);
6580
+ }
6529
6581
  };
6530
6582
  this.getFocusedElementIndex = () => {
6531
6583
  var _a;
@@ -6560,17 +6612,22 @@ class Dialog {
6560
6612
  };
6561
6613
  this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];
6562
6614
  this.onTabKeyPress = (shiftKey) => {
6615
+ var _a;
6563
6616
  this.getFocusedElementIndex();
6564
- if (this.interactiveElementList[this.focusedElementIndex].tagName ===
6617
+ if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===
6565
6618
  this.IC_SEARCH_BAR) {
6566
6619
  return false;
6567
6620
  }
6568
6621
  this.setFocusIndexBasedOnShiftKey(shiftKey);
6569
6622
  this.loopNextFocusIndexIfLastElement();
6623
+ this.focusAttemptCount = 0;
6570
6624
  this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
6571
6625
  return true;
6572
6626
  };
6573
6627
  this.shouldSkipElement = (element) => {
6628
+ if (!element) {
6629
+ return true;
6630
+ }
6574
6631
  const isHidden = getComputedStyle(element).visibility === "hidden" ||
6575
6632
  element.offsetHeight === 0 ||
6576
6633
  element.hasAttribute("disabled") ||
@@ -6583,12 +6640,16 @@ class Dialog {
6583
6640
  !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
6584
6641
  };
6585
6642
  this.focusElement = (element, shiftKey = false) => {
6586
- let nextFocusEl = element;
6643
+ if (!element) {
6644
+ return;
6645
+ }
6646
+ if (this.focusAttemptCount++ > this.interactiveElementList.length) {
6647
+ return;
6648
+ }
6587
6649
  if (this.shouldSkipElement(element)) {
6588
6650
  this.setFocusIndexBasedOnShiftKey(shiftKey);
6589
6651
  this.loopNextFocusIndexIfLastElement();
6590
- nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);
6591
- this.focusElement(nextFocusEl, shiftKey);
6652
+ this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
6592
6653
  }
6593
6654
  else {
6594
6655
  switch (element.tagName) {
@@ -6643,7 +6704,6 @@ class Dialog {
6643
6704
  this.removeSlotChangeListener();
6644
6705
  }
6645
6706
  componentDidLoad() {
6646
- this.getInteractiveElements();
6647
6707
  this.refreshInteractiveElementsOnSlotChange();
6648
6708
  if (this.open) {
6649
6709
  this.dialogOpened();
@@ -6718,12 +6778,13 @@ class Dialog {
6718
6778
  }
6719
6779
  }
6720
6780
  render() {
6721
- const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
6722
- return (hAsync(Host, { key: '6de63d3d94afa349dc9bb5b30296837bbf89f810', class: {
6781
+ const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
6782
+ return (hAsync(Host, { key: 'fca8d5ed62295efef6630d45e8174331c4d99e48', class: {
6723
6783
  "ic-dialog-hidden": !dialogRendered,
6724
6784
  "ic-dialog-fade-in": fadeIn,
6725
6785
  "disable-height-constraint": !!disableHeightConstraint,
6726
6786
  [`ic-theme-${theme}`]: theme !== "inherit",
6787
+ [`ic-dialog-size-${size}`]: size != undefined,
6727
6788
  } }, disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
6728
6789
  }
6729
6790
  get el() { return getElement(this); }
@@ -6758,7 +6819,7 @@ class Dialog {
6758
6819
  }; }
6759
6820
  }
6760
6821
 
6761
- 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}}";
6822
+ 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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-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.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-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.ic-divider-label-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.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:transparent}}";
6762
6823
  var IcDividerStyle0 = icDividerCss;
6763
6824
 
6764
6825
  class Divider {
@@ -6849,6 +6910,7 @@ class Divider {
6849
6910
  [`ic-divider-${orientation}`]: true,
6850
6911
  [`ic-divider-${weight}`]: true,
6851
6912
  [`ic-divider-${borderStyle}`]: true,
6913
+ [`ic-divider-label-${labelPlacement}`]: slotHasContent(this.el, "label") || !isEmptyString(label),
6852
6914
  } }, ((orientation === "vertical" ||
6853
6915
  (!!renderLabel() && !!isPropDefined(labelPlacement))) && {
6854
6916
  "aria-orientation": orientation,
@@ -6919,11 +6981,11 @@ class EmptyState {
6919
6981
  }
6920
6982
  render() {
6921
6983
  const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
6922
- return (hAsync(Host, { key: 'd1f0ef089d59f00d57b70a44c22f248ce12314fa', class: {
6984
+ return (hAsync(Host, { key: 'a0dcd0b2fe385b4c2f1f4ffc346ac54b3e19565c', class: {
6923
6985
  [`ic-empty-state-${aligned}`]: true,
6924
6986
  [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
6925
6987
  [`ic-theme-${theme}`]: theme !== "inherit",
6926
- } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: '07406cfb8a629a854fe3e0b500f5a21db373e9a7', name: "image" }), hAsync("div", { key: 'cce8db2f16fd451a69c713792f42d4ca4a1d9e5e' }, hAsync("slot", { key: '6bb39d26bb009d445bce71434e5db8cf71829b2a', name: "heading" }, hAsync("ic-typography", { key: '46ffaf055facc3884b3b53041e89c5309db36869', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '2d45d9838c8a13d2e4e916519a388c1a234eecb8', name: "subheading" }, hAsync("ic-typography", { key: 'c3f0bac962303ac98f451821eb76d9ee731f9e19', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'a155c2825af5c81b8a19da1aa3b0878dc7abb478', name: "body" }, hAsync("ic-typography", { key: '2336a276e810acfa4bde850e78f9332acf4551ce', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '75a4a0fce3f0a4206c35647de547e5caa76a015e', class: "action-area" }, hAsync("slot", { key: '2a0b08b6c6ade82137a5ea9337549092953a1a46', name: "actions" })))));
6988
+ } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: 'e652b784ccd7b2af7ed0f9755547a9ddbbb4c5e7', name: "image" }), hAsync("div", { key: '1dfc5567a55de1301caec6d779ad60f851826a41' }, hAsync("slot", { key: '70b5a550c9650fcab692acbc53d035e114eaf09e', name: "heading" }, hAsync("ic-typography", { key: '043fc0ae7d4364442d75bb78bdbe3004fa1274f4', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '84dbde519a4b6cb0cd7ab03e8dbcb85931796a24', name: "subheading" }, hAsync("ic-typography", { key: 'a2d94ae6cba46c73212f2c688858ee56ceaa5a90', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'aa1fc8130e5d4fb6a472f908a30fd319463b443f', name: "body" }, hAsync("ic-typography", { key: 'f73a7eb783dd049cb4de2510b977500d0fa47d52', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '3cb1e55fb552cf4177498d87e874d16a3f16d429', class: "action-area" }, hAsync("slot", { key: 'e25cb0c875f095825a512cea93c5ffe700072e71', name: "actions" })))));
6927
6989
  }
6928
6990
  get el() { return getElement(this); }
6929
6991
  static get style() { return IcEmptyStateStyle0; }
@@ -7116,12 +7178,12 @@ class FooterLink {
7116
7178
  const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
7117
7179
  const { small, grouped } = footerConfig;
7118
7180
  const isLogoLink = !!this.el.closest("div[slot='logo']");
7119
- return (hAsync(Host, { key: 'da89e5595b7e1b6308d72243462bd0a2f989b501', class: {
7181
+ return (hAsync(Host, { key: '445c93b158bc2ac7958a7b9712ab29462acdce9e', class: {
7120
7182
  "footer-link": true,
7121
7183
  [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
7122
7184
  [`footer-link-${this.foregroundColor}`]: true,
7123
7185
  "footer-logo-link": isLogoLink,
7124
- }, role: "listitem" }, hAsync("ic-link", { key: '70cc7b6f5a7710921915f0697a2cf5b55e872d3d', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: 'd21bfcaf85a37aebd6138770d80c54e779df714c' }))));
7186
+ }, role: "listitem" }, hAsync("ic-link", { key: 'f6ae4e7d52fdebdd574efd3ff21c6d5e0dbc827b', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '8d8cf6f52b51cd26b6faa02fb91889d674286b38' }))));
7125
7187
  }
7126
7188
  static get delegatesFocus() { return true; }
7127
7189
  get el() { return getElement(this); }
@@ -7219,7 +7281,7 @@ class FooterLinkGroup {
7219
7281
  }; }
7220
7282
  }
7221
7283
 
7222
- const icHeroCss = "/*! 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;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned=\"left\"]) .left-container,:host([content-aligned=\"left\"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned=\"center\"]) .left-container,:host([content-aligned=\"center\"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}";
7284
+ const icHeroCss = "/*! 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;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host(.ic-hero-content-aligned-left) .left-container,:host(.ic-hero-content-aligned-left) .interaction-container{justify-content:flex-start;text-align:left}:host(.ic-hero-content-aligned-center) .left-container,:host(.ic-hero-content-aligned-center) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}";
7223
7285
  var IcHeroStyle0 = icHeroCss;
7224
7286
 
7225
7287
  /**
@@ -7288,7 +7350,7 @@ class Hero {
7288
7350
  }
7289
7351
  }
7290
7352
  render() {
7291
- const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;
7353
+ const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, contentAligned, } = this;
7292
7354
  let style = {};
7293
7355
  if (isPropDefined(backgroundImage)) {
7294
7356
  style = {
@@ -7296,18 +7358,19 @@ class Hero {
7296
7358
  "background-position": scrollFactor,
7297
7359
  };
7298
7360
  }
7299
- return (hAsync(Host, { key: 'aee3d892e9e8aeda5b348da837eee5c8c1e8735a', class: {
7361
+ return (hAsync(Host, { key: 'ae89dfc9697492e640cef1740da5b1552a6b31ca', class: {
7300
7362
  [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
7301
7363
  ["has-background-image"]: backgroundImage !== undefined,
7302
7364
  ["has-right-content"]: this.rightContent,
7303
7365
  ["ic-hero-small"]: size === "small",
7304
7366
  ["secondary-heading"]: !!secondaryHeading,
7305
- }, style: style }, hAsync("ic-section-container", { key: '6f588f23372a118fbf316d0c5202d17af21f4e43', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '1c34b2d8b07a045c1c801d99b4e1d707e1a99e88', class: {
7367
+ [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
7368
+ }, style: style }, hAsync("ic-section-container", { key: 'e70e1a6e85eddbdbc68b9a7754d760e898e27981', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: 'f1b85e347aa5f1b6f961aa2c7943a1e651dc22c3', class: {
7306
7369
  ["left-container"]: true,
7307
7370
  ["left-container-full-width"]: this.leftContentFullWidth,
7308
- } }, hAsync("div", { key: '72acdd6b683c699d5e799aa83546bde5b52962db', class: "heading" }, hAsync("slot", { key: '5915be3f3cd2a5329ba8beb46bc0b704693a7fec', name: "heading" }, hAsync("ic-typography", { key: 'f9b16a498674c7a29e669be2b63ae3d730cbacba', variant: size === "small" ? "h2" : "h1", class: {
7371
+ } }, hAsync("div", { key: '2100740ba4e22f0f229c145327b572ffa78521c6', class: "heading" }, hAsync("slot", { key: '30cd98888662c64e944660a68410cf51d0146460', name: "heading" }, hAsync("ic-typography", { key: 'dc2a602974c66325be5082c517f28eae72f5780b', variant: size === "small" ? "h2" : "h1", class: {
7309
7372
  ["heading-bottom-spacing"]: size !== "small",
7310
- } }, hAsync("h2", { key: '3ed6060a057a88fd332f8ef6b1d914702e6d3f40' }, heading)))), hAsync("div", { key: 'a2ed35fcf9ff99f56cf80264a6374c2dc3cbfcbe', class: "subheading" }, hAsync("slot", { key: '58027e2b2eeb3c49bd5322019435cb9de18cb77c', name: "subheading" }, hAsync("ic-typography", { key: 'b04e16640e640e623142b2f5555e9a644c1a3929', variant: "body" }, subheading))), hAsync("div", { key: '6d87fcd8ffd64077e483471c7d28ab41c7004b98', class: "interaction-container" }, hAsync("slot", { key: 'e2421373570e5cf84e093971d70a75c542a0a0ba', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: 'ef2bdb160da3c3558f4764b85cebb01ebdfc086f', class: "right-container" }, hAsync("slot", { key: 'dc5991ad4cbc856390335cece65e15400d3752ce', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '059273f8fc66599aa67a11d0bfeaab113a7fd21d', class: "secondary-container" }, hAsync("div", { key: '966adc1a6f9c930c52766dbc2f884691a60f58ac', class: "secondary-heading" }, hAsync("ic-typography", { key: '80fd633680cc4888363567e532db41806be62c2e', variant: "h4" }, hAsync("h3", { key: 'a72f5272444bbfc0941fc552a47d2e8863b8e256' }, secondaryHeading))), hAsync("div", { key: '60fac396776b1eaf7950675f880a1338409f0dbd', class: "secondary-subheading" }, hAsync("ic-typography", { key: '7178ff3785d3d7d5dd9b737e618a720ce64de9c8', variant: "subtitle-small" }, secondarySubheading))))))))));
7373
+ } }, hAsync("h2", { key: '5f26d23f4bcf35ee1273741ef767c93ea3a8f90d' }, heading)))), hAsync("div", { key: '4187d2e39e8adb1174e9408ab269f343c876e711', class: "subheading" }, hAsync("slot", { key: '90835b42345fbebb0f98501cf46e9185f746868d', name: "subheading" }, hAsync("ic-typography", { key: '85b6f8619599bd518fa1b4351ec5dcb0d0059684', variant: "body" }, subheading))), hAsync("div", { key: '2f79214e6fb235164825f6c77d31d16cf3e1bda8', class: "interaction-container" }, hAsync("slot", { key: '008f3ad58fdc0d12a1fa3dfe8e400a5cbe05b13f', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '6ae2e569b0a50c021f9b7aa0399c48c79a6a2151', class: "right-container" }, hAsync("slot", { key: '03ebade13d8f03e4d0fe310d2a3038c3c2bdcada', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '87be1f434f9f7d37783a79de3d38a9ffd3ae6633', class: "secondary-container" }, hAsync("div", { key: '87f64a2443ccfa0e6fa790b13302f28269a7aeb2', class: "secondary-heading" }, hAsync("ic-typography", { key: 'c8fefec7ecd3a3757b565933238bddbcb2206389', variant: "h4" }, hAsync("h3", { key: '0afe6e4b3b4594ce85599155f65c89b27a8ffc97' }, secondaryHeading))), hAsync("div", { key: '84412145d7f3785e60d67ceaa879066e9623784f', class: "secondary-subheading" }, hAsync("ic-typography", { key: '0e89a8ef45a387d6f09a25ce88e1947bdf24c47a', variant: "subtitle-small" }, secondarySubheading))))))))));
7311
7374
  }
7312
7375
  get el() { return getElement(this); }
7313
7376
  static get style() { return IcHeroStyle0; }
@@ -7498,22 +7561,22 @@ class HorizontalScroll {
7498
7561
  }
7499
7562
  render() {
7500
7563
  const { firstItemVisible, lastItemVisible, itemOverflow } = this;
7501
- return (hAsync(Host, { key: '70a4e7c8a5e6e69d64d78375798498b7807ae16a', class: {
7564
+ return (hAsync(Host, { key: '5f340f9d11d2ca42a17eacea2b9ce38b35614151', class: {
7502
7565
  ["ic-horizontal-scroll-visible"]: itemOverflow,
7503
7566
  ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
7504
7567
  ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
7505
7568
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
7506
- } }, hAsync("div", { key: '586bf3284c05ffad1ebd3c61e44e992aa9d71c25', "aria-hidden": "true", class: {
7569
+ } }, hAsync("div", { key: '555d223168b83a595030b18c4d21874c1cf679bd', "aria-hidden": "true", class: {
7507
7570
  ["scroll-container-left"]: true,
7508
7571
  ["hidden"]: !itemOverflow,
7509
7572
  ["disabled"]: firstItemVisible,
7510
- }, role: "tab" }, hAsync("ic-button", { key: '0125b0d48b7ae82fb580bc890450d1fb14f71a5f', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
7573
+ }, role: "tab" }, hAsync("ic-button", { key: '9196738f3d7d2c48b9173af7b152828a00c56edd', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
7511
7574
  ? "dark"
7512
- : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: '363c0c48d85e455684573a12554afcf765c4ae95', class: "scroll-splitter-left" })), hAsync("slot", { key: 'b12cc6de29b6345e3ef5ece250f4998252d9a54b' }), hAsync("div", { key: '47d5456630571ac7e877f791401129ec6524d52b', "aria-hidden": "true", class: {
7575
+ : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: '89c1dc4017ec5a5ccd691c16c47957d35067d0b5', class: "scroll-splitter-left" })), hAsync("slot", { key: 'bc45bafea5bad600701b74f097aae39c2e6b1e4d' }), hAsync("div", { key: 'b961e7d153dccb0187f0aa8c02f73494f4233649', "aria-hidden": "true", class: {
7513
7576
  ["scroll-container-right"]: true,
7514
7577
  ["hidden"]: !itemOverflow,
7515
7578
  ["disabled"]: lastItemVisible,
7516
- }, role: "tab" }, hAsync("span", { key: '13b35c95c35dc6a44464996880c7f3a3fc671b42', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '95434e1cf988eaa4049bcb6926d515182a7f7072', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
7579
+ }, role: "tab" }, hAsync("span", { key: 'd0960807543d4513129f192ce975c7a0139a91a0', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4844fbcec6360b939a67c3878e36f4b812685c22', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
7517
7580
  ? "dark"
7518
7581
  : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
7519
7582
  }
@@ -7588,15 +7651,15 @@ class InputComponentContainer {
7588
7651
  }
7589
7652
  render() {
7590
7653
  const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
7591
- return (hAsync(Host, { key: '82e6604ab956d7648209ae1214797d48ce4a169c', class: {
7654
+ return (hAsync(Host, { key: '20c111945d3fea6c2ec9ddcb70a0e5c74489fcd0', class: {
7592
7655
  [`ic-input-component-container-${size}`]: true,
7593
7656
  [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
7594
7657
  "ic-input-component-container-disabled": !!disabled,
7595
7658
  "ic-input-component-container-readonly": !!readonly,
7596
7659
  "ic-input-component-container-multiline": !!multiLine,
7597
7660
  "ic-input-component-container-full-width": !!fullWidth,
7598
- }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '0fd329a8f1397ab2b6f7b4f3fd62d180003ef7e4', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '3af5861c01b3e6338e20288c0577d4554d9357e6', class: "icon-container" }, hAsync("slot", { key: '25bd5414058904fb5ed05f0e4e7fda6fc4966fbb', name: "left-icon" }))), hAsync("slot", { key: '2a63ea395d97ca2f3121f30fae1a3ac8bdfd7599' }), validationInline &&
7599
- validationStatus === IcInformationStatus.Success && (hAsync("span", { key: 'ac962172c01b7cc0abf776b7a5ff0e58cd996ad7', class: "inline-success", innerHTML: successIcon })))));
7661
+ }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '10974ddaa6b7e895645b50a73501ef8004036e8d', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '29b14de6450c67f924e6820cc4ef74f20abad132', class: "icon-container" }, hAsync("slot", { key: '9c35122ee4308cd2782cf405a80b4b986a4b3fe8', name: "left-icon" }))), hAsync("slot", { key: '71782b3c047c6bc14d63bb2218fc825ee644ed12' }), validationInline &&
7662
+ validationStatus === IcInformationStatus.Success && (hAsync("span", { key: 'e3ad09a64f224428e5a38127390751d86b5db914', class: "inline-success", innerHTML: successIcon })))));
7600
7663
  }
7601
7664
  get el() { return getElement(this); }
7602
7665
  static get watchers() { return {
@@ -7637,11 +7700,11 @@ class InputContainer {
7637
7700
  this.readonly = false;
7638
7701
  }
7639
7702
  render() {
7640
- return (hAsync(Host, { key: 'd7a6f03073013efef8534f6305e64f66d2b58b91' }, hAsync("div", { key: 'f93b5ad4fc27eed8fabf3fd83de73906b4592ca4', class: {
7703
+ return (hAsync(Host, { key: '25d076eaba3bd1c7e469a5a3c44b26990dfcb43c' }, hAsync("div", { key: '77559c5ab0557c9d42eb30d4a6487962dc8d2462', class: {
7641
7704
  ["component-container"]: true,
7642
7705
  ["disabled"]: !!this.disabled,
7643
7706
  ["readonly"]: !!this.readonly,
7644
- } }, hAsync("slot", { key: '59074f71d915aebc3205308c0406b4f6ab2a73ae' }))));
7707
+ } }, hAsync("slot", { key: '0b579f90ba6c9b7b5c515632b9e3f78a3a47c9a2' }))));
7645
7708
  }
7646
7709
  static get style() { return IcInputContainerStyle0; }
7647
7710
  static get cmpMeta() { return {
@@ -7724,11 +7787,11 @@ class InputLabel {
7724
7787
  "helpertext-readonly": readonly,
7725
7788
  };
7726
7789
  const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
7727
- return (hAsync(Host, { key: 'b4ae951684bc9fbacd077fd7586a60a680cb1114', class: {
7790
+ return (hAsync(Host, { key: '632235f5528b1ee7cbdc981b1fd8f83f81317ac5', class: {
7728
7791
  "ic-input-label-disabled": !!disabled,
7729
7792
  "ic-input-label-readonly": readonly,
7730
7793
  "with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
7731
- } }, !hideLabel && (hAsync("ic-typography", { key: 'dd5d6d73707aadd9cc59225224fffadefecda9c7', variant: "label", class: {
7794
+ } }, !hideLabel && (hAsync("ic-typography", { key: '4d5ffe88dcfd61697ac5c10bbfe72da69d6cd09e', variant: "label", class: {
7732
7795
  "readonly-label": readonly,
7733
7796
  "error-label": status === "error" && !(readonly || disabled),
7734
7797
  } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (hAsync("span", { id: helperTextId, class: helperTextClass }, hAsync("slot", { name: "helper-text" }))) : (helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: helperTextClass }, hAsync("span", { id: helperTextId }, helperText))))));
@@ -7798,14 +7861,14 @@ class InputValidation {
7798
7861
  render() {
7799
7862
  const { ariaLiveMode, fullWidth, status, message } = this;
7800
7863
  const displayIcon = status !== "" ? ICON[status] : "";
7801
- return (hAsync(Host, { key: 'f1ba7e992a65cbd63d86411844668a0db4944cf2', class: {
7864
+ return (hAsync(Host, { key: '71585fc1ea14fdb61bb1557d2da4df16b26cfc0d', class: {
7802
7865
  [`ic-input-validation-${status}`]: status !== "",
7803
7866
  "ic-input-validation-full-width": !!fullWidth,
7804
7867
  "ic-input-validation-with-status": status !== "",
7805
- } }, displayIcon !== "" && (hAsync("span", { key: '43bf05c319e9f4cdb7f6e5affd403d745b7dac00', class: {
7868
+ } }, displayIcon !== "" && (hAsync("span", { key: '4cbb1c03f511ea994a7ef9af769bd1040d9a4b26', class: {
7806
7869
  "status-icon": true,
7807
7870
  [`icon-${status}`]: true,
7808
- }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '8d0f570e79158d1add1410653c8bbdb5e052aaa3', variant: "caption", class: "statustext" }, hAsync("span", { key: 'c363e60a30ef571a63779ed77a7e4e8358444d5f', id: this.for && getInputValidationTextID(this.for) }, message), hAsync("span", { key: '53959e2fb2d6b51aaa5eca1f9526f0a6e55b5bea', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: '861c3d827e89d6e4c917cb6d584e7d3ec6a5c27a', name: "validation-message-adornment" })));
7871
+ }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '89de4e97c599c21ab5d28fb5d2cad72af25d0142', variant: "caption", class: "statustext" }, hAsync("span", { key: 'ea899c6c80ca2036ab6388f7814ea5022b9681b3', id: this.for && getInputValidationTextID(this.for) }, message), hAsync("span", { key: 'f77fea85dda248f4e1b0d1cb4ee390926fe67116', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: '39452a262baec0db33f97951762ddc6b1e33b26b', name: "validation-message-adornment" })));
7809
7872
  }
7810
7873
  get el() { return getElement(this); }
7811
7874
  static get watchers() { return {
@@ -7957,10 +8020,10 @@ class LayoutGrid {
7957
8020
  }
7958
8021
  render() {
7959
8022
  const { aligned, fullHeight } = this;
7960
- return (hAsync(Host, { key: 'c7903c71e7a267ce14d624e371128b66b990319e', class: {
8023
+ return (hAsync(Host, { key: '47ece5b026e7e3c97ed38bfe3bab840c1f19ab7c', class: {
7961
8024
  [`ic-layout-grid-aligned-${aligned}`]: true,
7962
8025
  ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
7963
- } }, hAsync("slot", { key: '7d501b244c1e6631ac1f712707b816be89014298' })));
8026
+ } }, hAsync("slot", { key: 'f60fbe3bcc6218cf7340513a1699c13b0db377a0' })));
7964
8027
  }
7965
8028
  get el() { return getElement(this); }
7966
8029
  static get watchers() { return {
@@ -8040,9 +8103,9 @@ class LayoutGridItem {
8040
8103
  }
8041
8104
  render() {
8042
8105
  const { hideInMobileMode } = this;
8043
- return (hAsync(Host, { key: 'a6e63c7a2e569fefef8bd1f801719ec0cfc999f2', class: {
8106
+ return (hAsync(Host, { key: 'bf040e1b3ddbd7f275a026008bf6f011fa440b1d', class: {
8044
8107
  "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
8045
- } }, hAsync("slot", { key: '976299cc75e2a275ce07dc9bb4ccde082c559175' })));
8108
+ } }, hAsync("slot", { key: '0833ce81285ee10fdfb943fe7d54d0e7db210313' })));
8046
8109
  }
8047
8110
  get el() { return getElement(this); }
8048
8111
  static get watchers() { return {
@@ -8155,7 +8218,7 @@ class Link {
8155
8218
  }
8156
8219
  render() {
8157
8220
  const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
8158
- return (hAsync(Host, { key: '17cbca6abdc9b48879a9d307c5bb73fada03aa2d', class: {
8221
+ return (hAsync(Host, { key: 'ca6343037bc5985cf5062b7797e71e0dd0184fb3', class: {
8159
8222
  ["ic-link"]: true,
8160
8223
  [`ic-theme-${theme}`]: theme !== "inherit",
8161
8224
  ["ic-link-monochrome"]: !!monochrome,
@@ -8186,7 +8249,7 @@ class Link {
8186
8249
  }; }
8187
8250
  }
8188
8251
 
8189
- const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size=\"small\"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size=\"medium\"]){--circular-diameter:5rem}:host([size=\"large\"]){--circular-diameter:7.5rem}:host([size=\"icon\"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow=\"0\"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow=\"0\"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}";
8252
+ const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow=\"0\"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow=\"0\"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}";
8190
8253
  var IcLoadingIndicatorStyle0 = icLoadingIndicatorCss;
8191
8254
 
8192
8255
  const LOADING_INDICATOR_WIDTHS = {
@@ -8370,23 +8433,24 @@ class LoadingIndicator {
8370
8433
  }
8371
8434
  render() {
8372
8435
  const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, label, max, min, monochrome, progress, size, theme, type, } = this;
8373
- return (hAsync(Host, { key: '8e5015de29e0c003ae813d95e215031276669fed', class: {
8436
+ return (hAsync(Host, { key: 'ed657c9728ede234f20352d0476dc84b751e3e32', class: {
8374
8437
  [`ic-theme-${theme}`]: theme !== "inherit",
8375
8438
  "ic-loading-indicator-full-width": fullWidth,
8376
8439
  "ic-loading-indicator-label": !!label,
8377
8440
  "ic-loading-indicator-monochrome": monochrome,
8378
- } }, hAsync("div", { key: 'fdd7384e07827cfc6f32cd7f7fde71807a441e7d', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'dd4b7dae54199c8313a6bd9c5a2133b11de29b57', ref: (el) => (this.outerElement = el), class: {
8441
+ [`ic-loading-indicator-size-${size}`]: true,
8442
+ } }, hAsync("div", { key: '76182b425cf884804743cdcce8b57b04567f2bf0', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '50b89f6f39333960992a2e617f3be1081d4af9a0', ref: (el) => (this.outerElement = el), class: {
8379
8443
  [`ic-loading-${type}-outer`]: true,
8380
8444
  [progress === undefined ? "indeterminate" : "determinate"]: true,
8381
- }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'ba4e9f7ec6e1cdafdd844bb2e357822cf316128c', ref: (el) => (this.innerElement = el), class: {
8445
+ }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: '8e674f38f70ddd761f0e5bfbb7c0fd5700d84b6b', ref: (el) => (this.innerElement = el), class: {
8382
8446
  [`ic-loading-${type}-inner`]: true,
8383
8447
  "inner-label": !!innerLabel,
8384
- } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '096a8f75dcbdaec7c0d2f71dcd447e08e279a41d', variant: "subtitle-small", class: "inner-text" }, innerLabel)), type === "circular" && (hAsync("svg", { key: 'c048f6de73691df17ec79f75860d177e9c83bcc5', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '5c52a4f617319167ab495785c736601f9d12bf08', cx: x, cy: y, r: r }), hAsync("circle", { key: '7839b8b36e4306e224639f8a347ccde726aaa09c', style: {
8448
+ } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '0d8108e18bf305dd1c64bf2723d0baf56bf29b6f', variant: "subtitle-small", class: "inner-text" }, innerLabel)), type === "circular" && (hAsync("svg", { key: '3d6b240272997f3566a8e20960ac4e8cf5e738cb', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '29d01b710d0b3de7fb492abde1dca5329fd6b4cb', cx: x, cy: y, r: r }), hAsync("circle", { key: '65634f6777109c6105e56e548d930059146661ae', style: {
8385
8449
  "--circular-steps-max": progress ? `${max}` : undefined,
8386
8450
  "--progress-value": progress !== undefined ? `${progress}` : undefined,
8387
8451
  "--stroke-dasharray": dashArray,
8388
8452
  "--stroke-dashoffset": dashOffset,
8389
- }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '868967e2a21589616e31a9b761849a69b458a2c1', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '439329efda39e3ae81e56f494c8cbe5000265aa9' }, indicatorLabel))))));
8453
+ }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: 'dd7785fb84269e7f13e224f2e4d5cbcfd83f19ef', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '2d82c7064ac921e025fe424bce3e7e024ccfbea0' }, indicatorLabel))))));
8390
8454
  }
8391
8455
  get el() { return getElement(this); }
8392
8456
  static get watchers() { return {
@@ -12025,7 +12089,7 @@ class Menu {
12025
12089
  const { value, label } = event.target.dataset;
12026
12090
  if (this.multiSelect) {
12027
12091
  const menuOptions = this.getMenuOptions();
12028
- const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
12092
+ const selectedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === value);
12029
12093
  this.handleOptionSelect(event, selectedOptionIndex, true);
12030
12094
  this.multiOptionClicked = value || null;
12031
12095
  }
@@ -12330,11 +12394,14 @@ class Menu {
12330
12394
  return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: {
12331
12395
  "option-text-container": true,
12332
12396
  "show-check-icon": showCheckIcon,
12333
- } }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: sanitizeHTMLIconString(option.icon), "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
12397
+ } }, (option.icon || !option.hideLabel) && (hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: sanitizeHTMLIconString(option.icon), "aria-hidden": "true" })), !option.hideLabel && (hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])))), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: {
12398
+ "option-element": option.icon || !option.hideLabel || option.description,
12399
+ }, innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
12334
12400
  };
12335
12401
  this.displayOption = (option, selected, index, parentOption) => {
12402
+ var _a;
12336
12403
  const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
12337
- return (hAsync("li", { id: this.getOptionId(option[this.valueField]), class: {
12404
+ return (hAsync("li", Object.assign({ id: this.getOptionId(option[this.valueField]), class: {
12338
12405
  option: true,
12339
12406
  "focused-option": isManualMode
12340
12407
  ? (keyboardNav || initialOptionsListRender) &&
@@ -12352,7 +12419,7 @@ class Menu {
12352
12419
  ? "0"
12353
12420
  : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading
12354
12421
  ? this.handleOptionClick
12355
- : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", null, "Error"), hAsync("g", null, hAsync("path", { d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
12422
+ : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, ((_a = option.htmlProps) !== null && _a !== void 0 ? _a : {})), option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", null, "Error"), hAsync("g", null, hAsync("path", { d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
12356
12423
  };
12357
12424
  }
12358
12425
  watchOpenHandler() {
@@ -12519,7 +12586,7 @@ class Menu {
12519
12586
  const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
12520
12587
  const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
12521
12588
  const hasNoResults = this.host.classList.contains("no-results");
12522
- return (hAsync(Host, { key: 'e17a70bcf59709dd5b9d0cc7b404520ff06bcf35', class: {
12589
+ return (hAsync(Host, { key: '1e4da9c2108dc9df947dcf92f558fcbc14c3f686', class: {
12523
12590
  "ic-menu-full-width": !!fullWidth,
12524
12591
  "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
12525
12592
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -12528,7 +12595,7 @@ class Menu {
12528
12595
  [`ic-menu-${size}`]: true,
12529
12596
  "ic-menu-open": open && options.length !== 0,
12530
12597
  "ic-menu-multiple": multiSelect,
12531
- } }, options.length !== 0 && (hAsync("ul", { key: '438cd6126c1296a14e216edc0a5d790a4705b143', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
12598
+ } }, options.length !== 0 && (hAsync("ul", { key: '0861edb24bdb21aecd3b70ec4d7f11112d4ad3eb', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
12532
12599
  !keyboardNav &&
12533
12600
  ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
12534
12601
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -12536,7 +12603,7 @@ class Menu {
12536
12603
  : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
12537
12604
  if (option.children) {
12538
12605
  if (option.children.length > 0) {
12539
- return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
12606
+ return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption[this.labelField] &&
12540
12607
  this.displayOption(childOption, multiSelect
12541
12608
  ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
12542
12609
  : childOption[this.valueField] === value, index, option))));
@@ -12547,7 +12614,7 @@ class Menu {
12547
12614
  }
12548
12615
  else {
12549
12616
  // Display option only if it has a label (rather than displaying an empty space)
12550
- return (option.label &&
12617
+ return (option[this.labelField] &&
12551
12618
  this.displayOption(option, multiSelect
12552
12619
  ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
12553
12620
  : option[this.valueField] === value, index));
@@ -12556,7 +12623,7 @@ class Menu {
12556
12623
  multiSelect &&
12557
12624
  !isLoading &&
12558
12625
  !hasTimedOut &&
12559
- !hasNoResults && (hAsync("div", { key: '5732c5ac4fa70ff249a7851d61aee8ccf46082d1', class: "option-bar" }, hAsync("ic-typography", { key: '48ce8543a189cad706804715a077575b3774e490' }, hAsync("p", { key: '63537752e580815f650c3d9bbf38b23267c5229c' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '60c446e5303a3939494284b9ce7772feb1fe547c', 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)))));
12626
+ !hasNoResults && (hAsync("div", { key: 'aa5a9084985ac02f145acbc5d45ff726ae5d575e', class: "option-bar" }, hAsync("ic-typography", { key: 'c9854cfb8d9ddf6b54a4b66445020f1e437dece7' }, hAsync("p", { key: '47b9491c4332bc7d547df9a6edbd97290cdb9535' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'a07f28d90a7fd4efa5d3a0574f161a111a46c048', 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)))));
12560
12627
  }
12561
12628
  get host() { return getElement(this); }
12562
12629
  static get watchers() { return {
@@ -12616,7 +12683,7 @@ class MenuGroup {
12616
12683
  }
12617
12684
  render() {
12618
12685
  const parentMenu = this.el.closest("ic-popover-menu");
12619
- return (hAsync(Host, { key: '0671b22234980b7b332889e7d643b8f5e42841c1', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '444d817f6505c858593b136e7c2040cf40502f56', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '4b79a7b6f40da4a1eab4121f9aff972776fb52f9', class: "menu-items-wrapper" }, hAsync("slot", { key: '99160dcb17e825ac4a44ca8348dc0a1452b5f0e3' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '3591bc3153bcefa6ba7917332e0a106144b3ea74' }))));
12686
+ return (hAsync(Host, { key: '979b8fb6d5820b0bedb7b5fd0695ae1d45f28ce7', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '9ec6ec6fa6bb1eeeea72f74505bab6310e6d2e1f', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '720be07138e658bbaa4ed5131c5ec0ebea15c110', class: "menu-items-wrapper" }, hAsync("slot", { key: 'd9740690e6caf5aaa3c54f96e6be45f38b6f1eea' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '44bb82e43b7de2acf8f955d77666455de0ef67fa' }))));
12620
12687
  }
12621
12688
  get el() { return getElement(this); }
12622
12689
  static get style() { return IcMenuGroupStyle0; }
@@ -12632,7 +12699,7 @@ class MenuGroup {
12632
12699
  }; }
12633
12700
  }
12634
12701
 
12635
- const icMenuItemCss = "/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant=\"destructive\"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant=\"destructive\"]) ::part(button):focus-visible,:host([variant=\"destructive\"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant=\"destructive\"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant=\"destructive\"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant=\"destructive\"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}";
12702
+ const icMenuItemCss = "/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host(.ic-menu-item-variant-destructive) ::part(button):focus-visible,:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(.ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}";
12636
12703
  var IcMenuItemStyle0 = icMenuItemCss;
12637
12704
 
12638
12705
  /**
@@ -12723,6 +12790,7 @@ class MenuItem {
12723
12790
  };
12724
12791
  return (hAsync(Host, { class: {
12725
12792
  ["ic-menu-item-disabled"]: !!this.disabled,
12793
+ [`ic-menu-item-variant-${this.variant}`]: this.variant !== undefined,
12726
12794
  } }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
12727
12795
  ? this.checked
12728
12796
  ? "true"
@@ -12866,11 +12934,11 @@ class NavigationButton {
12866
12934
  target,
12867
12935
  theme,
12868
12936
  };
12869
- return (hAsync(Host, { key: '6d5b61877075117e4e5a88b0d1edf1cf986f4bcd', class: {
12937
+ return (hAsync(Host, { key: 'a277e7f5b36c9a2c7e7a02c488130727a7894a95', class: {
12870
12938
  "in-side-menu": isMenuMode,
12871
12939
  [`ic-theme-${theme}`]: theme !== "inherit",
12872
12940
  dark: parentThemeDark,
12873
- } }, hAsync("ic-button", Object.assign({ key: 'd1e885683fd648f260bec94656aeb818497899e2', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: 'c3ae147f7bccd4f10f9259d442b86636c1a332ca', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'f5f961eb88638804430696e0e5b3424ad3b9ac6c', name: "badge" }))));
12941
+ } }, hAsync("ic-button", Object.assign({ key: '50ebf0528b85ac029bd83547d12d850136c382d6', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '10f847ba11eec3c7e398b15807865783ede32493', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '37a37bf5dfbcb7ef4e90b86dde4d9efec521911d', name: "badge" }))));
12874
12942
  }
12875
12943
  static get delegatesFocus() { return true; }
12876
12944
  get el() { return getElement(this); }
@@ -13163,7 +13231,7 @@ class NavigationGroup {
13163
13231
  const isTopNav = this.navigationType === "top";
13164
13232
  const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
13165
13233
  const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
13166
- return (hAsync(Host, { key: '393cd6fdb52feac00792c6045472ffb466c45663', class: {
13234
+ return (hAsync(Host, { key: '15cdbd2b2ce19129b1ff6a845922036813e7ae99', class: {
13167
13235
  "in-side-menu": inTopNavSideMenu,
13168
13236
  "ic-navigation-group-expandable": expandable,
13169
13237
  "ic-navigation-group-side-nav": isSideNav,
@@ -13200,7 +13268,7 @@ class NavigationGroup {
13200
13268
  }; }
13201
13269
  }
13202
13270
 
13203
- 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,.navigation-item-top-nav-child)) ::slotted(a:hover:not(:focus)),:host(.navigation-item-side-nav.navigation-item) .link: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);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}: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);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}: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:calc(100% - var(--ic-space-xl));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),: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-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}}";
13271
+ 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;--ic-typography-color:var(--navigation-link-colour)}: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,.navigation-item-top-nav-child)) ::slotted(a:hover:not(:focus)),:host(.navigation-item-side-nav.navigation-item) .link: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);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}: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);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}: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-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){color:var(--ic-color-text-primary);--ic-typography-color: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:calc(100% - var(--ic-space-xl));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),: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-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}}";
13204
13272
  var IcNavigationItemStyle0 = icNavigationItemCss;
13205
13273
 
13206
13274
  /**
@@ -13396,7 +13464,7 @@ class NavigationItem {
13396
13464
  render() {
13397
13465
  const { inTopNavSideMenu, isTopNavChild, selected, navigationType, focusStyle, isInitialRender, sideNavExpanded, displayNavigationTooltip, collapsedIconLabel, isSideNavMobile, expandable, isInSideNav, theme, } = this;
13398
13466
  const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;
13399
- return (hAsync(Host, { key: '6d3d330011cb09ae9fd95b59f98a9d18ffc25ba0', class: {
13467
+ return (hAsync(Host, { key: '8c8d6840c525322be195b26b40b81de5b76a3bb9', class: {
13400
13468
  "navigation-item": true,
13401
13469
  "navigation-item-selected": !isTopNavChild && selected,
13402
13470
  "navigation-item-top-nav": !inTopNavSideMenu && navigationType === "top",
@@ -13415,7 +13483,7 @@ class NavigationItem {
13415
13483
  expandable,
13416
13484
  [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,
13417
13485
  [`ic-theme-${theme}`]: theme !== "inherit",
13418
- }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: 'af3a3de698b102182ff030ffcfb66b419d7ac857', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
13486
+ }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '20f1518fa353f8ab041ce7a71d8cbe0277ee9e6a', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
13419
13487
  "tooltip-navigation-item": true,
13420
13488
  "tooltip-navigation-item-side-nav-collapsed": displayNavigationTooltip && isInSideNav,
13421
13489
  "tooltip-long-label-navigation-item-side-nav-expanded": this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -13588,16 +13656,16 @@ class NavigationMenu {
13588
13656
  }
13589
13657
  }
13590
13658
  render() {
13591
- return (hAsync(Host, { key: '10788f4141f818f0f6d162ab14ef31f387a0a088', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '073fc0b5677787aea69610218e31c98af2d0bcf6', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: 'b1c089216c1b0d048ed5f7ab22b493f18e6c1925', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '7cd1e985e623de53c4b54d145e3c5778e5b42d9d', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '96b72f2b119115ff4c7ae045def9f77e075a3da8', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '7f6f200c07a572b08bc40feb3bc4626fd236b82a', class: {
13659
+ return (hAsync(Host, { key: '5040ecf445a2131ca777cf9795f4fc25f9ee9d3f', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '85b31d01281c8ea08c7fa09d37063fa6274ade9d', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '336cf9892c7698a887a6a8fa6f287c40b441c2ab', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'd2367e40e87f65ef92225fb0240f049723de8eea', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '665c9f21f3c81961edff4e959fa77a2c7479f475', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '3e9debb08e2efe3bc8b4a5266d1df14ee7ee3b8a', class: {
13592
13660
  ["menu-close-button-container"]: true,
13593
13661
  ["nav-group-first"]: this.navGroupFirst,
13594
- } }, hAsync("ic-button", { key: '4f2f8c7694c1a38b21da8c526fdb987aecdf5a80', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '9dc1c3ec5b42c3ce30a8a5d08f0478dc288029ff', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '8afa8a42d3a4d90884d80d2997f26f62343c7c28', 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: '6f4b56a9ac5d20aeac2e95e7153644d47eb149ea', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'e93f88be7521de76edae1845a6dfb472435ff552', class: {
13662
+ } }, hAsync("ic-button", { key: '8fa44a70222a765adbe21298f81d2a8d9507b5ec', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '9b5dc10d973f156783708c56f30e618db47a6de1', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9fa87211d3c594f36b6a7b0bd1d5298f8d04d4f4', 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: 'f4ba3ba39a6c152d32fcfe4d67492effed09eae7', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'ac05566d1578abbf6377417130e3eb17b177e67d', class: {
13595
13663
  ["menu-buttons-container"]: true,
13596
13664
  ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
13597
- } }, hAsync("slot", { key: 'c5c8f1021794b892fbb72511bb01336a75ce0127', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '2fd5a79a68bec985b82699c8ec6df946ac4a84e4', class: {
13665
+ } }, hAsync("slot", { key: 'b41b238a5b9539d20fee6d1ef5d48e8318282e7b', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'f7e7f7ac77288dde96a92160e25cbe04e4762fc2', class: {
13598
13666
  ["menu-status-version-container"]: true,
13599
13667
  ["status-version-no-buttons"]: !this.hasButtons,
13600
- } }, this.status !== "" && (hAsync("div", { key: 'c99d654ffe4ed2bd091b626af0afd9d93952e19b', class: "menu-status" }, hAsync("ic-typography", { key: 'aa8aa2cba8d295a9cd1bee92920db503fee41249', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'e20bad59ea61b6670905a158be44aa0af25b4560', class: "menu-version" }, hAsync("ic-typography", { key: '561be48d1ceacba55142d69237586ac93032af8c', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
13668
+ } }, this.status !== "" && (hAsync("div", { key: '7cff7f64f8040feb7605890db0131df0d854688a', class: "menu-status" }, hAsync("ic-typography", { key: 'cc5124ab4a9c02e5f412755012c60e42c9e8bc55', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '3a72f8253064a565c543a504aef7bd6efe7cb2cb', class: "menu-version" }, hAsync("ic-typography", { key: 'e2060017d43524668f0da2e7b3385bb19ab3438e', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
13601
13669
  }
13602
13670
  get el() { return getElement(this); }
13603
13671
  static get style() { return IcNavigationMenuStyle0; }
@@ -13615,7 +13683,7 @@ class NavigationMenu {
13615
13683
  }; }
13616
13684
  }
13617
13685
 
13618
- const icPageHeaderCss = "/*! 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;z-index:var(--ic-z-index-page-header)}:host(.ic-page-header-sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-page-header-background)}header.border-bottom{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.ic-page-header-sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
13686
+ const icPageHeaderCss = "/*! 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;z-index:var(--ic-z-index-page-header)}:host(.ic-page-header-sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-page-header-background)}header.border-bottom{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}::slotted(ic-navigation-item){--navigation-link-colour:var(--ic-color-text-primary)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.ic-page-header-sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
13619
13687
  var IcPageHeaderStyle0 = icPageHeaderCss;
13620
13688
 
13621
13689
  /**
@@ -13730,19 +13798,19 @@ class PageHeader {
13730
13798
  const navAriaLabel = `${isSlotUsed(this.el, "heading")
13731
13799
  ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
13732
13800
  : heading !== null && heading !== void 0 ? heading : ""} page sections`;
13733
- return (hAsync(Host, { key: 'ef9b1c5acf30851bedddd8f840fae60b545dfd3f', class: {
13801
+ return (hAsync(Host, { key: '6839f2d164672f2aa33e05134c3426e5374d1f06', class: {
13734
13802
  ["ic-page-header-sticky"]: !!sticky,
13735
13803
  ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
13736
13804
  [`ic-theme-${theme}`]: theme !== "inherit",
13737
- }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'e3f5ec39b13afbd9be424125fa43ea4634a90418', class: {
13805
+ }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '7d5137cb542941699de9cc5721ae28a17861dbf0', class: {
13738
13806
  ["border-bottom"]: !!border,
13739
13807
  ["tabs"]: isSlotUsed(this.el, "tabs"),
13740
- }, role: "presentation" }, hAsync("ic-section-container", { key: '7b58d10dbc3e72c05db7fdc67342eedfde9ed139', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: '386e595418e6234228b2518c430d59248b68641f', class: "breadcrumb-area" }, hAsync("slot", { key: 'c11be2d0fdccd46ff3ac512a2816b7d6ceceac72', name: "breadcrumbs" }))), hAsync("div", { key: 'd9d1bd5b030a28dbdccbdbb80a5ef609bcc927df', class: "main-content" }, hAsync("div", { key: '4743493c932b474fad24fc708ca05648d516f3fe', class: "title-area" }, hAsync("div", { key: '34fb35fd36f2ef0d8edf3efa0b7e62323be512bb', class: "header-content" }, hAsync("slot", { key: '1830379330d7f2a2742dd5ed75c5ea1755d7f8aa', name: "heading" }, hAsync("ic-typography", { key: '44e86892aa90b0af8eb1def5733852a4e8225dbb', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: 'be25fb99e3e8e5c81c209d1bcd57680718bdc5b8' }, heading))), hAsync("slot", { key: 'c907d0d661b042a77232979fd99a375dcfcc96fe', name: "heading-adornment" })), hAsync("div", { key: 'a7561b492f4d5135b4d8957694e498a50ca42645', class: {
13808
+ }, role: "presentation" }, hAsync("ic-section-container", { key: '454a9621964544cff3503b6553e7a17c60da3832', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: '58cd2a99c294c0e74d7236dfadaed9df5a2e468a', class: "breadcrumb-area" }, hAsync("slot", { key: '02a27ba25893819a676272f7b5c99ba111cec39a', name: "breadcrumbs" }))), hAsync("div", { key: '252904de3b7c608bca4e42325880560ee7bdc431', class: "main-content" }, hAsync("div", { key: 'f9256d53398c537fe19e6b27ed777542650de68b', class: "title-area" }, hAsync("div", { key: 'a1d40860aa4a7191974e44f400b3b8d486e09bf4', class: "header-content" }, hAsync("slot", { key: '81f3ac92b61b9943166ae930c7ada3662e494a60', name: "heading" }, hAsync("ic-typography", { key: '78f00c7412b22c74b25db7ce1136edaa173c557b', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '6e9608ec80c3f05482ac3a8e60ee27d2e6f683ad' }, heading))), hAsync("slot", { key: '59600cab7fe6df1e7fbb9786060c1338c1d24109', name: "heading-adornment" })), hAsync("div", { key: '8008f53d6ee65c3ac3bb849e136e417a85fb185a', class: {
13741
13809
  ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
13742
13810
  ["small"]: size === "small",
13743
- } }, hAsync("slot", { key: '6dc20fc584493c88e1a3baaf5badf583ad4bf694', name: "subheading" }, hAsync("ic-typography", { key: 'a1baec7c38856a1d982e7be6cdba10f59ca01351', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '1b5c8bc9cdcb8398379665c2ca60a470a8e5a486', class: "action-area" }, hAsync("slot", { key: 'dcc940cea6c4a0b5871aa1501752fed22cc5f932', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: '8d0ff957c398f1ac9d8cbc7c78ec18c9b2710a43', class: "input-area" }, hAsync("slot", { key: '3dc09d1512ad8ce911ddee0a2dddafb8ae52450c', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
13744
- isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: '9f527e5a1c67ec718a55fa4756249bb0f4c6a6fe', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
13745
- !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: 'c8f71660620ec8d74dcefb02f2663a625e539a4d', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: 'b2aef6529f53572613bf7a0996e6f1644c98463b', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'fcb0cd4af39f445f6dd6e84d46e9289a2623ce8f' }, hAsync("ul", { key: '20c1b075f4f784856f4b067d25d4b1aff1720327', class: "tabs-slot" }, hAsync("slot", { key: '3f35ee8f7b07edbe36f979aee6638e0e430d9ea0', name: "tabs" })))))))))));
13811
+ } }, hAsync("slot", { key: '2f7f52d845ac9ae2d4a7122c17dda2cd9439301d', name: "subheading" }, hAsync("ic-typography", { key: 'c0aea12079ad430c8fc80de47dbc36998c7dafde', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '522be093d57e17bd669e6a00de00b5d762371464', class: "action-area" }, hAsync("slot", { key: '5044800dd45ad23bded19fb947103fc33fb224f9', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: 'c2ed3ac5f6683e17dff5e30bb4b0836c6882a62a', class: "input-area" }, hAsync("slot", { key: '7fa5429dde9cafd6cf7a91e6c018c137c4596cb8', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
13812
+ isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: '7adb7f57bb469ddb2f88303784c5bb4f47af3e7a', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
13813
+ !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: '523c906aff9a5dcf0911b99e58a49bae70f6dc1a', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: '3d387ad3a2ca763d7837ad7604d7efbe46b3b2c9', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'dee59ffc315702860977ca50ca8bdf90459a6a63' }, hAsync("ul", { key: 'ce68af19740fd60be9a08fa955643854eb5ac0c7', class: "tabs-slot" }, hAsync("slot", { key: 'd2297a18b03a95711ae20beaef363b39462c3866', name: "tabs" })))))))))));
13746
13814
  }
13747
13815
  get el() { return getElement(this); }
13748
13816
  static get style() { return IcPageHeaderStyle0; }
@@ -14020,14 +14088,14 @@ class Pagination {
14020
14088
  }
14021
14089
  render() {
14022
14090
  const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
14023
- return (hAsync(Host, { key: 'fb99bef90dd70acdcc38a49c5ead06d6d8351ed4', class: {
14091
+ return (hAsync(Host, { key: '2d22f7a183f6da54aece8dfc1f48137388304493', class: {
14024
14092
  [`ic-theme-${theme}`]: theme !== "inherit",
14025
14093
  ["ic-pagination-monochrome"]: !!monochrome,
14026
- } }, type === "simple" && (hAsync("nav", { key: '5134a43228fbd8a137fd3e34607a1139bc09c9cc', class: {
14094
+ } }, type === "simple" && (hAsync("nav", { key: '50a0774ec8e4bf5b1799ae9eee4b4ee3735cfcb6', class: {
14027
14095
  ["disabled"]: !!disabled,
14028
- }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '911c4ad52e99e400db64354740ebcc8f8fbed41b', 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: '9e803dc371d2ae0a6de0bb82fca25a8d4ad2cdb1', class: {
14096
+ }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'da44ff2e87bc0fcad46c497ab55b014f069b13b3', 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: 'c6fe6b828ff3d31462ffe46f7ec366853faee845', class: {
14029
14097
  ["disabled"]: !!disabled,
14030
- }, 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: '61a05ee70fe739149339df6527a8aca0613ce56f', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
14098
+ }, 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: '38e987b2739f3be57c96c7b596478079a441f4da', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
14031
14099
  }
14032
14100
  get el() { return getElement(this); }
14033
14101
  static get watchers() { return {
@@ -14111,7 +14179,7 @@ class PaginationItem {
14111
14179
  }
14112
14180
  render() {
14113
14181
  const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
14114
- return (hAsync("a", { key: 'ed0d1ec644f4332880be47cf2240ce08e8ba8f5c', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
14182
+ return (hAsync("a", { key: '89475a5ee9cb95171d34ae94ec68107c70e67248', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
14115
14183
  ["item-container"]: true,
14116
14184
  ["ellipsis"]: true,
14117
14185
  ["disabled"]: !!disabled,
@@ -14430,17 +14498,17 @@ class PopoverMenu {
14430
14498
  this.popperProps = props;
14431
14499
  }
14432
14500
  render() {
14433
- return (hAsync(Host, { key: 'b3b80be668dab0b1bf8e9c86a92871a2ccf7fa05', class: {
14501
+ return (hAsync(Host, { key: 'bbe8b532b3e08c777c35e0af55486b59b5b8e44c', class: {
14434
14502
  ["ic-popover-menu-open"]: !!this.open,
14435
14503
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
14436
- } }, hAsync("div", { key: '2354b0125ce713af1824928f0f63bfc4e1a51539', id: this.parentPopover === undefined
14504
+ } }, hAsync("div", { key: 'a72a96633961efb668c7c8aae3fcb3b142c7b128', id: this.parentPopover === undefined
14437
14505
  ? `ic-popover-submenu-${this.submenuId}`
14438
14506
  : "", class: {
14439
14507
  menu: true,
14440
- } }, hAsync("span", { key: 'a0fe248c348b955225eb3cbd9d4713dd4d2260f5', class: {
14508
+ } }, hAsync("span", { key: '06b147e629909bbb74f4f1e01e825d39dcbab395', class: {
14441
14509
  "opening-from-parent": this.openingFromParent,
14442
14510
  "opening-from-child": this.openingFromChild,
14443
- } }, isPropDefined(this.submenuId) && (hAsync("span", { key: 'b0f4cd227ca7e89a65a05ff7e168c902d90fbd27' }, hAsync("span", { key: '2cae5777f8e07730803524dca57d2489755af132', role: "menu" }, hAsync("ic-menu-item", { key: '65be6ed2c83365bfc8888f9d1232fe34b61b9547', 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: '51312621130f75922f672a78e96c5f143844fd23', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: 'db43490c2526d8aef7b985109b0592d6e47d97fb', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'd1f5dea7708ece652f7033fc879ebd2ecf9485e4', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: '57da0710affbfada09d7bb4f040b235bbd86bee4', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '745f05595c859f9c6259716dc4c4635d66cd95fc' }))))));
14511
+ } }, isPropDefined(this.submenuId) && (hAsync("span", { key: '088ce8abcf89df38016507d521381e081ade4759' }, hAsync("span", { key: '1bebbc5854c2edd5207633c01bee4a6e887c03a0', role: "menu" }, hAsync("ic-menu-item", { key: '317fe27583c8bc0d41319ac634a4bff22b1c5e2d', 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: '02d9719c84180f8832a26d75cd652c55070b6289', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '906a7a797d99a3e8f0a7a3b30d3e33a52ca2582c', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'ee0152debc2b109787490b4a78e1de3f8186ae5e', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'f91d5f08c8142136b4bb2c1fbd513ee13fbbd263', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '55417e47588809089b7ba71e510336d79ba69ac3' }))))));
14444
14512
  }
14445
14513
  static get delegatesFocus() { return true; }
14446
14514
  get el() { return getElement(this); }
@@ -14709,16 +14777,16 @@ class RadioGroup {
14709
14777
  render() {
14710
14778
  const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
14711
14779
  const showValidation = hasValidationStatus(validationStatus, disabled);
14712
- return (hAsync(Host, { key: '4ea2e0ca7614fb4ce6563ea146f86d72707a399a', onKeyDown: handleKeyDown, class: {
14780
+ return (hAsync(Host, { key: 'aa0ff707b50765535bf74bb77f349b1fdf8ec5c2', onKeyDown: handleKeyDown, class: {
14713
14781
  "ic-radio-group-small": size === "small",
14714
14782
  [`ic-theme-${theme}`]: theme !== "inherit",
14715
- } }, hAsync("fieldset", { key: 'ebad7a878454455a15892bf53c43bdcb914b77c4', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: 'aac1f37c7b1d4d5bc621bd3030dc9eef60417659' }, hAsync("ic-input-label", { key: 'fd04e3f74c89b633996eb22e60902e988a8ac8ef', class: {
14783
+ } }, hAsync("fieldset", { key: '0c4dab92df1c01348afbe3ccdd6e66d32aaefef9', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '37ebeeb2b43fcb8628327deefb00ce2742c6a026' }, hAsync("ic-input-label", { key: '2a587dc242e293992e41bdbb523ac8414b8c4fac', class: {
14716
14784
  [`${validationStatus}`]: true,
14717
14785
  ["disabled"]: !!disabled,
14718
- }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '66325d58018dff189c975e3e4fc01249b51b6b9f', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '6d2d332396c87b798d5d160bdb5977c0a8ad6751', class: {
14786
+ }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '28611e725b177c6b7f8456668c33d3162830eb29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'd53f2e859088f0c208c2aab94442322d8a1bad0e', class: {
14719
14787
  "radio-buttons-container": true,
14720
14788
  horizontal: currentOrientation === this.RADIO_HORIZONTAL,
14721
- }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'fb0a1b41503ba88ce9bda3c0bc8236ae0a7e3795' }))), hAsync("ic-input-validation", { key: 'f9f7c2bdffd83d705149f74fe2caad93e57dd85b', class: {
14789
+ }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bbffd83c1b277c2ca55a7e97254ba0a322008c34' }))), hAsync("ic-input-validation", { key: '67ca41fbf8ce4265a5a979cdca100edb2f4e4c41', class: {
14722
14790
  "show-validation": showValidation,
14723
14791
  }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
14724
14792
  }
@@ -14901,15 +14969,15 @@ class RadioOption {
14901
14969
  render() {
14902
14970
  const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
14903
14971
  const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
14904
- return (hAsync(Host, { key: '3d233946c372788a34128912099c47d6858d7ea9', onClick: handleClick, onKeyDown: handleKeyDown, class: {
14972
+ return (hAsync(Host, { key: 'd4254c0a08bd7fe373f7beeb849d732d437c6f5b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
14905
14973
  ["ic-radio-option-disabled"]: !!disabled,
14906
14974
  [`ic-theme-${theme}`]: theme !== "inherit",
14907
- } }, hAsync("div", { key: 'e932a0827c6b0620522f9f3df3f5a06316098949', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: '64eeea95469af9831655f56701e2332255bf6669' }, hAsync("input", { key: '32f7a8840d8a14a89f1a79b9c61890e0e2fe23a0', 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: '6cbea9714c51eb75b7be07a509049f0c330ffca5', class: "checkmark" })), hAsync("ic-typography", { key: '55164cf8d231d449267b74389f9d7cd8193ab6db', class: "radio-label", variant: "body" }, hAsync("label", { key: '54014827aa5c16641bc3fa864974382bf0715335', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '5f3e1054494365c3fafdfd421bed64523307406b', class: {
14975
+ } }, hAsync("div", { key: '1b3c7c383278c1d8714f5a7a3a00c8fb780a2931', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'ba90a2ce5912981a50d43ebd33086eb227947e5f' }, hAsync("input", { key: '8eb145667ce5b7777ced51480ceebab3f43a7910', 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: '3683fd5eda19dd39f4647a5763705eef4becacb3', class: "checkmark" })), hAsync("ic-typography", { key: 'd662a4e7a5b0ac173a7ea2881d2dac84e94eedc7', class: "radio-label", variant: "body" }, hAsync("label", { key: 'a76e5907c98f2ff18d734167ff69bbe0a1c7ddc4', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '36b6226b2cc21d25037eb9a39c2f1d7f4f2dbcbf', class: {
14908
14976
  "dynamic-container": true,
14909
14977
  hidden: additionalFieldDisplay === "dynamic" && !selected,
14910
- } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'd9c292dd502569650dcf327a3e48716cde723593', class: "branch-corner" })), hAsync("div", { key: '3994230df8af7e9c5215646a1c5c3d5687961637' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '0b92403d743c4517ca099586a2845e71d528c329', variant: "caption", role: "alert" }, hAsync("p", { key: '0b689ea686ff2cb08b27858920a2f0548c197aa7', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: '7e023eb75b14dd0a75acbe5321ecd676de0a67d4', class: {
14978
+ } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'c7182dd5dfa6e378cb009e98d0408e40f06ae2e5', class: "branch-corner" })), hAsync("div", { key: '59286b0ca3110c6ba745a8149b0a9c4707e9a7a8' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '16491146b394af8f08ebde6a8452ca159c9ad665', variant: "caption", role: "alert" }, hAsync("p", { key: 'bcc87f891dc1598a7f2756d740fa2271730d1429', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'ceda461f6d7dd511f7e72245fb331e551126e823', class: {
14911
14979
  "additional-field-wrapper": additionalFieldDisplay === "static",
14912
- } }, hAsync("slot", { key: 'b3f82b1650ef67a732b35a32c5088745f31d1f31', name: ADDITIONAL_FIELD })))))));
14980
+ } }, hAsync("slot", { key: '3458dd8cf7904abb86e65cff449774459e389f09', name: ADDITIONAL_FIELD })))))));
14913
14981
  }
14914
14982
  get el() { return getElement(this); }
14915
14983
  static get watchers() { return {
@@ -15492,39 +15560,39 @@ class SearchBar {
15492
15560
  const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
15493
15561
  const labelValue = getLabelFromValue(value, options, valueField, labelField);
15494
15562
  renderHiddenInput(this.el, value, name, disabledMode);
15495
- return (hAsync(Host, { key: '71d9a6e7a555373e98a3ee7ea114fc1f69f06570', class: {
15563
+ return (hAsync(Host, { key: '29effef90a1b301f50dd5e16cb00ed70eccab512', class: {
15496
15564
  "ic-search-bar-search": true,
15497
15565
  "ic-search-bar-full-width": fullWidth,
15498
15566
  "ic-search-bar-disabled": disabled,
15499
15567
  "ic-search-bar-small": size === "small",
15500
15568
  [`ic-theme-${theme}`]: theme !== "inherit",
15501
- }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '23dfe2a04d5c039174366f85fa42df074fd30c98', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '1c222b2269cbab7436dc225b75e09568d323a1f0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'e38a00e300ddc76daaf3c52332adab4ac16038c4', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '17dff32cab5a5b34673c1255f0a1d696b9df84b4', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: 'e5d666c8a1609a1683b735940afd707e67b7eaa6', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
15569
+ }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: 'e896aa115879948ea3f8c2431e93791ff1d833db', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'fd412bd32638354ff10f6653800921f2c15e8561', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'cb13c54cb67e19ca0a275d3af1b0a5199e4ce89c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '75b330a02def1ea7e43d353ffb1041bfe2d61b53', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '1b4dc1a0b79fdaad28b52238557e930c9ec02c30', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
15502
15570
  "no-left-pad": readonly,
15503
15571
  readonly,
15504
15572
  "truncate-value": truncateValue,
15505
- }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "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: '98887c2626a05e3ddc15c7ddad3a756262c197e8', class: {
15573
+ }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "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: 'ac9075acbae4855280df3a7927a325ee20ac5d82', class: {
15506
15574
  "clear-button-container": true,
15507
15575
  "clear-button-visible": !!value && !disabledMode && showClearButton,
15508
- } }, hAsync("ic-button", { key: '119b7ae17e8c7cbd8a56e6bd8136340c269958e3', id: "clear-button", class: {
15576
+ } }, hAsync("ic-button", { key: 'd3b1a71ede9651edce18ef3c2e31d044518ea79a', id: "clear-button", class: {
15509
15577
  "clear-button": true,
15510
15578
  "clear-button-unfocused": !clearButtonFocused,
15511
- }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: 'bf3e848c1e275217c686f3aab3b10a09396d6b4e', class: "divider" })), hAsync("div", { key: '4075cd96e0274043b8da4e25d32a5cee5d4bb0e5', class: {
15579
+ }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '4514b92f5f6ff11d6c4d296109eb768591490fce', class: "divider" })), hAsync("div", { key: 'c1507f41ba857730f14a74f4fb0c24480fed6ba2', class: {
15512
15580
  "search-submit-button-container": true,
15513
15581
  "search-submit-button-disabled": this.isSubmitDisabled(),
15514
- } }, hAsync("ic-button", { key: '77e1e8bfef4ce5304dbf877b5ecfc440d37d864c', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
15582
+ } }, hAsync("ic-button", { key: 'f48d2f2c3cec19bb4fb66be6024ec1d8b8f21e8d', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
15515
15583
  "search-submit-button": true,
15516
15584
  "search-submit-button-small": size === "small",
15517
15585
  "search-submit-button-unfocused": !searchSubmitFocused,
15518
15586
  "search-submit-button-disabled": this.isSubmitDisabled(),
15519
- }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '20e98815de9ec0c35fa247026de3d9e273161ea6', class: {
15587
+ }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '408c068afb680a643752be6c04df27bf4ec010f0', class: {
15520
15588
  "menu-container": true,
15521
15589
  fullwidth: fullWidth,
15522
- } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'b2f7d74335c27d93e9f5dc5b63bab80daeb3eeae', class: {
15590
+ } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'e9a150bc0ead1db84cc63723acc7bf21bb5ba5fc', class: {
15523
15591
  "no-results": this.hadNoOptions() ||
15524
15592
  (filteredOptions.length === 1 &&
15525
15593
  (filteredOptions[0][labelField] === loadingLabel ||
15526
15594
  filteredOptions[0][labelField] === loadingErrorLabel)),
15527
- }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: 'f76306ff99a2c103fdea197759f6036d479dc51f', "aria-live": "polite", role: "status", class: "search-results-status" })));
15595
+ }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '41368646242aceb6f0e7bd8ba9ba6ff029cf8d7a', "aria-live": "polite", role: "status", class: "search-results-status" })));
15528
15596
  }
15529
15597
  static get delegatesFocus() { return true; }
15530
15598
  get el() { return getElement(this); }
@@ -15608,12 +15676,12 @@ class SectionContainer {
15608
15676
  }
15609
15677
  render() {
15610
15678
  const { aligned, fullHeight } = this;
15611
- return (hAsync(Host, { key: '1d47dd5e8fe26fbf69b3cea13a0a04304f2bd1e8', class: {
15679
+ return (hAsync(Host, { key: '343b4d46f49af4458ad961d31de6118927b5e3ec', class: {
15612
15680
  ["aligned-left"]: aligned === "left" || aligned === null,
15613
15681
  ["aligned-center"]: aligned === "center",
15614
15682
  ["aligned-full-width"]: aligned === "full-width",
15615
15683
  ["no-vertical-padding"]: !!fullHeight,
15616
- } }, hAsync("slot", { key: '2aed7afff105eeb51ddff32f9759e1d62737107b' })));
15684
+ } }, hAsync("slot", { key: '96932a21be0e230d9d15e05f09b8da67f772dd2b' })));
15617
15685
  }
15618
15686
  static get style() { return IcSectionContainerStyle0; }
15619
15687
  static get cmpMeta() { return {
@@ -16134,8 +16202,13 @@ class Select {
16134
16202
  else {
16135
16203
  if (!isArrowKey || this.noOptions === null) {
16136
16204
  if (event.key !== " " || this.pressedCharacters.length <= 0) {
16137
- // Keyboard events get passed onto ic-menu
16138
- (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
16205
+ // Keyboard events get passed onto ic-menu except in the case of ctrl-a on a searchable select
16206
+ const isCtrlA = event.key === "a" &&
16207
+ ((isMacDevice() && event.metaKey) ||
16208
+ (!isMacDevice() && event.ctrlKey));
16209
+ if (!(this.searchable && isCtrlA)) {
16210
+ (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
16211
+ }
16139
16212
  }
16140
16213
  if (!this.multiple) {
16141
16214
  this.handleCharacterKeyDown(event.key);
@@ -16418,8 +16491,8 @@ class Select {
16418
16491
  }
16419
16492
  }
16420
16493
  render() {
16421
- var _a;
16422
- const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationAriaLive, validationStatus, validationText, currValue, theme, hiddenInputValue, open, inputId, searchableSelectInputValue, loading, value, emptyOptionListText, uniqueOptions, selectOnEnter, form, inheritedAttributes, ariaActiveDescendant, hasTimedOut, noOptions, filteredOptions, clearButtonFocused, } = this;
16494
+ var _a, _b, _c, _d;
16495
+ const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationAriaLive, validationStatus, validationText, currValue, theme, hiddenInputValue, open, inputId, searchableSelectInputValue, loading, value, emptyOptionListText, uniqueOptions, selectOnEnter, form, inheritedAttributes, ariaActiveDescendant, hasTimedOut, filteredOptions, clearButtonFocused, } = this;
16423
16496
  // HTML inputs only accept 'string' for their value
16424
16497
  // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
16425
16498
  renderHiddenInput(this.el, searchable ? hiddenInputValue : currValue, name || inputId, disabled);
@@ -16433,18 +16506,18 @@ class Select {
16433
16506
  (searchable
16434
16507
  ? !!searchableSelectInputValue
16435
16508
  : !!currValue && !loading && showClearButton);
16436
- return (hAsync(Host, { key: 'd4771b458b86fdf5e8fd7242b0faa34c641dc1fd', class: {
16509
+ return (hAsync(Host, { key: 'f4a2c999048b3813c72f19cb9d12b179a1aa2829', class: {
16437
16510
  "ic-select-disabled": disabled,
16438
16511
  "ic-select-searchable": searchable,
16439
16512
  [`ic-select-${size}`]: size !== "medium",
16440
16513
  "ic-select-full-width": fullWidth,
16441
16514
  [`ic-theme-${theme}`]: theme !== "inherit",
16442
- }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '085e9b190479932161c56015ed340dda3e94bd20', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '7ed1f56a30c8ba83b5c5f21291221d8910310fbd', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '1d3aac656b887c2a553f425e310d3be2fcc0a570', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '7f6973e971e7b892717e72d8420346d8951751ca', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
16515
+ }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '26ca71ed868b6154ae6d85b12176cbd2c245a2a1', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'fbc267c35b7408673080578c7223713bbbc63487', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '6614423a784d3c8afb82685721ac76044a541b2c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '22f3497287a6dffa909d12ab7cf56dcc350580ff', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
16443
16516
  !disabled &&
16444
- (!readonly || !!value) && (hAsync("span", { key: '208359e9a4b4c92823fa924ce0e7b0e5419c0cef', slot: "left-icon", class: {
16517
+ (!readonly || !!value) && (hAsync("span", { key: '2103e465e79ce43a400ab208cd3fa41f8d9a4897', slot: "left-icon", class: {
16445
16518
  readonly,
16446
16519
  "has-value": !!value,
16447
- } }, hAsync("slot", { key: '462c17f5f746f3d54eaff493c990e6527ed7c381', 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: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
16520
+ } }, hAsync("slot", { key: '626f074a90189f115c112e179ffd5c1e28ac17c6', 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: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
16448
16521
  "value-text": true,
16449
16522
  "select-input": true,
16450
16523
  "with-clear-button": !!searchableSelectInputValue,
@@ -16465,13 +16538,16 @@ class Select {
16465
16538
  } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
16466
16539
  "expand-icon": true,
16467
16540
  "expand-icon-open": open,
16468
- }, 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-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '4daeee28961203c0b190687229c0f9f2b4a1d66e', class: {
16541
+ }, 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-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'e309813f2a75cf0eb862f6c1b06cf34a81ded8f1', class: {
16469
16542
  "no-results": loading ||
16470
16543
  hasTimedOut ||
16471
- ((_a = noOptions === null || noOptions === void 0 ? void 0 : noOptions[0]) === null || _a === void 0 ? void 0 : _a.label) === emptyOptionListText,
16544
+ (searchable &&
16545
+ ((_b = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label) === emptyOptionListText) ||
16546
+ (!searchable &&
16547
+ ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
16472
16548
  }, ref: (el) => (this.menu = el), inputEl: searchable
16473
16549
  ? this.searchableSelectElement
16474
- : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: 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: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '87993e273df521157bb8101f5f96639b0cb3503b', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: 'c0248fb27e0d97f885c8227ffda4534ab65561ec', class: {
16550
+ : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: 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: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '4d029c5c9543fe25438a856df7a6dcde941ed648', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: 'f709f7940485a6fa673a1fe7cb14a636e53fa151', class: {
16475
16551
  "menu-open": open,
16476
16552
  }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
16477
16553
  }
@@ -16550,7 +16626,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
16550
16626
  </svg>
16551
16627
  `;
16552
16628
 
16553
- const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
16629
+ const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}}@media screen and (max-width: 319px){.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
16554
16630
  var IcSideNavigationStyle0 = icSideNavigationCss;
16555
16631
 
16556
16632
  /**
@@ -17002,7 +17078,7 @@ class SideNavigation {
17002
17078
  isAppNameSubtitleVariant,
17003
17079
  appTitle: appTitle || "",
17004
17080
  };
17005
- return (hAsync(Host, { key: '1871b4817a2429ce72b39c00fc3d46bab905c6fc', class: {
17081
+ return (hAsync(Host, { key: 'dee98e8859e6935f7ce2775e95d32be82041ca0c', class: {
17006
17082
  "xs-menu-open": menuOpen && isSDevice,
17007
17083
  "xs-menu-close": !menuOpen && isSDevice,
17008
17084
  "sm-collapsed": !isSDevice && !menuExpanded,
@@ -17011,12 +17087,12 @@ class SideNavigation {
17011
17087
  [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
17012
17088
  ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
17013
17089
  ["ic-side-navigation-inline"]: !!inline,
17014
- } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'aebfc5addba3dd16ecce70793aca0bb2ab17063c', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'a72db8a874a3e55441f1bb863820f46c0514797e', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: 'f3f9d819f3d6b28a754fae1d49f7ce11a701bfe8', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'd955badde7737aef71f05e06628d9d15de29c64b', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: 'b4f076849b8d539dfa3fe2d585cb3f20ce6182be', class: "navigation-list" }, hAsync("slot", { key: 'aefe3f024c8d568d18f3258fd544ba2455689e4c', name: "primary-navigation" }))))), hAsync("div", { key: '06d0d7c5fdba21f969b7aa003367f0d6bf55c5ad', class: {
17090
+ } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '7de065dd79a3633a0e2a0f2a5935c579e7d8cbd7', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'a950c396e16fc7ccd6a47ce355f3c518beb4772d', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '2fe8cffb5411676a3a2aae321fc6f50c6f0db1a0', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '497dc28ccd564c1e98ca06ab0799ee5672356473', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '3f264d80dbbf56c1e7be38b7b3759b6b71daa246', class: "navigation-list" }, hAsync("slot", { key: 'a9d3c59225617b1505b8f176fe2013cb612ea8d1', name: "primary-navigation" }))))), hAsync("div", { key: 'd86b2683593cb26ba2f5486c467dca05d92f32ec', class: {
17015
17091
  ["bottom-wrapper"]: true,
17016
17092
  ["classification-spacing"]: hasClassificationBanner(),
17017
- } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '98ec2710e3a7efb48f1e10e61883bf907809fd42', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '5e5deaff8dcebd21aff6a3d12b8b74a63a1d30af', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: 'fe90d8b0dd6f9eca02cbeff03282d6ceb9c6504c', class: "navigation-list" }, hAsync("slot", { key: 'e8898037866399513e4d30079dfa22103728822f', name: "secondary-navigation" })))), hAsync("div", { key: '6a6ff5aa39c7043b1086341bb1a6f6282d87e05f', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '436be776f4e8b35c22ce667f954496b70ecd9560' }), displayExpandBtn && (hAsync("button", { key: 'ca535ebc2e5215117ab336d6e121303410ec5c2c', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '8421c8faeb1b0befe65bd8688ba0d1900d412fc2', class: "app-status-wrapper" }, status && (hAsync("div", { key: '5c05a7847f5f3bc96c2ffd257dced7e641d44ca5', class: {
17093
+ } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '58e5fb4f988382c818d213d096bbdaca62d8401b', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '6458a76842e7c228cf73f0ca6bfaf6e50970417a', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '76e6c8ac16f803de44efb7dfe6f628dd665bce85', class: "navigation-list" }, hAsync("slot", { key: '1f54dbc9d285e8b1fd40933551bf37af146ecf97', name: "secondary-navigation" })))), hAsync("div", { key: 'd4eef9cdbe35d022243461147a9d5b3b80802a0a', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '423f2e4f54c49d6daa45fd85c0d55f9467d08c74' }), displayExpandBtn && (hAsync("button", { key: '1460adecbbcf46743f3e3ef1ac984a5968f6f0f9', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: 'b221957ba1badf6560239643624cbbc64a48c6c9', class: "app-status-wrapper" }, status && (hAsync("div", { key: '5be443d54b038e32832b8cbb95ad23046e4c3d04', class: {
17018
17094
  ["app-status"]: true,
17019
- } }, hAsync("ic-typography", { key: '573a3ebe74fb8b2ed301781aa92415168a7360a7', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: 'f7da37453fb39e3ca44f79f5780fe42ce7869bb8', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
17095
+ } }, hAsync("ic-typography", { key: '281b500e7b660a3cd8108748cbeaa9bcf0b856c7', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '506f7e34b3027bd1ea340b725a1857b42f797d03', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
17020
17096
  }
17021
17097
  get el() { return getElement(this); }
17022
17098
  static get watchers() { return {
@@ -17080,11 +17156,11 @@ class Skeleton {
17080
17156
  width: el.style.width || (variant === "circle" ? "25px" : "260px"),
17081
17157
  }
17082
17158
  : undefined;
17083
- return (hAsync(Host, { key: '9652d6ecbb5bd3bca6c490a6e80a80e40fa245af', class: {
17159
+ return (hAsync(Host, { key: '336b5b88f72d7f44e7c3c748bfe5866e4259ca23', class: {
17084
17160
  skeleton: true,
17085
17161
  "ic-skeleton-circle": variant === "circle",
17086
17162
  [`ic-theme-${theme}`]: theme !== "inherit",
17087
- }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'f476ba878aa6acba4bbe00f1aa30502657331721' })));
17163
+ }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'd5a6030564b28381be77e38ca7d9d4d5d63822df' })));
17088
17164
  }
17089
17165
  get el() { return getElement(this); }
17090
17166
  static get style() { return IcSkeletonStyle0; }
@@ -17141,9 +17217,9 @@ class SkipLink {
17141
17217
  }
17142
17218
  render() {
17143
17219
  const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
17144
- return (hAsync(Host, { key: 'd5ded3b300f0b8dbe65235d6be9dec8ec8d88b5b', class: {
17220
+ return (hAsync(Host, { key: '4924f9affadd29e8a5f58791d59fdee0a4b1a110', class: {
17145
17221
  [`ic-theme-${theme}`]: theme !== "inherit",
17146
- } }, hAsync("ic-link", { key: '8f81758c7ebf977b264890c2df38de381bf1b4f7', class: {
17222
+ } }, hAsync("ic-link", { key: '9619dc1c10b2fbdeac0088f85eba6de095abceb4', class: {
17147
17223
  "display-top": !inline,
17148
17224
  "full-width": !!fullWidth,
17149
17225
  "show-background": !transparentBackground,
@@ -17171,7 +17247,7 @@ class SkipLink {
17171
17247
  }; }
17172
17248
  }
17173
17249
 
17174
- const icStatusTagCss = "/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none;--ic-typography-color:var(--ic-status-tag-text)}}";
17250
+ const icStatusTagCss = "/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){:host{-ms-high-contrast-adjust:none;forced-color-adjust:none}}";
17175
17251
  var IcStatusTagStyle0 = icStatusTagCss;
17176
17252
 
17177
17253
  class StatusTag {
@@ -17208,12 +17284,12 @@ class StatusTag {
17208
17284
  }
17209
17285
  render() {
17210
17286
  const { label, status, variant, size, announced, theme, uppercase } = this;
17211
- return (hAsync(Host, { key: '294225d51b55c99b24e3eaf077fe5c62008004db', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'c35594ae01f0e7769381c18a43aa58e21997f0da', class: {
17287
+ return (hAsync(Host, { key: '323e76e08750e7459a431c762e74c5490276d5fe', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'e71a302621590a1e5f5eb94a4e823f614e72d604', class: {
17212
17288
  ["tag"]: true,
17213
17289
  [`${variant}-${status}`]: true,
17214
17290
  ["outlined"]: variant === "outlined",
17215
17291
  [`${size}`]: true,
17216
- } }, hAsync("ic-typography", { key: '0ccc4949134d73f83cee64ec456d1a3f42054b9e', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '4fbe4a1f344e5ced1878ae7e3ac6debfb6a91389' }, label)))));
17292
+ } }, hAsync("ic-typography", { key: '842f8be2e88546b594f8af03d4cbab5bbeaaae03', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'ae96c68b504376e9366cd7f712b3136b68677d07' }, label)))));
17217
17293
  }
17218
17294
  static get style() { return IcStatusTagStyle0; }
17219
17295
  static get cmpMeta() { return {
@@ -17254,6 +17330,7 @@ class Step {
17254
17330
  this.icI18n = {
17255
17331
  next: "Next",
17256
17332
  step: "Step",
17333
+ steps: "Steps",
17257
17334
  of: "of",
17258
17335
  lastStep: "Last step",
17259
17336
  completed: "Completed",
@@ -17311,27 +17388,27 @@ class Step {
17311
17388
  // STATUS ICON FOR COMPACT STEP
17312
17389
  let statusIcon;
17313
17390
  if (type === "completed" || compactStepStyling === "completed") {
17314
- statusIcon = (hAsync("span", { key: '8c76808f7d75f2d9ae6293209ef86bae0e79716d', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
17391
+ statusIcon = (hAsync("span", { key: '222eacfd55f96f1b0b16489053d1d30c708e8a3a', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
17315
17392
  }
17316
17393
  else if (type === "disabled" || compactStepStyling === "disabled") {
17317
- statusIcon = (hAsync("span", { key: '16ba6a8045db3f5694f7546a5458b6f91261d814', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
17394
+ statusIcon = (hAsync("span", { key: 'd7ba36dc7010d59e685be24e23060c4cb1e08296', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
17318
17395
  }
17319
17396
  // COMPACT STEP COMPONENT
17320
- const compactStep = (hAsync("div", { key: '914fd4dade3b6900052b9ac08f665610f10ee467', class: {
17397
+ const compactStep = (hAsync("div", { key: '728b44adcf0270a12986d41c9c2b5a5a6e358f82', class: {
17321
17398
  ["step"]: true,
17322
17399
  ["current"]: !!current,
17323
17400
  [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
17324
17401
  ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
17325
- } }, hAsync("ic-loading-indicator", { key: '4679914758455a299e8bab80e4640fa3fcdb6a18', class: {
17402
+ } }, hAsync("ic-loading-indicator", { key: '5f50ae72c26112de4cc25125c943ae9c2239dbe6', class: {
17326
17403
  "compact-step-progress-indicator": true,
17327
17404
  "not-required": type === "disabled" || compactStepStyling === "disabled",
17328
- }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '7666cfe7acb4966bcb1baa07f457dba6b21120b5', class: "heading-area" }, hAsync("ic-typography", { key: '247088bc17d4ed998e5d04150e4a2e0c0a0185b2', variant: "h4", class: "heading" }, heading), hAsync("div", { key: 'bf63017723f6db8ccbb27583a2f04a548c596ea9', class: "info-line" }, hAsync("ic-typography", { key: '621c958bc31df3631b808a8055d964d71ba97388', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: 'e08ea47dd3a11327ca6ee4b8e0d75f292c8c812f', class: "visually-hidden" }, " steps")), (this.subheading ||
17405
+ }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '5dc83af93afd975e296bbad9cf8580712e9778cd', class: "heading-area" }, hAsync("ic-typography", { key: 'f71e06760d066b05c22fc59e70eb93af9f9ecf34', variant: "h4", class: "heading" }, heading), hAsync("div", { key: '5bef8bf6f22cca7e187f2368a98d16d9ddbf9e2b', class: "info-line" }, hAsync("ic-typography", { key: '371f9a99e5c4eea4fb59f0be6ba2f2e652a4098b', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: 'e75d6c59d67dab64c2f5df149bf11d8ae11c2c7d', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
17329
17406
  type === "completed" ||
17330
17407
  type === "disabled" ||
17331
17408
  (this.variant === "compact" &&
17332
17409
  !!compactStepStyling &&
17333
17410
  compactStepStyling !== "active") ||
17334
- !!status) && (hAsync("div", { key: '7614152c3bfad5b936e206e3ab9c295763f2569c', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '8c1e5c2b326a40237d5e3ef5ed1bcdec7c8f8132', variant: "caption" }, subheading !== null && isPropDefined(subheading)
17411
+ !!status) && (hAsync("div", { key: 'fff0111fbf58f20621fe55e7846a78d7349f0de1', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '5f0c220996adc59b0924bc605c326627a727cd2f', variant: "caption" }, subheading !== null && isPropDefined(subheading)
17335
17412
  ? subheading
17336
17413
  : type === "disabled" ||
17337
17414
  (variant === "compact" &&
@@ -17344,26 +17421,26 @@ class Step {
17344
17421
  // ICON FOR DEFAULT STEP
17345
17422
  let icon;
17346
17423
  if (type !== "completed") {
17347
- icon = (hAsync("ic-typography", { key: 'ffa20478aed6b35a92c1cc1f16ebcebb97492553', variant: "subtitle-small" }, hAsync("span", { key: 'ed4a75d2aab01948cd6417c697a0c150d9f1d262', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
17424
+ icon = (hAsync("ic-typography", { key: '99b0a46abc777b387ee3e18a5e8cf8a4fb8e4c1d', variant: "subtitle-small" }, hAsync("span", { key: '0e5931807004fffc12634403bad44b9eb59a25b9', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
17348
17425
  }
17349
17426
  else {
17350
- icon = (hAsync("div", { key: 'b50a1c3094e7f1328d0f86ab10892afcd8a3c41a', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '8c277146b4a653097a7e8ec5ceff6112e667ac38', class: "check-icon", innerHTML: checkIcon })));
17427
+ icon = (hAsync("div", { key: '137a63e7242ac35d7505b238702aaa519e6454e8', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '271195e86a09aef98a461a692539fc1bbd039ec9', class: "check-icon", innerHTML: checkIcon })));
17351
17428
  }
17352
17429
  // STEP CONNECT FOR DEFAULT STEP
17353
- const partialBar = type === "current" && (hAsync("div", { key: '5bc99a6129f3dfffc9b57175a2a18fd589a07557', class: "step-connect-inner" }));
17354
- const finalStep = !lastStep && (hAsync("div", { key: 'e16d56443005483e87a58164452d57fe93ccbaca', class: {
17430
+ const partialBar = type === "current" && (hAsync("div", { key: 'ed33bd98cfa6dbcf2cf37c7c671611bbd650ddb9', class: "step-connect-inner" }));
17431
+ const finalStep = !lastStep && (hAsync("div", { key: '6a195b2af0aac0626606abb31fa131d4dd3d197c', class: {
17355
17432
  ["step-connect"]: true,
17356
17433
  ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
17357
17434
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
17358
17435
  } }, partialBar));
17359
17436
  // DEFAULT STEP COMPONENT
17360
- const defaultStep = (hAsync("div", { key: 'd50917250a7ce0866f877bf7b957a45789059240', class: {
17437
+ const defaultStep = (hAsync("div", { key: 'f8c0e227d534e9e3c9e2d8a4cd1f2953b0a081b4', class: {
17361
17438
  ["step"]: true,
17362
17439
  [`${type}`]: true,
17363
- } }, hAsync("div", { key: 'c90e98efccf917d2327958e5bd0a722561e3e661', class: "step-top" }, hAsync("div", { key: '2ae403e7604d97633da0f5df80665626312e6d98', class: "step-icon" }, icon), finalStep), (heading || subheading || status) && (hAsync("div", { key: '0b028ca96dd4ba62da9a77327575af1178b95e87', class: "heading-area" }, heading && (hAsync("ic-typography", { key: '19127034e751855cf6b817d4afe4e4b6e1542321', variant: "subtitle-large", class: "heading" }, heading)), heading && (subheading || status) && (hAsync("ic-typography", { key: '1faa4f2dfc841105d9989e442360c44d0b162f4d', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
17440
+ } }, hAsync("div", { key: 'f0e15350f238ac183327eaf9fa7736fe67f02198', class: "step-top" }, hAsync("div", { key: '64f647b3b3b6b1b424b2c86ce2fe0d2c353b1c39', class: "step-icon" }, icon), finalStep), (heading || subheading || status) && (hAsync("div", { key: '1c05738a5278aa5b859fda2b0e2256f1ba0aec47', class: "heading-area" }, heading && (hAsync("ic-typography", { key: '015483372b8052465cc9175150b246d148420e24', variant: "subtitle-large", class: "heading" }, heading)), heading && (subheading || status) && (hAsync("ic-typography", { key: '29f9f702a07a3cbb8669974f00a0886636e2f3b4', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
17364
17441
  ? subheading
17365
17442
  : stepStatus))))));
17366
- return (hAsync(Host, { key: '05bb1106d2259fca749c197e79caa408dc237326', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
17443
+ return (hAsync(Host, { key: 'd5d73bdea5409e8d53c9b56a036aafc796f293b1', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
17367
17444
  ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
17368
17445
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
17369
17446
  [`ic-step-${variant}`]: true,
@@ -17435,6 +17512,7 @@ class Stepper {
17435
17512
  this.icI18n = {
17436
17513
  next: "Next",
17437
17514
  step: "Step",
17515
+ steps: "Steps",
17438
17516
  of: "of",
17439
17517
  lastStep: "Last step",
17440
17518
  completed: "Completed",
@@ -17662,11 +17740,11 @@ class Stepper {
17662
17740
  checkResizeObserver(this.runResizeObserver);
17663
17741
  }
17664
17742
  render() {
17665
- return (hAsync(Host, { key: 'a5ec9b8d778ba54adf1b3034455e64df0a51fd7c', class: {
17743
+ return (hAsync(Host, { key: '5fe97c7bd124831c6fb863a2122780bb7a0e67f5', class: {
17666
17744
  [`ic-stepper-${this.variant}`]: true,
17667
17745
  ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
17668
17746
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
17669
- } }, hAsync("ul", { key: '4140f5cb20325ee4c5c98c855c4b822a448294e8', class: "step-item-list" }, hAsync("slot", { key: 'cda080de502e7760bb3f9a1519f0261b554b0b77' }))));
17747
+ } }, hAsync("ul", { key: 'cb8920a38ceb04f807e71ebf680517764b707be3', class: "step-item-list" }, hAsync("slot", { key: '0d56c6a5b26c0cc30705be1f13187956b7025e26' }))));
17670
17748
  }
17671
17749
  get el() { return getElement(this); }
17672
17750
  static get watchers() { return {
@@ -17797,16 +17875,16 @@ class Switch {
17797
17875
  const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
17798
17876
  const isSmall = size === "small";
17799
17877
  renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
17800
- return (hAsync(Host, { key: '1f3cc9bbab1f273d76380e351f4fc3dfbcb85a55', class: {
17878
+ return (hAsync(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
17801
17879
  [`ic-theme-${theme}`]: theme !== "inherit",
17802
- } }, hAsync("label", { key: '49569c926514f3832f137bc36638fc8318407abe', class: {
17880
+ } }, hAsync("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
17803
17881
  "ic-switch-container": true,
17804
17882
  "ic-switch-disabled": !!disabled,
17805
17883
  "ic-switch-small": isSmall,
17806
- }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '1e7934fa8eb3514931b16e3723374792da3fc77b', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
17884
+ }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
17807
17885
  "ic-switch-label": true,
17808
17886
  "ic-switch-label-small": isSmall,
17809
- } }, hAsync("slot", { key: '909af29daf9c94113ee16fbba1eeba563acb6a91', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'e25526f252995da3cfe450eb806a3eb1ef5a2089', class: "ic-switch-line-break" }), hAsync("input", { key: 'e6e78d8ddb9af85c055adcad3ef21fbac2fd5d01', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, 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: 'a0be597711d9b13b2e0224b9518f364a55d7f3bd', class: "ic-switch-toggle" }, hAsync("svg", { key: '2f7dab194ad8a6d0795c9067b1a6f4e162b79aa3', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: 'f763ce863fe848d012cacc38886a6c39c6857f06', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '49fa1c767bad7c491a6c52c4efa9c5fb1d2d9646', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '5165a18b8d1e9d5e9d0067d00559d76f50522753', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'ddee1e8995f799a83c5e00f44c041130bc7d7978', name: "right-adornment" }))));
17887
+ } }, hAsync("slot", { key: 'ba6d621b604fb414e32b3610730faece841d30e6', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'd2a675ea63e51c6f3a2c9e22494a4d04ea7d6376', class: "ic-switch-line-break" }), hAsync("input", { key: 'd0ebcc9c3119699b54ed088a511e050229e57b05', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, 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: '7f5c08f419bda58267c3664dc6d63ed5218310b6', class: "ic-switch-toggle" }, hAsync("svg", { key: '72c0c627015a5d4928b5b1301498b3b35bc07a9e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '82aa70d102ff0444cf751b2d180a9407cfa6f3fb', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '2234f9200dd364dcb995e6f12d380ae141e6320a', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '60c2fbd7fc71a7e310d42b8b20c5c4483aa743a7', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'eb81e7b8b1c6037e23074d407174060811af077e', name: "right-adornment" }))));
17810
17888
  }
17811
17889
  static get delegatesFocus() { return true; }
17812
17890
  get el() { return getElement(this); }
@@ -17929,13 +18007,13 @@ class Tab {
17929
18007
  }
17930
18008
  render() {
17931
18009
  const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
17932
- return (hAsync(Host, { key: 'fe6e517a696ed23c6fb64028d617997439ebbac6', class: {
18010
+ return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
17933
18011
  ["with-transition"]: !this.isInitialRender,
17934
18012
  ["ic-tab-selected"]: !!selected,
17935
18013
  ["ic-tab-disabled"]: !!disabled,
17936
18014
  [`ic-theme-${theme}`]: theme !== "inherit",
17937
18015
  ["ic-tab-monochrome"]: !!monochrome,
17938
- }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: '9c2bf173facd6f4b4fa96824bb14db06a2b97c6b', name: "icon" }), hAsync("ic-typography", { key: 'f1d4732d8f5ad9f198f2da6c08c3717731dcd8da', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '9f993fe757e86acb507a58259e47e507a5feddc3' }, hAsync("slot", { key: '2bfe6c474802a62771ce58947305f0b71db1803d' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '23c6074e338df9e72b77b5449938f61f9ee042a0', name: "badge" })));
18016
+ }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(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(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
17939
18017
  }
17940
18018
  get el() { return getElement(this); }
17941
18019
  static get watchers() { return {
@@ -18192,7 +18270,7 @@ class TabContext {
18192
18270
  }
18193
18271
  }
18194
18272
  render() {
18195
- return hAsync("slot", { key: 'a5806f753757f1367b776c388a57f5760656906d' });
18273
+ return hAsync("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
18196
18274
  }
18197
18275
  get el() { return getElement(this); }
18198
18276
  static get watchers() { return {
@@ -18239,11 +18317,11 @@ class TabGroup {
18239
18317
  }
18240
18318
  render() {
18241
18319
  const { inline, theme, label, monochrome } = this;
18242
- return (hAsync(Host, { key: '89f78b3bc3025f9bc250fb045612f11230448011', role: "tablist", "aria-label": label, class: {
18320
+ return (hAsync(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
18243
18321
  ["ic-tab-group-inline"]: !!inline,
18244
18322
  [`ic-theme-${theme}`]: theme !== "inherit",
18245
18323
  ["ic-tab-group-monochrome"]: !!monochrome,
18246
- } }, hAsync("ic-horizontal-scroll", { key: '8924e03f1928a7c726576570ca817638169be532', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'c9534b3cb05161ee14a494925bd31ce3dc6f98f2', class: "tabs-container" }, hAsync("slot", { key: '63515a30dd40c06faf2a79f5cbb0cdf15fb726f5' })))));
18324
+ } }, hAsync("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, hAsync("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
18247
18325
  }
18248
18326
  static get delegatesFocus() { return true; }
18249
18327
  static get style() { return IcTabGroupStyle0; }
@@ -18286,10 +18364,10 @@ class TabPanel {
18286
18364
  }
18287
18365
  render() {
18288
18366
  const { active, theme } = this;
18289
- return (hAsync(Host, { key: '96cf1fa97b36ba44f3e17601512962335437029a', class: {
18367
+ return (hAsync(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
18290
18368
  [`ic-theme-${theme}`]: theme !== "inherit",
18291
18369
  "ic-tab-panel-hidden": !active,
18292
- }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '5fe1129fa2147621848ecb047b50002021a71d6b' }, hAsync("slot", { key: '4d479874c672f99d382b08f5c772cb787a1bdf8a' }))));
18370
+ }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, hAsync("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
18293
18371
  }
18294
18372
  get el() { return getElement(this); }
18295
18373
  static get style() { return IcTabPanelStyle0; }
@@ -18638,7 +18716,12 @@ class TextField {
18638
18716
  }
18639
18717
  }
18640
18718
  handleKeyDown(ev) {
18641
- this.icKeydown.emit({ event: ev });
18719
+ var _a, _b;
18720
+ this.icKeydown.emit({
18721
+ event: ev,
18722
+ cursorPosition: (_a = this.inputEl.selectionStart) !== null && _a !== void 0 ? _a : 0,
18723
+ selectionEnd: (_b = this.inputEl.selectionEnd) !== null && _b !== void 0 ? _b : 0,
18724
+ });
18642
18725
  if (!ev.ctrlKey && !IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {
18643
18726
  this.maxCharactersWarning = this.maxCharactersReached;
18644
18727
  }
@@ -18695,14 +18778,14 @@ class TextField {
18695
18778
  hiddenInput
18696
18779
  ? renderHiddenInput(this.el, value, name, disabledMode)
18697
18780
  : removeHiddenInput(this.el);
18698
- return (hAsync(Host, { key: '985b46adc3cee088de75766a4230042e4af8c9c3', class: {
18781
+ return (hAsync(Host, { key: '1b376250d6e147cac7b9dbb15ae5eb7a2ba6aefe', class: {
18699
18782
  "ic-text-field-full-width": fullWidth,
18700
18783
  "ic-text-field-disabled": disabledMode,
18701
18784
  [`ic-theme-${theme}`]: theme !== "inherit",
18702
- } }, hAsync("ic-input-container", { key: '4b9794b880ab440c1c2e6cf2072c13d9d88cc1fa', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '6ccf8091d697ddce0dade9a81d38e7bc17315da9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: '0ecf6a100c43efdca46f3b7c03ac6a5a8f7cc972', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'a1d649e733cab8590b92db3c0ecda49ea021103f', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'd3228d1ab97951891316b60608ce8a9fbe6295bb', class: {
18785
+ } }, hAsync("ic-input-container", { key: 'ef66c6d29dd16f57af7d10d177210c63979ad106', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '2c4e3c9f6580a1d68983758214be4be7d5c9c762', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'c0a2199348d4157e67deca641480e2c2d3d16550', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '5bcfba3d42c94cf7abc8f7ad2ba29b5b80ffe511', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'd98d07fb64f7cdfed8d66860b4df4a1b64174a24', class: {
18703
18786
  readonly,
18704
18787
  "has-value": this.getNumberOfCharacters(value) > 0,
18705
- }, slot: "left-icon" }, hAsync("slot", { key: 'ea62e21d7abc5048da1a8e9a15f5a5a535c963b3', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
18788
+ }, slot: "left-icon" }, hAsync("slot", { key: '8508568fb8dada7941c0ac9f938f6a71892e06ff', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
18706
18789
  "no-left-pad": !showLeftIcon && readonly,
18707
18790
  readonly,
18708
18791
  "truncate-value": truncateValue,
@@ -18710,12 +18793,12 @@ class TextField {
18710
18793
  "no-resize": resize === false || !!readonly,
18711
18794
  "no-left-pad": !showLeftIcon && !!readonly,
18712
18795
  readonly: !!readonly,
18713
- }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: 'e02f69a6fd4c654b7f3b5f1593f7a29c7412d10f', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: '2e32b1afd58a382a804a356537489efa523009ce', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: '1cbac8ded359309907e51f16033b03d266eb8828', name: "menu" }), hAsync("ic-input-validation", { key: '55a5e1762111cb2715679f6263719924b098acd4', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
18796
+ }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: '91761fa97b0bb02a095968b7e204ebb93c3cdebf', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: '656d028a1add45972896a170347b0733f1794eec', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: 'f305e73e1035983c26fd6f738a46446c43a81245', name: "menu" }), hAsync("ic-input-validation", { key: '85a6ff5809be1edcc921c46a6a415e5739c14baa', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
18714
18797
  (currentStatus === IcInformationStatus.Success &&
18715
18798
  validationInline) ||
18716
18799
  validationInlineInternal
18717
18800
  ? ""
18718
- : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: 'ce76d39f556c5cf5ab0e97abb93e243cb0153f54', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '49a4898f4b336ca7e1ced4550a9494c5505a78a6', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '2b714b46208c477500494f1f43d919f972501f9b', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '3559afb42041b8bb3080ae5bd015bc76a9af3b2d', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: '9f98def180554d1dc13e05d6cefac85fd91638bb', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
18801
+ : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '13e0c01a4525d51b9515cbc04667c21fa918736d', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '9038017ea03a0c6b8ea32fd102b012a28af8503f', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '5b13ff51491f886e705726616c439ecb8d8d00bc', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '8c4e2f4f749838d382fc06d5cec08dec0ba88d43', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: 'd66957769eb0962af90f9933339aeecf961fc690', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
18719
18802
  }
18720
18803
  get el() { return getElement(this); }
18721
18804
  static get watchers() { return {
@@ -18854,7 +18937,7 @@ class Theme {
18854
18937
  }
18855
18938
  render() {
18856
18939
  const { themeClass } = this;
18857
- return (hAsync(Host, { key: '5acfd70fc7d5cec478027487b121829ad9258623', class: themeClass }, hAsync("slot", { key: '962d9fdd42ceb26a48c49a06aa3df3cb13bb9157' })));
18940
+ return (hAsync(Host, { key: '53aa5cb32bce3ebd1b66c22df8c64f615fad4d00', class: themeClass }, hAsync("slot", { key: '6f2d5fa4d0d7a42995dd9d4b31081b421e6fe5a9' })));
18858
18941
  }
18859
18942
  static get watchers() { return {
18860
18943
  "brandColor": ["watchBrandColorPropHandler"],
@@ -18874,7 +18957,7 @@ class Theme {
18874
18957
  }; }
18875
18958
  }
18876
18959
 
18877
- const icToastCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant=\"neutral\"]) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host([variant=\"info\"]) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host([variant=\"warning\"]) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host([variant=\"error\"]) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host([variant=\"success\"]) .toast-icon svg{fill:var(--ic-toast-icon-success)}:host([variant=\"ai\"]) .toast-icon svg{fill:var(--ic-toast-icon-ai)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}";
18960
+ const icToastCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host(.ic-toast-variant-neutral) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host(.ic-toast-variant-info) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host(.ic-toast-variant-warning) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host(.ic-toast-variant-error) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host(.ic-toast-variant-success) .toast-icon svg{fill:var(--ic-toast-icon-success)}:host(.ic-toast-variant-ai) .toast-icon svg{fill:var(--ic-toast-icon-ai)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}";
18878
18961
  var IcToastStyle0 = icToastCss;
18879
18962
 
18880
18963
  const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
@@ -19079,13 +19162,16 @@ class Toast {
19079
19162
  }
19080
19163
  render() {
19081
19164
  const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
19082
- return (hAsync(Host, { key: '4e5a088492c0c9fb37f0ca2211d6f458be9e1318', 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: '5692e63d07ebc6ca0beaf89952f6dea339f46b28', class: "container" }, variant && visible && (hAsync("div", { key: 'a1a33233e9436d44ed398a72519d25d37256d355', class: "toast-icon-container" }, hAsync("div", { key: 'eea9ec3d6b4d330d07f0d9aff54b040b14406d41', class: {
19165
+ return (hAsync(Host, { key: 'a51a1fe38c35d1efaca12289056be07a2d1e7c40', class: {
19166
+ ["ic-toast-hidden"]: !visible,
19167
+ [`ic-toast-variant-${variant}`]: variant !== undefined,
19168
+ }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '093ae6a039e15465dfe4cee082e5aaaccd3267a4', class: "container" }, variant && visible && (hAsync("div", { key: 'efdcb6cd889c29df5e232fbb864b03185e57909b', class: "toast-icon-container" }, hAsync("div", { key: '01f195c61c7744d2aec5550efe2510b25f0f1617', class: {
19083
19169
  ["divider"]: true,
19084
19170
  [`divider-${variant}`]: true,
19085
- } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '92552b4b1b4d5de15284d8f5382a56ed81a99d89', class: {
19171
+ } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '37b6615f1be94c52612cd89440c8d3421aee069d', class: {
19086
19172
  ["toast-content"]: true,
19087
19173
  ["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
19088
- } }, hAsync("div", { key: '96b38beec1024b8c1eff1b86e823f1f95c1e574d', class: "toast-text" }, hAsync("ic-typography", { key: 'aacffb589fd0e8180b0b72ad7d1315f4720e67ed', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '6cbbb428be1211f1d730838a45cb17757d8af28a', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '45191e3180d2b133071d727f515c3b16391ca681' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '4d3555d3dc5bb374ac8aa3c112e91da2da37c66d', class: "toast-action-container" }, hAsync("slot", { key: '0fcefdc03a5ff6f20e589f74433e51ea25b2e929', 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-tertiary", "aria-label": dismissButtonAriaLabel })))));
19174
+ } }, hAsync("div", { key: '6f29a977edc1c6b54d1353612dad9479c04522d7', class: "toast-text" }, hAsync("ic-typography", { key: '4fc96f88f2252000e6e96c01ba196dd78f76fca0', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f8ac42f9700589313920b13b52ecb381a8b35fb7', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '262ece25eb68c773454cdbfcf8696f16d6edc82d' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '273984b9f960cd33b4437271b9fc19b12137b972', class: "toast-action-container" }, hAsync("slot", { key: '128157fb5a7ff7b8fb979648bba140aa712d4409', 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-tertiary", "aria-label": dismissButtonAriaLabel })))));
19089
19175
  }
19090
19176
  get el() { return getElement(this); }
19091
19177
  static get watchers() { return {
@@ -19157,7 +19243,7 @@ class ToastRegion {
19157
19243
  }
19158
19244
  }
19159
19245
  render() {
19160
- return hAsync("slot", { key: 'fd1b79dd960a3c3caef1d90e1e1184e4e9fa0432' });
19246
+ return hAsync("slot", { key: '7c0c88d4aeb9e5141603885ce134e43674e341a9' });
19161
19247
  }
19162
19248
  get el() { return getElement(this); }
19163
19249
  static get watchers() { return {
@@ -19253,50 +19339,10 @@ class ToggleButton {
19253
19339
  };
19254
19340
  }
19255
19341
  watchDisabledHandler() {
19256
- removeDisabledFalse(this.disabled, this.el);
19342
+ this.syncPropsFromToggleButtonGroup();
19257
19343
  }
19258
19344
  componentWillLoad() {
19259
- var _a;
19260
- removeDisabledFalse(this.disabled, this.el);
19261
- if (!isSlottedInGroup(this.el))
19262
- return;
19263
- const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
19264
- if (!parentAttributes)
19265
- return;
19266
- for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
19267
- const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
19268
- if (!attribute)
19269
- continue;
19270
- switch (attribute.name) {
19271
- case TRACKED_ATTRIBUTES[0]:
19272
- this.loading = attribute.value !== "false";
19273
- break;
19274
- case TRACKED_ATTRIBUTES[1]:
19275
- this.disabled = attribute.value !== "false";
19276
- break;
19277
- case TRACKED_ATTRIBUTES[2]:
19278
- this.fullWidth = attribute.value !== "false";
19279
- break;
19280
- case TRACKED_ATTRIBUTES[3]:
19281
- this.iconPlacement = attribute.value;
19282
- break;
19283
- case TRACKED_ATTRIBUTES[4]:
19284
- this.variant = attribute.value;
19285
- break;
19286
- case TRACKED_ATTRIBUTES[5]:
19287
- this.size = attribute.value;
19288
- break;
19289
- case TRACKED_ATTRIBUTES[6]:
19290
- this.theme = attribute.value;
19291
- break;
19292
- case TRACKED_ATTRIBUTES[7]:
19293
- this.monochrome = attribute.value !== "false";
19294
- break;
19295
- case TRACKED_ATTRIBUTES[8]:
19296
- this.outline = attribute.value !== "false";
19297
- break;
19298
- }
19299
- }
19345
+ this.syncPropsFromToggleButtonGroup();
19300
19346
  }
19301
19347
  componentDidLoad() {
19302
19348
  onComponentRequiredPropUndefined([
@@ -19314,10 +19360,63 @@ class ToggleButton {
19314
19360
  this.checked = !this.checked;
19315
19361
  }
19316
19362
  }
19363
+ syncPropsFromToggleButtonGroup() {
19364
+ var _a;
19365
+ let groupDisabled = false;
19366
+ if (isSlottedInGroup(this.el)) {
19367
+ const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
19368
+ if (parentAttributes) {
19369
+ const groupDisabledAttr = parentAttributes.getNamedItem("disabled");
19370
+ if (groupDisabledAttr && groupDisabledAttr.value !== "false") {
19371
+ groupDisabled = true;
19372
+ }
19373
+ for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
19374
+ const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
19375
+ if (!attribute)
19376
+ continue;
19377
+ switch (attribute.name) {
19378
+ case TRACKED_ATTRIBUTES[0]:
19379
+ this.loading = attribute.value !== "false";
19380
+ break;
19381
+ case TRACKED_ATTRIBUTES[1]:
19382
+ this.disabled = groupDisabled
19383
+ ? true
19384
+ : attribute.value !== "false";
19385
+ break;
19386
+ case TRACKED_ATTRIBUTES[2]:
19387
+ this.fullWidth = attribute.value !== "false";
19388
+ break;
19389
+ case TRACKED_ATTRIBUTES[3]:
19390
+ this.iconPlacement = attribute.value;
19391
+ break;
19392
+ case TRACKED_ATTRIBUTES[4]:
19393
+ this.variant = attribute.value;
19394
+ break;
19395
+ case TRACKED_ATTRIBUTES[5]:
19396
+ this.size = attribute.value;
19397
+ break;
19398
+ case TRACKED_ATTRIBUTES[6]:
19399
+ this.theme = attribute.value;
19400
+ break;
19401
+ case TRACKED_ATTRIBUTES[7]:
19402
+ this.monochrome = attribute.value !== "false";
19403
+ break;
19404
+ case TRACKED_ATTRIBUTES[8]:
19405
+ this.outline = attribute.value !== "false";
19406
+ break;
19407
+ }
19408
+ }
19409
+ if (groupDisabled) {
19410
+ this.disabled = true;
19411
+ }
19412
+ }
19413
+ }
19414
+ removeDisabledFalse(this.disabled, this.el);
19415
+ }
19317
19416
  render() {
19318
19417
  const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
19319
19418
  const iconVariant = variant === "icon";
19320
- return (hAsync(Host, { key: '996e234f8829d4506354673ec53eb5a88b243caf', class: {
19419
+ return (hAsync(Host, { key: 'd61a2411c44e043dbc0d3adfdd4ef4c041c752b4', class: {
19321
19420
  "ic-toggle-button-checked": checked,
19322
19421
  "ic-toggle-button-disabled": disabled,
19323
19422
  "ic-toggle-button-icon": iconVariant,
@@ -19327,7 +19426,7 @@ class ToggleButton {
19327
19426
  "ic-toggle-button-hide-outline": !outline,
19328
19427
  [`ic-toggle-button-${size}`]: true,
19329
19428
  [`ic-theme-${theme}`]: theme !== "inherit",
19330
- }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '6f1304c7a67b25ab45fcc83e485589db447e8ae8', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'dde5e4570100dd127b39742e14ef6f68b8295b63' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '672197af20d7fa1d2f871f6175d2e01e97855a43', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '52e533530bb554faa55b950b992c4459d8f553e7', name: "badge", slot: "badge" })))));
19429
+ }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'a19e19a0cfbf6abe36aed52470e753c4410360dd', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'be68b5556f38f43be5b8e5dee4533550be5271e9' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '1adacf752187c44bb6b16ee3464e57b626893048', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '2507afeda1b98c00a3801c8deddfb3f8c8c01a65', name: "badge", slot: "badge" })))));
19331
19430
  }
19332
19431
  static get delegatesFocus() { return true; }
19333
19432
  get el() { return getElement(this); }
@@ -19427,7 +19526,11 @@ class ToggleButtonGroup {
19427
19526
  };
19428
19527
  this.handleHostFocus = ({ target, relatedTarget }) => {
19429
19528
  var _a;
19430
- if (this.loading || this.disabled)
19529
+ if (this.disabled) {
19530
+ target === null || target === void 0 ? void 0 : target.blur();
19531
+ return;
19532
+ }
19533
+ if (this.loading)
19431
19534
  return;
19432
19535
  const el = target;
19433
19536
  const relEl = relatedTarget;
@@ -19588,14 +19691,14 @@ class ToggleButtonGroup {
19588
19691
  }
19589
19692
  render() {
19590
19693
  const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
19591
- return (hAsync(Host, { key: '0411fab0ff536df861d5d69e987a1bbdc25bd722', role: "group", "aria-label": accessibleLabel, tabindex: 0, class: {
19694
+ return (hAsync(Host, { key: 'e30331ed317fd44676069463cd4e6a9734d32e06', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
19592
19695
  "ic-toggle-button-group-disabled": disabled,
19593
19696
  "ic-toggle-button-group-full-width": fullWidth,
19594
19697
  "ic-toggle-button-group-loading": loading,
19595
19698
  "ic-toggle-button-group-monochrome": monochrome,
19596
19699
  "ic-toggle-button-group-hide-outline": !outline,
19597
19700
  [`ic-theme-${theme}`]: theme !== "inherit",
19598
- }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'a031963635f3c0513b7b3786b02c86b75ce1d9c1' })));
19701
+ }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '426072ed90d15741d2fcdb7f12bde3bd810e827b' })));
19599
19702
  }
19600
19703
  get el() { return getElement(this); }
19601
19704
  static get watchers() { return {
@@ -19851,10 +19954,10 @@ class Tooltip {
19851
19954
  }
19852
19955
  render() {
19853
19956
  const { label, maxLines, silent, theme } = this;
19854
- return (hAsync(Host, { key: '9e66710981ac51e4fae8ff9e6b8d30eb44870c3b', class: {
19957
+ return (hAsync(Host, { key: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {
19855
19958
  "ic-tooltip": true,
19856
19959
  [`ic-theme-${theme}`]: theme !== "inherit",
19857
- } }, hAsync("div", { key: 'f0b962933c6c88872a4cd8661348de663a40ecc4', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '8935a9eaa6be2f05cf71a95b53d9b06e1cf2b080', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: 'b433ac73eab9462e32a14710d7f29ee78d515f15', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: 'e9d8e149871c83c45c87d6418b86e7a901e10ae1' })));
19960
+ }, "aria-label": isSafari && label }, hAsync("div", { key: 'e18915501176e9a36ab957a20968cc82f9c95403', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '50f11ad42d55d9c7598176d6169a3c82b5939b71', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '47a01a05045f34a62e2c1724b60ce7f26ab7a086', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '0b850d553a3b7fd97776c419d76517a33e442d97' })));
19858
19961
  }
19859
19962
  get el() { return getElement(this); }
19860
19963
  static get watchers() { return {
@@ -19887,7 +19990,7 @@ class Tooltip {
19887
19990
  }; }
19888
19991
  }
19889
19992
 
19890
- const icTopNavigationCss = "/*! 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;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text)}:host(.dark){color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-icon-and-label:var(--ic-color-text-primary-light);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed);--navigation-link-colour:var(--ic-color-text-primary-light)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em;cursor:pointer}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.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}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
19993
+ const icTopNavigationCss = "/*! 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;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text);--ic-top-navigation-status-tag-text:var(--ic-color-text-primary-light);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20)}:host(.dark){--ic-top-navigation-status-tag-text:var(--ic-color-text-primary-dark);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none;--ic-typography-color:var(--ic-top-navigation-icon-and-label)}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .menu-button-container{--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content;--ic-typography-color:var(--ic-top-navigation-status-tag)}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em;cursor:pointer}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;color:var(--ic-brand-text-color)}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.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}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
19891
19994
  var IcTopNavigationStyle0 = icTopNavigationCss;
19892
19995
 
19893
19996
  /**
@@ -20104,16 +20207,16 @@ class TopNavigation {
20104
20207
  const attrs = Component == "a" && {
20105
20208
  href: href,
20106
20209
  };
20107
- return (hAsync(Host, { key: 'b0d2e6aebeb66ddb4ca659cfba83e2cdbd6ec3f4', class: {
20210
+ return (hAsync(Host, { key: 'ade1da5d58211501cd1d6747c46d105c49ef8e98', class: {
20108
20211
  "fullwidth-searchbar": hasFullWidthSearchBar,
20109
20212
  "mobile-mode": overMobileBreakpoint,
20110
20213
  [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
20111
20214
  [`ic-theme-${theme}`]: theme !== "inherit",
20112
- } }, hAsync("div", { key: '4a4576c41289fc356d5cfd4e0414901bd8d21a88', class: "top-navigation" }, hAsync("ic-section-container", { key: 'ec7aa4c1ce015f80c3850c2eba3b1e6b6d00c475', aligned: contentAligned, "full-height": true }, hAsync("header", { key: 'b388f01d5e3084e0530dcc5b460d773b8f51d1f2', role: "banner" }, hAsync("div", { key: 'a733f85700e1abccdf8aeceb97198359c53f9960', class: "top-panel-container" }, hAsync("div", { key: '948679467aee550281cdec8c5e43c6d5b4e7fd29', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '4054a371178c53cf2794e7a9a653575b95a9354c', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '11616acef1f4ff274320f24da803eab7cc52fa1d', class: "app-icon-container" }, hAsync("slot", { key: 'b36a9b7f67c72851dd11fd8f356a6735f4676814', name: "app-icon" }))), isSmallDeviceSize &&
20215
+ } }, hAsync("div", { key: 'c0a641f02b5c568bcf2e75dd743f42bcacfa3df6', class: "top-navigation" }, hAsync("ic-section-container", { key: 'f31505caa30741b6ae5a7091d01735c6b0b2eb07', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '6ab710016c32c632fefc7827114bba07cff300b1', role: "banner" }, hAsync("div", { key: 'a5b18754252754ecf8f577a113a5e7ffe6214efd', class: "top-panel-container" }, hAsync("div", { key: '473ebdef80637e47a30bf1f2570d9698ef819766', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '8082824e0d859123195ed0cc076858e861ed6f83', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '4e6846d703b47491d7867d993fc91c680bb7f965', class: "app-icon-container" }, hAsync("slot", { key: '5755567877527b6c4dea32d246295f13344a1116', name: "app-icon" }))), isSmallDeviceSize &&
20113
20216
  (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
20114
- `${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: '42f5c01069f02f82abd34b4a540050154bdafec5', class: "app-status" }, hAsync("ic-typography", { key: '6052ad2c828b533ec121ee45d71c0afcdaae0622', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '173b8c98351d425e843aae093902b91feaa7fd05', class: "app-version" }, hAsync("ic-typography", { key: 'f46ecb51ac2c1f2c01beabf4590ac76681d94733', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '8f85b0505a04f7a3affb88ceaa81fe9eccd72ea1', class: "search-menu-container" }, hAsync("div", { key: 'ff332cfc554fef6856becd5fb87b9f315565bc1e', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { 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", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), 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", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: 'ef7c477979320e20293484f6594eb89a38973540', class: "search-bar-container" }, hAsync("slot", { key: 'b19e53fc019ff1d16c0da99d7d38bc6428dd7cc8', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: 'bdd8f9b982328135f06fc010828bbf0dc803a788', class: "navigation-tabs" }, hAsync("span", { key: 'e231e5a002a04ff6275aa2d6a39c66d83787367a', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '201327e158e97d601a8fb93b8174af6091bd0295', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'df8f402d0da993079b7378292cba17e85259c53c', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '22aa05880499690dcd43572705234bdb6fd386b0', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'effb669cef379880d7b45ca4e74ef096c10a1afb', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: 'a0a45fb9db2ea99414cdc2570f6c9697a96f01ad', version: version, status: status, class: {
20217
+ `${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: '0d1119c72ec12921b9d8ac4c753549b5266a0a77', class: "app-status" }, hAsync("ic-typography", { key: '0159177ab7abdf8ffacbc54fe2a00db8b51f4034', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: 'f83651366bf13750e9c637643290d01d9158cbb3', class: "app-version" }, hAsync("ic-typography", { key: '61d5ddb22f858319246f352ea9db8cf2a380dbb7', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '38c8b6032287ae554d95affd0343d8e1a06e9672', class: "search-menu-container" }, hAsync("div", { key: '177f304cb5d52052c1595d90a313187f5faf7fb8', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { 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", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), 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", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: '2573f4f3d0c07b9a8189739e71b1280ee10db8b7', class: "search-bar-container" }, hAsync("slot", { key: '4ec2d201033b3f084a372a781d11a9171b7357db', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '2ed8494ed944a24944535339faaf87ff50bc2666', class: "navigation-tabs" }, hAsync("span", { key: '8d4749293defd91560f3ed064a40b37ef7bef3f2', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '2f026275dcebbb493ab8dd2d337dc07e85fddd47', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '5299073b2ce1df34d3ab70e0ede5eaf4d122e1ae', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '1bf9392b6e25f033f9c4d3ba6efb0d15af07db16', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'a8ef11edfbf5535d706b5d6f33af40474303f312', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '8e11a83a983df46afb2805b0ed89451ad85ab247', version: version, status: status, class: {
20115
20218
  inline,
20116
- } }, hasIconButtons && (hAsync("div", { key: '8c74bfd6c807022ccb315bd4718fa8a521fb08ae', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '1720467597b353122e907f7c83e1f9e0ef62c9ad', name: "buttons" }))), hAsync("ul", { key: 'ccdc85df3febad2d603caeccafbd675be4d3d9a2', slot: "navigation" }, hAsync("slot", { key: '1f465185f8937c81b279e8823127e0e8bc7d6841', name: "navigation" }))))));
20219
+ } }, hasIconButtons && (hAsync("div", { key: '80fc236836f94cfb1ff6c7e7063e223a6c0bec43', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '32a3522be214d86952657179b94d88efc7bcccf2', name: "buttons" }))), hAsync("ul", { key: 'e8ba927b4a442016016deec34bd13501fac2e4f1', slot: "navigation" }, hAsync("slot", { key: '8373dc199994f19287897c6a3b3c7309c07a7388', name: "navigation" }))))));
20117
20220
  }
20118
20221
  get el() { return getElement(this); }
20119
20222
  static get watchers() { return {
@@ -20316,7 +20419,7 @@ class Typography {
20316
20419
  render() {
20317
20420
  var _a, _b;
20318
20421
  const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
20319
- return (hAsync(Host, { key: '305bed1ac7754985aacba1a23e9deff81691a69c', class: {
20422
+ return (hAsync(Host, { key: 'af405939b9fe0b1d4410d862343471b849e4fdd7', class: {
20320
20423
  [`ic-typography-${variant}`]: true,
20321
20424
  [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
20322
20425
  ["ic-typography-bold"]: !!bold,
@@ -20329,7 +20432,7 @@ class Typography {
20329
20432
  ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
20330
20433
  "IC-TOOLTIP") &&
20331
20434
  maxLines &&
20332
- 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: 'd517a2391d01ee3f2847a19148001d33fdc68ad0', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
20435
+ 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: 'ca78a64f9853cbf2d26df99f3c13970ce94de37d', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
20333
20436
  }
20334
20437
  get el() { return getElement(this); }
20335
20438
  static get watchers() { return {