@ukic/canary-web-components 3.0.0-canary.28 → 3.0.0-canary.29

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 (603) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-046745ee.js → helpers-2cc5f6db.js} +5 -1
  3. package/dist/cjs/helpers-2cc5f6db.js.map +1 -0
  4. package/dist/cjs/helpers-da852478.js.map +1 -1
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-action-chip.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-alert.cjs.entry.js +4 -2
  9. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-back-to-top.cjs.entry.js +6 -5
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-badge.cjs.entry.js +3 -3
  13. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -3
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-breadcrumb.cjs.entry.js +5 -4
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-button_3.cjs.entry.js +43 -19
  19. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-card-horizontal.cjs.entry.js +32 -6
  21. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js +5 -5
  23. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js +3 -3
  25. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-checkbox_3.cjs.entry.js +12 -12
  27. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-chip.cjs.entry.js +4 -4
  29. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  31. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  33. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +3 -3
  35. package/dist/cjs/ic-data-table.cjs.entry.js +35 -15
  36. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-date-input.cjs.entry.js +3 -3
  38. package/dist/cjs/ic-date-picker.cjs.entry.js +10 -10
  39. package/dist/cjs/ic-dialog.cjs.entry.js +5 -4
  40. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-divider.cjs.entry.js +3 -2
  42. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  45. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  47. package/dist/cjs/ic-hero.cjs.entry.js +8 -7
  48. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
  50. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +11 -11
  52. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-layout-grid-item.cjs.entry.js +2 -2
  54. package/dist/cjs/ic-layout-grid-item.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-layout-grid.cjs.entry.js +2 -2
  56. package/dist/cjs/ic-layout-grid.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  58. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  60. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-menu-item.cjs.entry.js +3 -2
  62. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-menu.cjs.entry.js +4 -4
  64. package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
  66. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
  68. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-navigation-item.cjs.entry.js +3 -3
  70. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
  72. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
  74. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-pagination_4.cjs.entry.js +36 -23
  76. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -5
  78. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
  80. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
  82. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-search-bar.cjs.entry.js +10 -10
  84. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  86. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-side-navigation.cjs.entry.js +6 -6
  88. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  90. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
  92. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
  94. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-step.cjs.entry.js +14 -14
  96. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
  98. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-switch.cjs.entry.js +5 -5
  100. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  102. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  104. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  108. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-table-of-contents.cjs.entry.js +3 -3
  110. package/dist/cjs/ic-theme.cjs.entry.js +2 -2
  111. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-time-input.cjs.entry.js +4 -4
  113. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  114. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-toast.cjs.entry.js +8 -5
  116. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +8 -4
  118. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ic-toggle-button.cjs.entry.js +58 -45
  120. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  121. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -5
  122. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  123. package/dist/cjs/ic-tree-item.cjs.entry.js +2 -2
  124. package/dist/cjs/ic-tree-view.cjs.entry.js +3 -3
  125. package/dist/cjs/ic-typography.cjs.entry.js +3 -3
  126. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  127. package/dist/cjs/loader.cjs.js +1 -1
  128. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +65 -12
  129. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +88 -13
  130. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  131. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +355 -36
  132. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -1
  133. package/dist/collection/components/ic-data-table/ic-data-table.css +17 -17
  134. package/dist/collection/components/ic-data-table/ic-data-table.js +37 -16
  135. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  136. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +11 -1
  137. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -1
  138. package/dist/collection/components/ic-data-table/story-data.js +80 -0
  139. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +3 -3
  141. package/dist/collection/components/ic-date-input/ic-date-input.js +3 -3
  142. package/dist/collection/components/ic-date-picker/ic-date-picker.js +10 -10
  143. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +5 -5
  144. package/dist/collection/components/ic-table-of-contents/ic-table-of-contents.js +3 -3
  145. package/dist/collection/components/ic-time-input/ic-time-input.js +4 -4
  146. package/dist/collection/components/ic-tree-item/ic-tree-item.js +2 -2
  147. package/dist/collection/components/ic-tree-view/ic-tree-view.js +3 -3
  148. package/dist/collection/utils/types.js.map +1 -1
  149. package/dist/components/helpers.js +4 -1
  150. package/dist/components/helpers.js.map +1 -1
  151. package/dist/components/helpers2.js.map +1 -1
  152. package/dist/components/ic-action-chip.js +1 -1
  153. package/dist/components/ic-alert.js +4 -2
  154. package/dist/components/ic-alert.js.map +1 -1
  155. package/dist/components/ic-back-to-top.js +6 -5
  156. package/dist/components/ic-back-to-top.js.map +1 -1
  157. package/dist/components/ic-badge.js +3 -3
  158. package/dist/components/ic-badge.js.map +1 -1
  159. package/dist/components/ic-breadcrumb-group.js +3 -3
  160. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  161. package/dist/components/ic-breadcrumb2.js +5 -4
  162. package/dist/components/ic-breadcrumb2.js.map +1 -1
  163. package/dist/components/ic-button2.js +35 -11
  164. package/dist/components/ic-button2.js.map +1 -1
  165. package/dist/components/ic-card-horizontal.js +34 -6
  166. package/dist/components/ic-card-horizontal.js.map +1 -1
  167. package/dist/components/ic-card-vertical.js +5 -5
  168. package/dist/components/ic-card-vertical.js.map +1 -1
  169. package/dist/components/ic-checkbox-group.js +3 -3
  170. package/dist/components/ic-checkbox-group.js.map +1 -1
  171. package/dist/components/ic-checkbox2.js +5 -5
  172. package/dist/components/ic-checkbox2.js.map +1 -1
  173. package/dist/components/ic-chip.js +4 -4
  174. package/dist/components/ic-chip.js.map +1 -1
  175. package/dist/components/ic-data-list.js +2 -2
  176. package/dist/components/ic-data-list.js.map +1 -1
  177. package/dist/components/ic-data-row.js +3 -3
  178. package/dist/components/ic-data-row.js.map +1 -1
  179. package/dist/components/ic-data-table-title-bar.js +3 -3
  180. package/dist/components/ic-data-table.js +36 -15
  181. package/dist/components/ic-data-table.js.map +1 -1
  182. package/dist/components/ic-date-input2.js +3 -3
  183. package/dist/components/ic-date-picker.js +10 -10
  184. package/dist/components/ic-dialog.js +5 -4
  185. package/dist/components/ic-dialog.js.map +1 -1
  186. package/dist/components/ic-divider2.js +3 -2
  187. package/dist/components/ic-divider2.js.map +1 -1
  188. package/dist/components/ic-empty-state2.js +3 -3
  189. package/dist/components/ic-empty-state2.js.map +1 -1
  190. package/dist/components/ic-footer-link-group.js +1 -1
  191. package/dist/components/ic-footer-link.js +3 -3
  192. package/dist/components/ic-footer-link.js.map +1 -1
  193. package/dist/components/ic-footer.js +1 -1
  194. package/dist/components/ic-hero.js +8 -7
  195. package/dist/components/ic-hero.js.map +1 -1
  196. package/dist/components/ic-horizontal-scroll2.js +6 -6
  197. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  198. package/dist/components/ic-input-component-container2.js +4 -4
  199. package/dist/components/ic-input-component-container2.js.map +1 -1
  200. package/dist/components/ic-input-container2.js +2 -2
  201. package/dist/components/ic-input-container2.js.map +1 -1
  202. package/dist/components/ic-input-label2.js +3 -3
  203. package/dist/components/ic-input-label2.js.map +1 -1
  204. package/dist/components/ic-input-validation2.js +4 -4
  205. package/dist/components/ic-input-validation2.js.map +1 -1
  206. package/dist/components/ic-layout-grid-item.js +2 -2
  207. package/dist/components/ic-layout-grid-item.js.map +1 -1
  208. package/dist/components/ic-layout-grid.js +2 -2
  209. package/dist/components/ic-layout-grid.js.map +1 -1
  210. package/dist/components/ic-link2.js +1 -1
  211. package/dist/components/ic-link2.js.map +1 -1
  212. package/dist/components/ic-loading-indicator2.js +7 -6
  213. package/dist/components/ic-loading-indicator2.js.map +1 -1
  214. package/dist/components/ic-menu-group.js +2 -2
  215. package/dist/components/ic-menu-group.js.map +1 -1
  216. package/dist/components/ic-menu-item2.js +3 -2
  217. package/dist/components/ic-menu-item2.js.map +1 -1
  218. package/dist/components/ic-menu2.js +4 -4
  219. package/dist/components/ic-menu2.js.map +1 -1
  220. package/dist/components/ic-navigation-button.js +3 -3
  221. package/dist/components/ic-navigation-button.js.map +1 -1
  222. package/dist/components/ic-navigation-group.js +2 -2
  223. package/dist/components/ic-navigation-group.js.map +1 -1
  224. package/dist/components/ic-navigation-item.js +3 -3
  225. package/dist/components/ic-navigation-item.js.map +1 -1
  226. package/dist/components/ic-navigation-menu2.js +5 -5
  227. package/dist/components/ic-navigation-menu2.js.map +1 -1
  228. package/dist/components/ic-page-header.js +7 -7
  229. package/dist/components/ic-page-header.js.map +1 -1
  230. package/dist/components/ic-pagination-bar2.js +5 -5
  231. package/dist/components/ic-pagination-item2.js +2 -2
  232. package/dist/components/ic-pagination-item2.js.map +1 -1
  233. package/dist/components/ic-pagination2.js +4 -4
  234. package/dist/components/ic-pagination2.js.map +1 -1
  235. package/dist/components/ic-popover-menu.js +5 -5
  236. package/dist/components/ic-popover-menu.js.map +1 -1
  237. package/dist/components/ic-radio-group.js +5 -5
  238. package/dist/components/ic-radio-group.js.map +1 -1
  239. package/dist/components/ic-radio-option.js +5 -5
  240. package/dist/components/ic-radio-option.js.map +1 -1
  241. package/dist/components/ic-search-bar.js +10 -10
  242. package/dist/components/ic-search-bar.js.map +1 -1
  243. package/dist/components/ic-section-container2.js +2 -2
  244. package/dist/components/ic-section-container2.js.map +1 -1
  245. package/dist/components/ic-select2.js +20 -12
  246. package/dist/components/ic-select2.js.map +1 -1
  247. package/dist/components/ic-side-navigation.js +6 -6
  248. package/dist/components/ic-side-navigation.js.map +1 -1
  249. package/dist/components/ic-skeleton.js +2 -2
  250. package/dist/components/ic-skeleton.js.map +1 -1
  251. package/dist/components/ic-skip-link.js +2 -2
  252. package/dist/components/ic-skip-link.js.map +1 -1
  253. package/dist/components/ic-status-tag.js +2 -2
  254. package/dist/components/ic-status-tag.js.map +1 -1
  255. package/dist/components/ic-step.js +14 -14
  256. package/dist/components/ic-step.js.map +1 -1
  257. package/dist/components/ic-stepper.js +2 -2
  258. package/dist/components/ic-stepper.js.map +1 -1
  259. package/dist/components/ic-switch.js +5 -5
  260. package/dist/components/ic-switch.js.map +1 -1
  261. package/dist/components/ic-tab-context.js +1 -1
  262. package/dist/components/ic-tab-context.js.map +1 -1
  263. package/dist/components/ic-tab-group.js +2 -2
  264. package/dist/components/ic-tab-group.js.map +1 -1
  265. package/dist/components/ic-tab-panel.js +2 -2
  266. package/dist/components/ic-tab-panel.js.map +1 -1
  267. package/dist/components/ic-tab.js +2 -2
  268. package/dist/components/ic-tab.js.map +1 -1
  269. package/dist/components/ic-table-of-contents.js +3 -3
  270. package/dist/components/ic-text-field2.js +12 -7
  271. package/dist/components/ic-text-field2.js.map +1 -1
  272. package/dist/components/ic-theme.js +2 -2
  273. package/dist/components/ic-theme.js.map +1 -1
  274. package/dist/components/ic-time-input.js +4 -4
  275. package/dist/components/ic-toast-region.js +1 -1
  276. package/dist/components/ic-toast-region.js.map +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 +5 -5
  286. package/dist/components/ic-top-navigation.js.map +1 -1
  287. package/dist/components/ic-tree-item.js +2 -2
  288. package/dist/components/ic-tree-view.js +3 -3
  289. package/dist/components/ic-typography2.js +2 -2
  290. package/dist/components/ic-typography2.js.map +1 -1
  291. package/dist/core/core.css +5 -2
  292. package/dist/core/core.esm.js +1 -1
  293. package/dist/core/core.esm.js.map +1 -1
  294. package/dist/core/{p-74439163.entry.js → p-035dbee0.entry.js} +2 -2
  295. package/dist/core/{p-74439163.entry.js.map → p-035dbee0.entry.js.map} +1 -1
  296. package/dist/core/{p-d4a1e90d.entry.js → p-03ae0bc3.entry.js} +2 -2
  297. package/dist/core/{p-d4a1e90d.entry.js.map → p-03ae0bc3.entry.js.map} +1 -1
  298. package/dist/core/p-04a9f82f.entry.js +2 -0
  299. package/dist/core/p-04a9f82f.entry.js.map +1 -0
  300. package/dist/core/{p-e4f1d72b.entry.js → p-069e758b.entry.js} +2 -2
  301. package/dist/core/{p-4747c39f.entry.js → p-09c31ac6.entry.js} +2 -2
  302. package/dist/core/{p-4747c39f.entry.js.map → p-09c31ac6.entry.js.map} +1 -1
  303. package/dist/core/p-0f22f41e.js.map +1 -1
  304. package/dist/core/{p-0b0cc10d.entry.js → p-10950727.entry.js} +2 -2
  305. package/dist/core/p-10950727.entry.js.map +1 -0
  306. package/dist/core/{p-760a57e7.entry.js → p-12e8dcdd.entry.js} +2 -2
  307. package/dist/core/{p-760a57e7.entry.js.map → p-12e8dcdd.entry.js.map} +1 -1
  308. package/dist/core/{p-154bb0fb.entry.js → p-13c8859b.entry.js} +2 -2
  309. package/dist/core/{p-154bb0fb.entry.js.map → p-13c8859b.entry.js.map} +1 -1
  310. package/dist/core/p-15a81f32.entry.js +2 -0
  311. package/dist/core/p-15a81f32.entry.js.map +1 -0
  312. package/dist/core/p-1900c7c7.entry.js +2 -0
  313. package/dist/core/p-1900c7c7.entry.js.map +1 -0
  314. package/dist/core/{p-94e5ed81.entry.js → p-193afb53.entry.js} +2 -2
  315. package/dist/core/{p-94e5ed81.entry.js.map → p-193afb53.entry.js.map} +1 -1
  316. package/dist/core/{p-796b9ac5.entry.js → p-1be092cc.entry.js} +2 -2
  317. package/dist/core/{p-796b9ac5.entry.js.map → p-1be092cc.entry.js.map} +1 -1
  318. package/dist/core/{p-8908b8e6.entry.js → p-1ca62941.entry.js} +2 -2
  319. package/dist/core/{p-4c5af5f7.entry.js → p-2528ecec.entry.js} +2 -2
  320. package/dist/core/{p-6d4418e4.entry.js → p-3594922d.entry.js} +2 -2
  321. package/dist/core/{p-6d4418e4.entry.js.map → p-3594922d.entry.js.map} +1 -1
  322. package/dist/core/{p-54da2d5f.entry.js → p-3f0bce15.entry.js} +2 -2
  323. package/dist/core/{p-54da2d5f.entry.js.map → p-3f0bce15.entry.js.map} +1 -1
  324. package/dist/core/p-402870f7.entry.js +2 -0
  325. package/dist/core/p-402870f7.entry.js.map +1 -0
  326. package/dist/core/{p-07365d6f.entry.js → p-444cd8d3.entry.js} +2 -2
  327. package/dist/core/{p-07365d6f.entry.js.map → p-444cd8d3.entry.js.map} +1 -1
  328. package/dist/core/{p-18b793e0.entry.js → p-5a1cfb3c.entry.js} +2 -2
  329. package/dist/core/{p-9cf6ccfd.entry.js → p-5cf704e3.entry.js} +2 -2
  330. package/dist/core/{p-9cf6ccfd.entry.js.map → p-5cf704e3.entry.js.map} +1 -1
  331. package/dist/core/{p-66f45822.entry.js → p-5ef453b6.entry.js} +2 -2
  332. package/dist/core/{p-66f45822.entry.js.map → p-5ef453b6.entry.js.map} +1 -1
  333. package/dist/core/{p-9b68bee6.entry.js → p-615d474e.entry.js} +2 -2
  334. package/dist/core/p-63203e59.entry.js +2 -0
  335. package/dist/core/p-63203e59.entry.js.map +1 -0
  336. package/dist/core/p-6c238418.entry.js +2 -0
  337. package/dist/core/p-6c238418.entry.js.map +1 -0
  338. package/dist/core/{p-f591abc2.entry.js → p-7026afad.entry.js} +2 -2
  339. package/dist/core/{p-f591abc2.entry.js.map → p-7026afad.entry.js.map} +1 -1
  340. package/dist/core/p-72171192.entry.js +2 -0
  341. package/dist/core/p-72171192.entry.js.map +1 -0
  342. package/dist/core/p-72b7051a.entry.js +2 -0
  343. package/dist/core/p-72b7051a.entry.js.map +1 -0
  344. package/dist/core/{p-2bba11f8.entry.js → p-7bf9bbde.entry.js} +2 -2
  345. package/dist/core/{p-2bba11f8.entry.js.map → p-7bf9bbde.entry.js.map} +1 -1
  346. package/dist/core/{p-77c4d1d2.entry.js → p-7cf6b428.entry.js} +2 -2
  347. package/dist/core/{p-77c4d1d2.entry.js.map → p-7cf6b428.entry.js.map} +1 -1
  348. package/dist/core/{p-e8cea1d5.entry.js → p-7f304d85.entry.js} +2 -2
  349. package/dist/core/{p-e8cea1d5.entry.js.map → p-7f304d85.entry.js.map} +1 -1
  350. package/dist/core/{p-37d217b5.entry.js → p-889bb8db.entry.js} +2 -2
  351. package/dist/core/{p-37d217b5.entry.js.map → p-889bb8db.entry.js.map} +1 -1
  352. package/dist/core/{p-8c841dc8.entry.js → p-8c580d88.entry.js} +2 -2
  353. package/dist/core/{p-c5d03c65.entry.js → p-8c94541e.entry.js} +2 -2
  354. package/dist/core/{p-c5d03c65.entry.js.map → p-8c94541e.entry.js.map} +1 -1
  355. package/dist/core/{p-6d2fa004.entry.js → p-92936b49.entry.js} +2 -2
  356. package/dist/core/{p-57721431.entry.js → p-93e1ba0a.entry.js} +2 -2
  357. package/dist/core/{p-57721431.entry.js.map → p-93e1ba0a.entry.js.map} +1 -1
  358. package/dist/core/{p-70447473.entry.js → p-982a173d.entry.js} +2 -2
  359. package/dist/core/{p-70447473.entry.js.map → p-982a173d.entry.js.map} +1 -1
  360. package/dist/core/{p-8b0abe0f.entry.js → p-9a9605c3.entry.js} +2 -2
  361. package/dist/core/{p-8b0abe0f.entry.js.map → p-9a9605c3.entry.js.map} +1 -1
  362. package/dist/core/{p-37daa8fe.entry.js → p-9c2e9189.entry.js} +2 -2
  363. package/dist/core/{p-37daa8fe.entry.js.map → p-9c2e9189.entry.js.map} +1 -1
  364. package/dist/core/p-9ce9d39a.entry.js +2 -0
  365. package/dist/core/p-9ce9d39a.entry.js.map +1 -0
  366. package/dist/core/p-9e200827.entry.js +2 -0
  367. package/dist/core/{p-9af5008c.entry.js.map → p-9e200827.entry.js.map} +1 -1
  368. package/dist/core/{p-a4184f39.entry.js → p-9fade6ad.entry.js} +2 -2
  369. package/dist/core/{p-a4184f39.entry.js.map → p-9fade6ad.entry.js.map} +1 -1
  370. package/dist/core/{p-fba9f5b6.entry.js → p-a27e1cee.entry.js} +2 -2
  371. package/dist/core/{p-fba9f5b6.entry.js.map → p-a27e1cee.entry.js.map} +1 -1
  372. package/dist/core/p-a8cc28a6.entry.js +2 -0
  373. package/dist/core/p-a8cc28a6.entry.js.map +1 -0
  374. package/dist/core/{p-f6209622.entry.js → p-a99ad459.entry.js} +2 -2
  375. package/dist/core/{p-f6209622.entry.js.map → p-a99ad459.entry.js.map} +1 -1
  376. package/dist/core/{p-9a8bcb78.entry.js → p-b00efb15.entry.js} +2 -2
  377. package/dist/core/{p-9a8bcb78.entry.js.map → p-b00efb15.entry.js.map} +1 -1
  378. package/dist/core/{p-656b92d7.entry.js → p-b6d6b26e.entry.js} +2 -2
  379. package/dist/core/{p-ff4a873e.entry.js → p-b88db5e3.entry.js} +2 -2
  380. package/dist/core/{p-ff4a873e.entry.js.map → p-b88db5e3.entry.js.map} +1 -1
  381. package/dist/core/{p-1131db25.entry.js → p-c0d4db72.entry.js} +2 -2
  382. package/dist/core/{p-d77981a5.entry.js → p-c87cc0d1.entry.js} +2 -2
  383. package/dist/core/{p-d77981a5.entry.js.map → p-c87cc0d1.entry.js.map} +1 -1
  384. package/dist/core/{p-553531bf.entry.js → p-c8ce7d60.entry.js} +2 -2
  385. package/dist/core/{p-553531bf.entry.js.map → p-c8ce7d60.entry.js.map} +1 -1
  386. package/dist/core/{p-5bc54721.entry.js → p-d144ca59.entry.js} +2 -2
  387. package/dist/core/{p-5bc54721.entry.js.map → p-d144ca59.entry.js.map} +1 -1
  388. package/dist/core/{p-492fcb51.entry.js → p-d8200098.entry.js} +2 -2
  389. package/dist/core/{p-492fcb51.entry.js.map → p-d8200098.entry.js.map} +1 -1
  390. package/dist/core/{p-479e5fa2.entry.js → p-df220b91.entry.js} +2 -2
  391. package/dist/core/p-e380a54e.entry.js +2 -0
  392. package/dist/core/p-e380a54e.entry.js.map +1 -0
  393. package/dist/core/{p-b7a726fb.entry.js → p-e4b82731.entry.js} +2 -2
  394. package/dist/core/{p-b7a726fb.entry.js.map → p-e4b82731.entry.js.map} +1 -1
  395. package/dist/core/{p-542ac498.js → p-e4ef4263.js} +2 -2
  396. package/dist/core/p-e4ef4263.js.map +1 -0
  397. package/dist/core/p-ea1de762.entry.js +2 -0
  398. package/dist/core/p-ea1de762.entry.js.map +1 -0
  399. package/dist/core/{p-a86756fa.entry.js → p-eb958cc8.entry.js} +2 -2
  400. package/dist/core/{p-a86756fa.entry.js.map → p-eb958cc8.entry.js.map} +1 -1
  401. package/dist/core/{p-b4a2f6fa.entry.js → p-f098e531.entry.js} +2 -2
  402. package/dist/core/{p-b4a2f6fa.entry.js.map → p-f098e531.entry.js.map} +1 -1
  403. package/dist/core/p-f16c4210.entry.js +2 -0
  404. package/dist/core/p-f16c4210.entry.js.map +1 -0
  405. package/dist/core/{p-c1ae14ad.entry.js → p-f3ccaa0b.entry.js} +2 -2
  406. package/dist/core/{p-c1ae14ad.entry.js.map → p-f3ccaa0b.entry.js.map} +1 -1
  407. package/dist/core/{p-76ab72ef.entry.js → p-f457d508.entry.js} +2 -2
  408. package/dist/core/{p-266d5e13.entry.js → p-f4e7cae6.entry.js} +2 -2
  409. package/dist/core/{p-266d5e13.entry.js.map → p-f4e7cae6.entry.js.map} +1 -1
  410. package/dist/core/{p-bf5558ac.entry.js → p-fad44bc8.entry.js} +2 -2
  411. package/dist/core/{p-bf5558ac.entry.js.map → p-fad44bc8.entry.js.map} +1 -1
  412. package/dist/core/{p-5fcfcfb6.entry.js → p-fb43abd6.entry.js} +2 -2
  413. package/dist/core/{p-5fcfcfb6.entry.js.map → p-fb43abd6.entry.js.map} +1 -1
  414. package/dist/core/{p-8b8df1da.entry.js → p-fd64c0e5.entry.js} +2 -2
  415. package/dist/core/{p-8b8df1da.entry.js.map → p-fd64c0e5.entry.js.map} +1 -1
  416. package/dist/core/{p-ba26a1f0.entry.js → p-ffbf493f.entry.js} +2 -2
  417. package/dist/core/p-ffc1cea6.entry.js +2 -0
  418. package/dist/core/p-ffc1cea6.entry.js.map +1 -0
  419. package/dist/esm/core.js +1 -1
  420. package/dist/esm/{helpers-1dbd527e.js → helpers-5419eb6c.js} +5 -2
  421. package/dist/esm/helpers-5419eb6c.js.map +1 -0
  422. package/dist/esm/helpers-89cb996d.js.map +1 -1
  423. package/dist/esm/ic-accordion-group.entry.js +1 -1
  424. package/dist/esm/ic-accordion.entry.js +1 -1
  425. package/dist/esm/ic-action-chip.entry.js +1 -1
  426. package/dist/esm/ic-alert.entry.js +4 -2
  427. package/dist/esm/ic-alert.entry.js.map +1 -1
  428. package/dist/esm/ic-back-to-top.entry.js +6 -5
  429. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  430. package/dist/esm/ic-badge.entry.js +3 -3
  431. package/dist/esm/ic-badge.entry.js.map +1 -1
  432. package/dist/esm/ic-breadcrumb-group.entry.js +3 -3
  433. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  434. package/dist/esm/ic-breadcrumb.entry.js +5 -4
  435. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  436. package/dist/esm/ic-button_3.entry.js +43 -19
  437. package/dist/esm/ic-button_3.entry.js.map +1 -1
  438. package/dist/esm/ic-card-horizontal.entry.js +32 -6
  439. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  440. package/dist/esm/ic-card-vertical.entry.js +5 -5
  441. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  442. package/dist/esm/ic-checkbox-group.entry.js +3 -3
  443. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  444. package/dist/esm/ic-checkbox_3.entry.js +12 -12
  445. package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
  446. package/dist/esm/ic-chip.entry.js +4 -4
  447. package/dist/esm/ic-chip.entry.js.map +1 -1
  448. package/dist/esm/ic-data-list.entry.js +2 -2
  449. package/dist/esm/ic-data-list.entry.js.map +1 -1
  450. package/dist/esm/ic-data-row.entry.js +3 -3
  451. package/dist/esm/ic-data-row.entry.js.map +1 -1
  452. package/dist/esm/ic-data-table-title-bar.entry.js +3 -3
  453. package/dist/esm/ic-data-table.entry.js +35 -15
  454. package/dist/esm/ic-data-table.entry.js.map +1 -1
  455. package/dist/esm/ic-date-input.entry.js +3 -3
  456. package/dist/esm/ic-date-picker.entry.js +10 -10
  457. package/dist/esm/ic-dialog.entry.js +5 -4
  458. package/dist/esm/ic-dialog.entry.js.map +1 -1
  459. package/dist/esm/ic-divider.entry.js +3 -2
  460. package/dist/esm/ic-divider.entry.js.map +1 -1
  461. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  462. package/dist/esm/ic-footer-link.entry.js +3 -3
  463. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  464. package/dist/esm/ic-footer.entry.js +1 -1
  465. package/dist/esm/ic-hero.entry.js +8 -7
  466. package/dist/esm/ic-hero.entry.js.map +1 -1
  467. package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
  468. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  469. package/dist/esm/ic-input-component-container_4.entry.js +11 -11
  470. package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
  471. package/dist/esm/ic-layout-grid-item.entry.js +2 -2
  472. package/dist/esm/ic-layout-grid-item.entry.js.map +1 -1
  473. package/dist/esm/ic-layout-grid.entry.js +2 -2
  474. package/dist/esm/ic-layout-grid.entry.js.map +1 -1
  475. package/dist/esm/ic-link.entry.js +2 -2
  476. package/dist/esm/ic-link.entry.js.map +1 -1
  477. package/dist/esm/ic-menu-group.entry.js +2 -2
  478. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  479. package/dist/esm/ic-menu-item.entry.js +3 -2
  480. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  481. package/dist/esm/ic-menu.entry.js +4 -4
  482. package/dist/esm/ic-menu.entry.js.map +1 -1
  483. package/dist/esm/ic-navigation-button.entry.js +3 -3
  484. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  485. package/dist/esm/ic-navigation-group.entry.js +2 -2
  486. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  487. package/dist/esm/ic-navigation-item.entry.js +3 -3
  488. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  489. package/dist/esm/ic-navigation-menu.entry.js +5 -5
  490. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  491. package/dist/esm/ic-page-header.entry.js +7 -7
  492. package/dist/esm/ic-page-header.entry.js.map +1 -1
  493. package/dist/esm/ic-pagination_4.entry.js +36 -23
  494. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  495. package/dist/esm/ic-popover-menu.entry.js +5 -5
  496. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  497. package/dist/esm/ic-radio-group.entry.js +5 -5
  498. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  499. package/dist/esm/ic-radio-option.entry.js +5 -5
  500. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  501. package/dist/esm/ic-search-bar.entry.js +10 -10
  502. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  503. package/dist/esm/ic-section-container.entry.js +2 -2
  504. package/dist/esm/ic-section-container.entry.js.map +1 -1
  505. package/dist/esm/ic-side-navigation.entry.js +6 -6
  506. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  507. package/dist/esm/ic-skeleton.entry.js +2 -2
  508. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  509. package/dist/esm/ic-skip-link.entry.js +2 -2
  510. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  511. package/dist/esm/ic-status-tag.entry.js +3 -3
  512. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  513. package/dist/esm/ic-step.entry.js +14 -14
  514. package/dist/esm/ic-step.entry.js.map +1 -1
  515. package/dist/esm/ic-stepper.entry.js +3 -3
  516. package/dist/esm/ic-stepper.entry.js.map +1 -1
  517. package/dist/esm/ic-switch.entry.js +5 -5
  518. package/dist/esm/ic-switch.entry.js.map +1 -1
  519. package/dist/esm/ic-tab-context.entry.js +1 -1
  520. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  521. package/dist/esm/ic-tab-group.entry.js +3 -3
  522. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  523. package/dist/esm/ic-tab-panel.entry.js +2 -2
  524. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  525. package/dist/esm/ic-tab.entry.js +3 -3
  526. package/dist/esm/ic-tab.entry.js.map +1 -1
  527. package/dist/esm/ic-table-of-contents.entry.js +3 -3
  528. package/dist/esm/ic-theme.entry.js +2 -2
  529. package/dist/esm/ic-theme.entry.js.map +1 -1
  530. package/dist/esm/ic-time-input.entry.js +4 -4
  531. package/dist/esm/ic-toast-region.entry.js +1 -1
  532. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  533. package/dist/esm/ic-toast.entry.js +8 -5
  534. package/dist/esm/ic-toast.entry.js.map +1 -1
  535. package/dist/esm/ic-toggle-button-group.entry.js +8 -4
  536. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  537. package/dist/esm/ic-toggle-button.entry.js +58 -45
  538. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  539. package/dist/esm/ic-top-navigation.entry.js +5 -5
  540. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  541. package/dist/esm/ic-tree-item.entry.js +2 -2
  542. package/dist/esm/ic-tree-view.entry.js +3 -3
  543. package/dist/esm/ic-typography.entry.js +3 -3
  544. package/dist/esm/ic-typography.entry.js.map +1 -1
  545. package/dist/esm/loader.js +1 -1
  546. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +19 -4
  547. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +51 -9
  548. package/dist/types/components/ic-data-table/ic-data-table.d.ts +5 -0
  549. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +6 -0
  550. package/dist/types/components/ic-data-table/story-data.d.ts +1 -0
  551. package/dist/types/components.d.ts +42 -24
  552. package/dist/types/utils/types.d.ts +1 -0
  553. package/hydrate/index.js +419 -298
  554. package/hydrate/index.mjs +419 -298
  555. package/package.json +3 -3
  556. package/dist/cjs/helpers-046745ee.js.map +0 -1
  557. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +0 -2
  558. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +0 -1
  559. package/dist/core/p-05e0cadf.entry.js +0 -2
  560. package/dist/core/p-05e0cadf.entry.js.map +0 -1
  561. package/dist/core/p-0b0cc10d.entry.js.map +0 -1
  562. package/dist/core/p-1d89fcda.entry.js +0 -2
  563. package/dist/core/p-1d89fcda.entry.js.map +0 -1
  564. package/dist/core/p-2f0ab1d0.entry.js +0 -2
  565. package/dist/core/p-2f0ab1d0.entry.js.map +0 -1
  566. package/dist/core/p-542ac498.js.map +0 -1
  567. package/dist/core/p-62ad6ce5.entry.js +0 -2
  568. package/dist/core/p-62ad6ce5.entry.js.map +0 -1
  569. package/dist/core/p-6addd986.entry.js +0 -2
  570. package/dist/core/p-6addd986.entry.js.map +0 -1
  571. package/dist/core/p-6e5fc63c.entry.js +0 -2
  572. package/dist/core/p-6e5fc63c.entry.js.map +0 -1
  573. package/dist/core/p-7986db4a.entry.js +0 -2
  574. package/dist/core/p-7986db4a.entry.js.map +0 -1
  575. package/dist/core/p-8b4a7a78.entry.js +0 -2
  576. package/dist/core/p-8b4a7a78.entry.js.map +0 -1
  577. package/dist/core/p-9af5008c.entry.js +0 -2
  578. package/dist/core/p-9fa329f2.entry.js +0 -2
  579. package/dist/core/p-9fa329f2.entry.js.map +0 -1
  580. package/dist/core/p-a7a572d9.entry.js +0 -2
  581. package/dist/core/p-a7a572d9.entry.js.map +0 -1
  582. package/dist/core/p-bad17ba7.entry.js +0 -2
  583. package/dist/core/p-bad17ba7.entry.js.map +0 -1
  584. package/dist/core/p-bc58e37e.entry.js +0 -2
  585. package/dist/core/p-bc58e37e.entry.js.map +0 -1
  586. package/dist/core/p-bf08d34c.entry.js +0 -2
  587. package/dist/core/p-bf08d34c.entry.js.map +0 -1
  588. package/dist/core/p-c4bf8742.entry.js +0 -2
  589. package/dist/core/p-c4bf8742.entry.js.map +0 -1
  590. package/dist/esm/helpers-1dbd527e.js.map +0 -1
  591. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +0 -1
  592. /package/dist/core/{p-e4f1d72b.entry.js.map → p-069e758b.entry.js.map} +0 -0
  593. /package/dist/core/{p-8908b8e6.entry.js.map → p-1ca62941.entry.js.map} +0 -0
  594. /package/dist/core/{p-4c5af5f7.entry.js.map → p-2528ecec.entry.js.map} +0 -0
  595. /package/dist/core/{p-18b793e0.entry.js.map → p-5a1cfb3c.entry.js.map} +0 -0
  596. /package/dist/core/{p-9b68bee6.entry.js.map → p-615d474e.entry.js.map} +0 -0
  597. /package/dist/core/{p-8c841dc8.entry.js.map → p-8c580d88.entry.js.map} +0 -0
  598. /package/dist/core/{p-6d2fa004.entry.js.map → p-92936b49.entry.js.map} +0 -0
  599. /package/dist/core/{p-656b92d7.entry.js.map → p-b6d6b26e.entry.js.map} +0 -0
  600. /package/dist/core/{p-1131db25.entry.js.map → p-c0d4db72.entry.js.map} +0 -0
  601. /package/dist/core/{p-479e5fa2.entry.js.map → p-df220b91.entry.js.map} +0 -0
  602. /package/dist/core/{p-76ab72ef.entry.js.map → p-f457d508.entry.js.map} +0 -0
  603. /package/dist/core/{p-ba26a1f0.entry.js.map → p-ffbf493f.entry.js.map} +0 -0
package/hydrate/index.mjs CHANGED
@@ -3717,6 +3717,9 @@ const getElementInheritedTheme = (el) => {
3717
3717
  ? "dark"
3718
3718
  : "light";
3719
3719
  };
3720
+ const isSafari = /safari/i.test(window.navigator.userAgent) &&
3721
+ !/Edge/i.test(window.navigator.userAgent) &&
3722
+ !/chrome/i.test(window.navigator.userAgent);
3720
3723
 
3721
3724
  var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3722
3725
  <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -4178,7 +4181,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
4178
4181
  </svg>
4179
4182
  `;
4180
4183
 
4181
- 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([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: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)}}";
4184
+ 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)}}";
4182
4185
  var IcAlertStyle0 = icAlertCss;
4183
4186
 
4184
4187
  /**
@@ -4291,6 +4294,8 @@ class Alert {
4291
4294
  };
4292
4295
  return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
4293
4296
  [`ic-theme-${theme}`]: theme !== "inherit",
4297
+ [`ic-alert-variant-${variant}`]: true,
4298
+ [`ic-alert-no-default-icon`]: !showDefaultIcon,
4294
4299
  } }, 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: {
4295
4300
  "alert-message": true,
4296
4301
  "alert-message-title-above": titleAbove || alertTitleWrap,
@@ -4330,7 +4335,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
4330
4335
  </svg>
4331
4336
  `;
4332
4337
 
4333
- 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))}}";
4338
+ 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))}}";
4334
4339
  var IcBackToTopStyle0 = icBackToTopCss;
4335
4340
 
4336
4341
  const backToTopLabel = "Back to top";
@@ -4464,15 +4469,16 @@ class BackToTop {
4464
4469
  const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
4465
4470
  const size = variant === "icon" ? "large" : "medium";
4466
4471
  const label = variant === "icon" ? "" : backToTopLabel;
4467
- return (hAsync(Host, { key: '11f790112cc8047ab6b35459de506f6dc6a85c5f', class: {
4472
+ return (hAsync(Host, { key: '2c281b238cd14437e120084c35ae86089cd49fe9', class: {
4468
4473
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
4469
4474
  [`ic-back-to-top-${this.position}`]: true,
4470
- } }, hAsync("ic-button", { key: '670015cd630e897033a440ff4846d475c113a453', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4475
+ [`ic-back-to-top-variant-icon`]: variant === "icon",
4476
+ } }, hAsync("ic-button", { key: '15bcf38bcc837a9723e5af644551b24845d4cbbb', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
4471
4477
  ["offset-banner"]: bannerOffset,
4472
4478
  ["show"]: !targetElVisible,
4473
4479
  ["by-footer"]: footerVisible,
4474
4480
  ["icon-only"]: variant === "icon",
4475
- }, theme: this.theme }, hAsync("span", { key: 'e56c7a48a8226d1f471fc9a953851d27f4a6504c', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4481
+ }, theme: this.theme }, hAsync("span", { key: '4d6d2e0390eda5cd6db7f26bd597db7fef9c81c0', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
4476
4482
  }
4477
4483
  static get delegatesFocus() { return true; }
4478
4484
  get el() { return getElement(this); }
@@ -4656,7 +4662,7 @@ class Badge {
4656
4662
  }
4657
4663
  render() {
4658
4664
  const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
4659
- return (hAsync(Host, { key: '43b8e638c7b0965ad3591f8b306637b7b5aeea58', class: {
4665
+ return (hAsync(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {
4660
4666
  [`ic-badge-${position}`]: true,
4661
4667
  [`ic-badge-${size}`]: true,
4662
4668
  [`ic-badge-${variant}`]: true,
@@ -4664,7 +4670,7 @@ class Badge {
4664
4670
  [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
4665
4671
  [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
4666
4672
  [`ic-theme-${theme}`]: theme !== "inherit",
4667
- }, 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")));
4673
+ }, 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")));
4668
4674
  }
4669
4675
  static get delegatesFocus() { return true; }
4670
4676
  get el() { return getElement(this); }
@@ -4701,7 +4707,7 @@ var backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/20
4701
4707
  </svg>
4702
4708
  `;
4703
4709
 
4704
- 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}}";
4710
+ 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}}";
4705
4711
  var IcBreadcrumbStyle0 = icBreadcrumbCss;
4706
4712
 
4707
4713
  /**
@@ -4791,11 +4797,12 @@ class Breadcrumb {
4791
4797
  render() {
4792
4798
  const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
4793
4799
  const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
4794
- return (hAsync(Host, { key: '2c1131138a8be3af8ee344e0fbff5594fbcc2d77', class: {
4800
+ return (hAsync(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
4795
4801
  "ic-breadcrumb-back": showBackIcon,
4796
4802
  "ic-breadcrumb-monochrome": monochrome,
4797
4803
  [`ic-theme-${theme}`]: theme !== "inherit",
4798
- }, "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$1(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$1(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
4804
+ [`ic-breadcrumb-aria-current-page`]: current,
4805
+ }, "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$1(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$1(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
4799
4806
  }
4800
4807
  static get delegatesFocus() { return true; }
4801
4808
  get el() { return getElement(this); }
@@ -5037,11 +5044,11 @@ class BreadcrumbGroup {
5037
5044
  }
5038
5045
  render() {
5039
5046
  const { backBreadcrumbOnly, collapsed, theme } = this;
5040
- return (hAsync(Host, { key: 'e9547e6fce74b57f2a3d7904bdca580c59abf881', class: {
5047
+ return (hAsync(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
5041
5048
  "ic-breadcrumb-group-back": backBreadcrumbOnly,
5042
5049
  "ic-breadcrumb-group-collapsed": collapsed,
5043
5050
  [`ic-theme-${theme}`]: theme !== "inherit",
5044
- } }, hAsync("nav", { key: '56fd90771323680169a7e2ff757c534f499bda48', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '2817e0c715c94937436a41222f86a0e5e6b9cc92' }, hAsync("slot", { key: '137e284689752e6256c39ecc19988aafd3e49942' })))));
5051
+ } }, hAsync("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, hAsync("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
5045
5052
  }
5046
5053
  get el() { return getElement(this); }
5047
5054
  static get watchers() { return {
@@ -5107,7 +5114,6 @@ class Button {
5107
5114
  this.mutationObserver = null;
5108
5115
  this.hostMutationObserver = null;
5109
5116
  this.ariaLabel = "";
5110
- this.describedByContent = "";
5111
5117
  this.title = "";
5112
5118
  /**
5113
5119
  * If `fileUpload` is set to `true`, this is the accepted list of file types.
@@ -5208,11 +5214,31 @@ class Button {
5208
5214
  this.icBlur.emit();
5209
5215
  };
5210
5216
  /**
5211
- * Triggered when text content of sibling element in light DOM changes
5217
+ * Creates/updates clone of aria-describedby element node tree in shadow dom
5218
+ * Required due to ids being scoped to the shadow dom
5219
+ */
5220
+ this.updateAriaDescribedbyClone = () => {
5221
+ var _a, _b;
5222
+ if (this.describedbyNode) {
5223
+ const wrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#describedby-wrapper");
5224
+ if (!wrapper) {
5225
+ (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(Object.assign(document.createElement("div"), {
5226
+ id: "describedby-wrapper",
5227
+ className: "ic-button-describedby",
5228
+ }));
5229
+ }
5230
+ while (wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild)
5231
+ wrapper.firstChild.remove();
5232
+ wrapper === null || wrapper === void 0 ? void 0 : wrapper.appendChild(this.describedbyNode);
5233
+ }
5234
+ };
5235
+ /**
5236
+ * Triggered when light dom aria-describedby element updates
5212
5237
  */
5213
5238
  this.mutationCallback = () => {
5214
5239
  var _a;
5215
- this.describedByContent = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.innerText;
5240
+ if (this.describedbyEl)
5241
+ this.describedbyNode = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
5216
5242
  };
5217
5243
  /**
5218
5244
  * Triggered when attributes of host element change
@@ -5296,6 +5322,9 @@ class Button {
5296
5322
  }
5297
5323
  };
5298
5324
  }
5325
+ watchDescribedbyNodeHandler() {
5326
+ this.updateAriaDescribedbyClone();
5327
+ }
5299
5328
  watchDisabledHandler() {
5300
5329
  removeDisabledFalse$1(this.disabled, this.el);
5301
5330
  }
@@ -5315,8 +5344,7 @@ class Button {
5315
5344
  this.setHasTooltip();
5316
5345
  }
5317
5346
  componentWillLoad() {
5318
- var _a;
5319
- const _b = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _b, restInheritedAttributes = __rest$1(_b, ["title", "aria-label"]);
5347
+ const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest$1(_a, ["title", "aria-label"]);
5320
5348
  this.title = title;
5321
5349
  this.ariaLabel = ariaLabel;
5322
5350
  this.inheritedAttributes = restInheritedAttributes;
@@ -5328,10 +5356,10 @@ class Button {
5328
5356
  const describedById = this.inheritedAttributes["aria-describedby"];
5329
5357
  if (describedById) {
5330
5358
  this.describedById = describedById;
5331
- const el = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(`#${describedById}`);
5359
+ const el = document.querySelector(`#${describedById}`);
5332
5360
  if (el) {
5333
- this.describedByContent = el.innerText;
5334
5361
  this.describedbyEl = el;
5362
+ this.describedbyNode = el.cloneNode(true);
5335
5363
  }
5336
5364
  }
5337
5365
  }
@@ -5357,6 +5385,7 @@ class Button {
5357
5385
  if (this.hasRouterSlot())
5358
5386
  this.arrangeRouterItem();
5359
5387
  }
5388
+ this.updateAriaDescribedbyClone();
5360
5389
  }
5361
5390
  componentWillRender() {
5362
5391
  const iconEl = this.getSlottedIcon("left") || this.getSlottedIcon("right");
@@ -5412,7 +5441,7 @@ class Button {
5412
5441
  }
5413
5442
  }
5414
5443
  render() {
5415
- 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;
5444
+ 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;
5416
5445
  const TagType = href ? "a" : "button";
5417
5446
  const buttonAttrs = TagType === "button"
5418
5447
  ? {
@@ -5446,7 +5475,7 @@ class Button {
5446
5475
  variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
5447
5476
  ? "dropdown-expanded"
5448
5477
  : "arrow-dropdown", innerHTML: arrowDropdown$1 }))))));
5449
- return (hAsync(Host, { key: '1f58739b62e290b1b86fa82c9153e04711196367', class: {
5478
+ return (hAsync(Host, { key: '4e15c7ddb5f7d220f52848c36fc9b26932daeb8e', class: {
5450
5479
  "ic-button-disabled": disabled && !loading,
5451
5480
  "ic-button-full-width": fullWidth,
5452
5481
  "ic-button-loading": loading,
@@ -5462,11 +5491,12 @@ class Button {
5462
5491
  monochrome,
5463
5492
  "top-icon": isSlotUsed$1(this.el, "top-icon"),
5464
5493
  "with-badge": isSlotUsed$1(this.el, "badge"),
5465
- }, 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$1(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))));
5494
+ }, 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$1(this.el, "badge") && hAsync("slot", { key: '4aede0d2f30748690130dfba00612b3adc859c10', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'bf1fd18f9c47ea1199babace3584855499a2776c' })));
5466
5495
  }
5467
5496
  static get delegatesFocus() { return true; }
5468
5497
  get el() { return getElement(this); }
5469
5498
  static get watchers() { return {
5499
+ "describedbyNode": ["watchDescribedbyNodeHandler"],
5470
5500
  "disabled": ["watchDisabledHandler"],
5471
5501
  "variant": ["watchVariantHandler"]
5472
5502
  }; }
@@ -5509,7 +5539,7 @@ class Button {
5509
5539
  "type": [1],
5510
5540
  "variant": [1025],
5511
5541
  "ariaLabel": [32],
5512
- "describedByContent": [32],
5542
+ "describedbyNode": [32],
5513
5543
  "title": [32],
5514
5544
  "setFocus": [64]
5515
5545
  },
@@ -5803,20 +5833,27 @@ const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
5803
5833
  if (hasDynamicChildSlots(mutationList, slotNames)) ;
5804
5834
  };
5805
5835
 
5806
- const icCardHorizontalCss = "/*! 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;--card-max-width:548px;--image-size:114px;--message-max-lines:2}.card.small{--card-max-width:360px}.card.large{--card-max-width:720px;--image-size:142px;--message-max-lines:3}.card.extra-large{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}a{text-decoration:none !important;color:var(--ic-card-text-primary) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark)}.card.clickable:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}.card.clickable:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card ::slotted(svg){fill:var(--ic-card-icon)}.card.disabled ::slotted(svg){fill:var(--ic-card-icon-disabled)}.card.clickable .card-title{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}.card-message{margin-top:var(--ic-space-xxxs);align-items:left}.card.disabled .card-message{--ic-typography-color:var(--ic-card-disabled-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot=\"image\"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot=\"heading\"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot=\"heading\"]),.card.with-image .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n )}.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n )}.card .card-message ::slotted([slot=\"message\"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title{color:GrayText;--ic-typography-color:GrayText}}";
5836
+ const icCardHorizontalCss = "/*! 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;--card-max-width:550px;--image-size:132px;--message-max-lines:2}.card.small{--card-max-width:360px;--image-size:calc(var(--ic-space-sm) * 10)}.card.small.spacious{--image-size:100px}.card.large{--card-max-width:1130px;--image-size:164px;--message-max-lines:3}.card.large .card-message{margin-top:var(--ic-space-md)}a{text-decoration:none !important;color:var(--ic-card-text-primary) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark)}.card.clickable:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}.card.clickable:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card ::slotted(svg){fill:var(--ic-card-icon)}.card.disabled ::slotted(svg){fill:var(--ic-card-icon-disabled)}.card.clickable .card-title{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}.card-message{margin-top:var(--ic-space-xs);align-items:left}.card.disabled .card-message,.card.disabled .subheading{--ic-typography-color:var(--ic-card-disabled-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot=\"image-left\"]),.image ::slotted([slot=\"image-right\"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot=\"heading\"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot=\"heading\"]),.card.with-image .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n )}.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n )}.card .card-message ::slotted([slot=\"message\"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}.card.spacious{padding:var(--ic-space-md)}.card.spacious .card-content{padding:0}.card.spacious .card-content.left-image{padding:0 0 0 var(--ic-space-md)}.card.spacious .card-content.right-image{padding:0 var(--ic-space-md) 0 0}.card.spacious .image ::slotted([slot=\"image-left\"]),.card.spacious .image ::slotted([slot=\"image-right\"]){border-radius:var(--ic-border-radius)}.interaction-button{margin-left:auto}.adornment{margin-top:var(--ic-space-xxs)}.subheading{margin-top:var(--ic-space-xxs)}.card-title.with-interaction-button{margin-right:var(--ic-space-md)}::slotted(p),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){line-height:normal}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title,.card.disabled .subheading{color:GrayText;--ic-typography-color:GrayText}}";
5807
5837
  var IcCardHorizontalStyle0 = icCardHorizontalCss;
5808
5838
 
5809
5839
  /**
5810
5840
  * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.
5811
5841
  * @slot message - Content will be placed in the main body of the horizontal card.
5812
- * @slot image - Content will be placed to the left of all other content.
5842
+ * @slot subheading - Content will be placed below the card heading. Only for `density="spacious"`.
5843
+ * @slot adornment - Content will be placed below the card subheading. Only for `density="spacious"`.
5844
+ * @slot image-left - Content will be placed to the left of all other content.
5845
+ * @slot image-right - Content will be placed to the right of all other content.
5813
5846
  * @slot icon - Content will be placed to the left of the horizontal card heading.
5847
+ * @slot interaction-button - Content will be placed in the top right corner of the heading section.
5814
5848
  * @slot badge - Badge component overlaying the top right of the horizontal card.
5815
5849
  */
5816
5850
  class Card {
5817
5851
  constructor(hostRef) {
5818
5852
  registerInstance(this, hostRef);
5819
5853
  this.hostMutationObserver = null;
5854
+ this.IMAGE_LEFT = "image-left";
5855
+ this.IMAGE_RIGHT = "image-right";
5856
+ this.INTERACTION_BUTTON = "interaction-button";
5820
5857
  this.appearance = "default";
5821
5858
  this.isFocussed = false;
5822
5859
  this.parentEl = null;
@@ -5825,6 +5862,10 @@ class Card {
5825
5862
  * If `true`, the horizontal card will be a clickable variant, instead of static.
5826
5863
  */
5827
5864
  this.clickable = false;
5865
+ /**
5866
+ * The padding of the horizontal card.
5867
+ */
5868
+ this.density = "default";
5828
5869
  /**
5829
5870
  * If `true`, the horizontal card will be disabled if it is clickable.
5830
5871
  */
@@ -5879,7 +5920,15 @@ class Card {
5879
5920
  !isSlotUsed(this.el, "heading") &&
5880
5921
  onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Card");
5881
5922
  this.updateTheme();
5882
- this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "image"));
5923
+ this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [
5924
+ "message",
5925
+ "adornment",
5926
+ this.IMAGE_LEFT,
5927
+ this.IMAGE_RIGHT,
5928
+ "icon",
5929
+ this.INTERACTION_BUTTON,
5930
+ "badge",
5931
+ ]));
5883
5932
  this.hostMutationObserver.observe(this.el, {
5884
5933
  childList: true,
5885
5934
  });
@@ -5916,7 +5965,7 @@ class Card {
5916
5965
  }
5917
5966
  }
5918
5967
  render() {
5919
- const { appearance, clickable, disabled, heading, message, href, hreflang, referrerpolicy, rel, target, parentIsAnchorTag, isFocussed, size, theme, } = this;
5968
+ const { appearance, clickable, density, disabled, heading, message, href, hreflang, referrerpolicy, rel, target, parentIsAnchorTag, isFocussed, size, subheading, theme, } = this;
5920
5969
  const Component = parentIsAnchorTag || !clickable
5921
5970
  ? "div"
5922
5971
  : href === undefined
@@ -5929,7 +5978,9 @@ class Card {
5929
5978
  rel: rel,
5930
5979
  target: target,
5931
5980
  };
5932
- return (hAsync(Host, { key: 'dac4a38bc55ed2d2047a161cf790d20292833440', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync(Component, Object.assign({ key: 'ccca1254382007863621c12bbebda36542e4480f', class: {
5981
+ const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);
5982
+ const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);
5983
+ return (hAsync(Host, { key: '71149e1767ee411bc3bb68176aa76d465a9e7277', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync(Component, Object.assign({ key: '10b36cfc0dad51aa4ac98cb37c18824ac98372a6', class: {
5933
5984
  card: true,
5934
5985
  clickable: clickable && !disabled,
5935
5986
  disabled,
@@ -5937,8 +5988,17 @@ class Card {
5937
5988
  dark: appearance === IcBrandForegroundEnum.Dark,
5938
5989
  [`${size}`]: true,
5939
5990
  "with-icon": isSlotUsed(this.el, "icon"),
5940
- "with-image": isSlotUsed(this.el, "image"),
5941
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), isSlotUsed(this.el, "image") && (hAsync("div", { key: 'a0d21d341b84b698aa35a62239b1c53338195466', class: "image" }, hAsync("slot", { key: '3a95810ccdaab8245892b9148037a3c484e84fe0', name: "image" }))), hAsync("div", { key: '0a8b4c1ea6beba7710ea4fb90e500e1ab326dedc', class: "card-content" }, hAsync("div", { key: '7be7cc1e2bbe28f9b922752587d78b1c2f280464', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '36a22fae394971f166fa707c1c970a616cdcd4dc', class: "icon" }, hAsync("slot", { key: '7ac5c015e9e8b1467466f9b0571a198fc531323c', name: "icon" }))), hAsync("div", { key: '7ca8e657d8d05c3b78178da4af93678c1c0b834d', class: "card-title" }, hAsync("slot", { key: '7a43b48f30cd5dc85b618edabed10664dc820aaf', name: "heading" }, hAsync("ic-typography", { key: '15ff4d5a7ef2e1acad8a246c050a2198896271fb', variant: "h4" }, hAsync("p", { key: '7bbb8f409d62ed32f5274fdc0eb7f7156da6a22c' }, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: 'd322b5c2818f215f9d46c169beb70faae3789fb0', class: "card-message" }, message && (hAsync("ic-typography", { key: 'fd02d55c3861726bbd9a7b3a6137f3a400a86718', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '7b53f0106ad477de438e6f901a1eb6d8036ef3dc', name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'fd09ee76282b6aca1e587348964c969287f741fa', name: "badge" }))));
5991
+ "with-image": hasLeftImage || hasRightImage,
5992
+ spacious: density === "spacious",
5993
+ }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (hAsync("div", { key: '0df46b54576173ca424a61b6fee99f94011e07ca', class: "image" }, hAsync("slot", { key: '7f9fc4613ee4ab8ae3790a01884c2f8a0b07e4b2', name: "image-left" }))), hAsync("div", { key: '54f3d5a785156094e9162312e6967fd610612e55', class: {
5994
+ "card-content": true,
5995
+ "left-image": hasLeftImage,
5996
+ "right-image": hasRightImage,
5997
+ } }, hAsync("div", { key: 'ca54104523a6f294092cea4c9361b1ef45235325', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'bd65772f58d6f3ac1722e98da6a3cee1586fadeb', class: "icon" }, hAsync("slot", { key: '9c2ed5baffadadf7f4e019844268134861385b9e', name: "icon" }))), hAsync("div", { key: '41c9724ba29c9f576277bad2f4163ea89dd9ec8d', class: {
5998
+ "card-title": true,
5999
+ "with-interaction-button": isSlotUsed(this.el, this.INTERACTION_BUTTON),
6000
+ } }, hAsync("slot", { key: '586bcc0fb595ddae41768ff2117c6bf429cdcc90', name: "heading" }, hAsync("ic-typography", { key: '7e86d81964708451d868a615a387b13f6b84db2a', variant: "h4" }, hAsync("p", { key: '5c584cd409792a753cb7abe28e012e6ba8f23ad0' }, heading)))), isSlotUsed(this.el, this.INTERACTION_BUTTON) && (hAsync("div", { key: '6a88f1edfbf40d5c14e66edc2a8d82575c650584', class: "interaction-button" }, hAsync("slot", { key: '0f01efcb2fa17af8e7c649dd870bc25dcbd622c7', name: "interaction-button" })))), density === "spacious" &&
6001
+ (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: 'b6643753651caab3d9392199fdad2aa31e7a2573', class: "subheading" }, hAsync("slot", { key: 'fca9e50b4b3625b03782ed69e3f13909b32c9a40', name: "subheading" }, hAsync("ic-typography", { key: '4c4a225688575fed9d63ca6aa4270d086c6a4571', variant: "subtitle-small" }, subheading)))), density === "spacious" && isSlotUsed(this.el, "adornment") && (hAsync("div", { key: '950d24f7eb8bd16469cd880a73814c886cc7eba6', class: "adornment" }, hAsync("slot", { key: '6082019fb7f20d4fd9352d1bdd6d36cf8fcf569d', name: "adornment" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: 'f88a674c20fc8296ced85465bc4a38f294393bd8', class: "card-message" }, message && (hAsync("ic-typography", { key: 'b67b8b1abb1af132f64ef31c49ef236b23a769d7', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: 'a4bc98e9018fdd089431467ea022ccee8c1af707', name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '50dfe5ca32b19cc14da9634987d6e12d2f7ec204', name: "badge" }), hasRightImage && (hAsync("div", { key: '2bbdcfa7022f36d99193b5cff064583c7dde7d42', class: "image" }, hAsync("slot", { key: '9a523136628d2401506c73b9e6257cd0843773fb', name: "image-right" }))))));
5942
6002
  }
5943
6003
  get el() { return getElement(this); }
5944
6004
  static get watchers() { return {
@@ -5950,6 +6010,7 @@ class Card {
5950
6010
  "$tagName$": "ic-card-horizontal",
5951
6011
  "$members$": {
5952
6012
  "clickable": [1028],
6013
+ "density": [1],
5953
6014
  "disabled": [4],
5954
6015
  "heading": [1],
5955
6016
  "href": [1],
@@ -5958,6 +6019,7 @@ class Card {
5958
6019
  "referrerpolicy": [1],
5959
6020
  "rel": [1],
5960
6021
  "size": [1],
6022
+ "subheading": [1],
5961
6023
  "target": [1],
5962
6024
  "theme": [1],
5963
6025
  "appearance": [32],
@@ -6124,19 +6186,19 @@ class CardVertical {
6124
6186
  rel: rel,
6125
6187
  target: target,
6126
6188
  };
6127
- return (hAsync(Host, { key: '2dc8070692fc796401c84c6156d1f66c8053310a', class: {
6189
+ return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
6128
6190
  [`ic-theme-${theme}`]: theme !== "inherit",
6129
- } }, hAsync(Component, Object.assign({ key: 'a1a8763990ed7e5ac5eecfc69e4b29ab184b9e6e', class: {
6191
+ } }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
6130
6192
  card: true,
6131
6193
  clickable: !!clickable && !disabled,
6132
6194
  disabled: !!disabled,
6133
6195
  fullwidth: !!fullWidth,
6134
6196
  focussed: isFocussed,
6135
6197
  monochrome: monochrome,
6136
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(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$1(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$1(this.el, "interaction-button") && (hAsync("div", { key: '7a44d7d2c17cd980fa14da2a65aa68ddd8832f77', class: "interaction-button" }, hAsync("slot", { key: '6a9e0f0ca96125d94d39b31474c82ffe088ea475', name: "interaction-button" })))), (subheading || isSlotUsed$1(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$1(this.el, "adornment") && (hAsync("div", { key: 'c359631c9d1ed0643290e1db2a5e521d6702b29d', class: "adornment" }, hAsync("slot", { key: '398a65927df066f96bffc5b59b95fd27ec558c12', name: "adornment" }))), isSlotUsed$1(this.el, "image-mid") && (hAsync("div", { key: '463a2495779d1faca6efd98a3e1425e3486fc0d1', class: "image-mid" }, hAsync("slot", { key: '049daa3cbf2542b0a47951a8758bb50a1ad699e2', name: "image-mid" }))), (message || isSlotUsed$1(this.el, "message")) && (hAsync("div", { key: '9f6b4ea8e3a8cfa0e8ad58366f4e2a198cb0f8f6', class: "card-message" }, message && (hAsync("ic-typography", { key: '1a32ff3958de50ea5732a0fb52616d04c6ebedcc', variant: "body" }, message)), isSlotUsed$1(this.el, "message") && hAsync("slot", { key: '0dabb8f6ed9bd42a0982284fa4976734c0d5e16f', name: "message" }))), (isSlotUsed$1(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: {
6198
+ }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(this.el, "image-top") && (hAsync("div", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: "image-top" }, hAsync("slot", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: "image-top" }))), hAsync("div", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: "card-header" }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: "icon" }, hAsync("slot", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: "icon" }))), hAsync("div", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: "card-title" }, hAsync("slot", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: "heading" }, hAsync("ic-typography", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: "h4" }, hAsync("p", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed$1(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed$1(this.el, "subheading")) && (hAsync("div", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: "subheading" }, hAsync("slot", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: "subheading" }, hAsync("ic-typography", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: "subtitle-small" }, subheading)))), isSlotUsed$1(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed$1(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed$1(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed$1(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed$1(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: "interaction-area" }, hAsync("div", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: "interaction-controls" }, hAsync("slot", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {
6137
6199
  "toggle-button": true,
6138
6200
  [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
6139
- }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: 'd896c331bad9e027c4b56dd1fce75bc530218516', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '7fc81de39ef8a949674f22089d413bf946befdd7', name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '283bff90fab9be3b640ab7d04384d7ce2873bad8', name: "badge" }))));
6201
+ }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
6140
6202
  }
6141
6203
  get el() { return getElement(this); }
6142
6204
  static get watchers() { return {
@@ -6284,17 +6346,17 @@ class Checkbox {
6284
6346
  checked
6285
6347
  ? renderHiddenInput$1(el, value, name, disabled)
6286
6348
  : removeHiddenInput(el);
6287
- return (hAsync(Host, { key: '153b0b333ca1d0755d4e52dd9119d48cd1c246cc', class: {
6349
+ return (hAsync(Host, { key: '085faed0fb3d46c8903cc09959a1a04f36ac2eeb', class: {
6288
6350
  "ic-checkbox-disabled": disabled,
6289
6351
  [`ic-checkbox-${size}`]: !!size,
6290
6352
  [`ic-theme-${theme}`]: theme !== "inherit",
6291
- } }, 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: {
6353
+ } }, 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: {
6292
6354
  checkbox: true,
6293
6355
  checked,
6294
6356
  indeterminate: displayIndeterminate,
6295
- }, 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$1(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: {
6357
+ }, 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$1(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: {
6296
6358
  "additional-field-wrapper": !isDynamicAdditionalField,
6297
- } }, hAsync("slot", { key: '905f210aaf41f4ba5d7c24e92bd19dbb17b81355', name: "additional-field" })))))));
6359
+ } }, hAsync("slot", { key: '117707c0f26bb70c0c7d13e3d1a01c2120f0f948', name: "additional-field" })))))));
6298
6360
  }
6299
6361
  static get delegatesFocus() { return true; }
6300
6362
  get el() { return getElement(this); }
@@ -6434,11 +6496,11 @@ class CheckboxGroup {
6434
6496
  const describedBy = getInputDescribedByText$1(this.el, name, helperText !== "", validationStatus !== "");
6435
6497
  const renderSRText = validationStatus === "error" || required || hideLabel;
6436
6498
  const showValidation = hasValidationStatus(validationStatus, disabled);
6437
- return (hAsync(Host, { key: 'ee4fc914d346b2f35dd8d44ff73a44b479caee95', class: {
6499
+ return (hAsync(Host, { key: '70cd72bffb83cca193e88bc0998023b71af960ca', class: {
6438
6500
  "ic-checkbox-group-disabled": !!disabled,
6439
6501
  [`ic-checkbox-group-${size}`]: true,
6440
6502
  [`ic-theme-${theme}`]: theme !== "inherit",
6441
- } }, renderSRText && (hAsync("span", { key: '3718d5e6fce1597c836d01050ed17bcd01c97e6e', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '318e6c61787f136916d39acdd2823fa644c8d865', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '6348eb25d5a2de666033441d694b407f72ae834b' }, hAsync("ic-input-label", { key: '96ef66ab6b4e3a02a2385eb9b8f5936c1fc57ad0', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: 'f9f0532834d50a57dbc2f075a9f94788071cceb6', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '9b72caba2adb5951814689ef5c8b1fa5d7ea11ed', class: "checkboxes-container" }, hAsync("slot", { key: '5cf045069c87416b7889e7b29b44e6f137ca0b4f' }))), hAsync("ic-input-validation", { key: '4b9680fcb5468fbf6e9c2e1eb6d45f929b2b09dc', class: {
6503
+ } }, 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: {
6442
6504
  "show-validation": showValidation,
6443
6505
  }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
6444
6506
  }
@@ -6571,11 +6633,11 @@ class Chip {
6571
6633
  render() {
6572
6634
  const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;
6573
6635
  const ariaLabel = `${label} chip`;
6574
- return (hAsync(Host, { key: 'c7b88d4999b6de5004edc4bd27e185b9232fdaf9', class: {
6636
+ return (hAsync(Host, { key: '91df6058439a8c6dbd74de3d46153e4d0c54d623', class: {
6575
6637
  "ic-chip-dismissed": !visible,
6576
6638
  [`ic-theme-${theme}`]: theme !== "inherit",
6577
6639
  [`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
6578
- } }, visible && (hAsync("div", { key: 'dbbb2bd77adea5e65d61e11b6c4b2b06fadbb9b1', class: {
6640
+ } }, visible && (hAsync("div", { key: 'e7fe4dfe8ebedf808512a29aceef28a6700cd233', class: {
6579
6641
  chip: true,
6580
6642
  [`${variant}`]: true,
6581
6643
  [`${size}`]: true,
@@ -6583,7 +6645,7 @@ class Chip {
6583
6645
  dismissible,
6584
6646
  hovered,
6585
6647
  "non-transparent": variant === "outlined" && !transparentBackground,
6586
- } }, isSlotUsed$1(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$1(this.el, "badge") && hAsync("slot", { key: '9b3fec37d1d44def4248cf53ae2916d9f62e1a08', name: "badge" }))), dismissible && (hAsync("div", { key: 'bc8d8601488092dde7dae7db5f0f36b802f6df9f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
6648
+ } }, isSlotUsed$1(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$1(this.el, "badge") && hAsync("slot", { key: '99b017ad25c78367d25411312b47aa1f73d8f682', name: "badge" }))), dismissible && (hAsync("div", { key: 'b847f0255a3aaca7f1f24e2de1e939e0a6518c2f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
6587
6649
  }
6588
6650
  static get delegatesFocus() { return true; }
6589
6651
  get el() { return getElement(this); }
@@ -6711,10 +6773,10 @@ class DataList {
6711
6773
  if (size === "small") {
6712
6774
  Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
6713
6775
  }
6714
- return (hAsync(Host, { key: 'a050ac5764ea9496f33d53abdd27f1a193185cbb', class: {
6776
+ return (hAsync(Host, { key: 'c66609f65612dca067e70b5762d7eeb797dd2121', class: {
6715
6777
  "ic-data-list-small": size === "small",
6716
6778
  [`ic-theme-${theme}`]: theme !== "inherit",
6717
- } }, 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' }))));
6779
+ } }, 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' }))));
6718
6780
  }
6719
6781
  get el() { return getElement(this); }
6720
6782
  static get style() { return IcDataListStyle0; }
@@ -6804,12 +6866,12 @@ class DataRow {
6804
6866
  }
6805
6867
  render() {
6806
6868
  const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
6807
- return (hAsync(Host, { key: '8a70c9ceda7aebc616eb335f08e626952c87ddf3', class: {
6869
+ return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
6808
6870
  ["ic-data-row-small"]: size === "small",
6809
6871
  ["breakpoint-medium"]: listSize === "m",
6810
6872
  ["breakpoint-xs"]: listSize === "xs",
6811
6873
  [`ic-theme-${theme}`]: theme !== "inherit",
6812
- }, role: "listitem" }, hAsync("div", { key: 'b2f75779fb6392023c42d9c1f8bf58a98b431797', class: "data" }, hAsync("div", { key: '059aa84f8a91c9a7cdaea4e118287ea460f1bcdd', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(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" })));
6874
+ }, role: "listitem" }, hAsync("div", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: "end-component" }, hAsync("slot", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: "end-component" })))), hAsync("div", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: "divider" })));
6813
6875
  }
6814
6876
  get el() { return getElement(this); }
6815
6877
  static get style() { return IcDataRowStyle0; }
@@ -8216,7 +8278,7 @@ const sanitizeHTMLIconString$1 = (html) => {
8216
8278
  return purifier.sanitize(html, getCustomElementHandling$1(false));
8217
8279
  };
8218
8280
 
8219
- const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination=\"true\"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded=\"true\"]) .table-row-container{border:var(--ic-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-hover) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row-selected:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected-hover) 0 0\n )}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}:host([embedded=\"true\"]) tr:last-child .table-cell,:host([embedded=\"true\"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-popover) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;line-clamp:var(--ic-line-clamp, 0);-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-popover) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-data-description)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}";
8281
+ const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host(.ic-data-table-show-pagination) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host(.ic-data-table-embedded) .table-row-container{border:var(--ic-table-embedded-border)}.column-header-inner-container{padding:var(--ic-table-cell-padding);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-hover) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row-selected:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected-hover) 0 0\n )}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-table-cell-padding-dense) !important}.text-dense{font-size:var(--ic-table-font-size-dense)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:var(--ic-table-cell-padding-spacious) !important}.text-spacious{font-size:var(--ic-table-font-size-spacious)}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-table-cell-padding);background-color:var(--ic-data-table-header-background);border-right:var(--ic-table-heading-border);border-bottom:var(--ic-table-heading-border);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-table-heading-border) !important}:host(.ic-data-table-embedded) tr:last-child .table-cell,:host(.ic-data-table-embedded) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-table-cell-padding);border-bottom:var(--ic-table-cell-border);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-table-heading-border)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-popover) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;line-clamp:var(--ic-line-clamp, 0);-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-popover) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-data-description)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}";
8220
8282
  var IcDataTableStyle0 = icDataTableCss;
8221
8283
 
8222
8284
  /**
@@ -8278,10 +8340,15 @@ class DataTable {
8278
8340
  this.CELL_CONTAINER_WITH_DESCRIPTION_STRING = "cell-container-with-description";
8279
8341
  this.CELL_TEXT_WRAPPER_STRING = ".cell-text-wrapper";
8280
8342
  this.IC_TYPOGRAPHY_STRING = "ic-typography";
8343
+ this.rowIdCounter = 0;
8344
+ this.createRowId = () => {
8345
+ return `row-${this.rowIdCounter++}`;
8346
+ };
8281
8347
  this.fromRow = 0;
8282
8348
  this.scrollable = false;
8283
8349
  this.scrollOffset = 0;
8284
8350
  this.selectedRows = [];
8351
+ this.selectedIcRowIds = [];
8285
8352
  this.debounceDelay = 0;
8286
8353
  /**
8287
8354
  * Determines whether the column header should be truncated and display a tooltip. Default is `false`.
@@ -8894,29 +8961,40 @@ class DataTable {
8894
8961
  [`text-${this.density}`]: this.notDefaultDensity(),
8895
8962
  } }, title)))));
8896
8963
  this.onRowClick = (row) => {
8897
- const notCurrentlySelected = !this.selectedRows.includes(row);
8964
+ const notCurrentlySelected = !this.selectedIcRowIds.includes(row.icRowId);
8965
+ this.selectedIcRowIds = notCurrentlySelected
8966
+ ? [...this.selectedIcRowIds, row.icRowId]
8967
+ : this.selectedIcRowIds.filter((selectedRowId) => selectedRowId !== row.icRowId);
8898
8968
  this.selectedRows = notCurrentlySelected
8899
8969
  ? [...this.selectedRows, row]
8900
- : this.selectedRows.filter((selectedRow) => selectedRow !== row);
8970
+ : this.selectedRows.filter((selectedRow) => selectedRow.icRowId !== row.icRowId);
8901
8971
  this.icSelectedRowChange.emit({
8902
8972
  row: notCurrentlySelected ? row : null,
8903
8973
  selectedRows: this.selectedRows,
8974
+ icRowId: notCurrentlySelected ? row.icRowId : null,
8975
+ selectedIcRowIds: this.selectedIcRowIds,
8904
8976
  });
8905
8977
  };
8906
8978
  this.selectAllRows = () => {
8907
8979
  this.selectedRows =
8908
8980
  this.organisedData &&
8909
- this.selectedRows.length !== this.organisedData.length
8981
+ this.selectedIcRowIds.length !== this.organisedData.length
8910
8982
  ? [...this.organisedData]
8911
8983
  : [];
8984
+ this.selectedIcRowIds = this.selectedRows.map((row) => row.icRowId);
8912
8985
  this.icSelectAllRows.emit(this.selectedRows);
8913
8986
  };
8914
8987
  this.createRows = () => {
8915
- var _a, _b, _c, _d;
8988
+ var _a, _b, _c, _d, _e;
8916
8989
  const data = this.showPagination
8917
8990
  ? (_a = this.data) === null || _a === void 0 ? void 0 : _a.slice(this.fromRow, this.toRow)
8918
8991
  : (_b = this.data) === null || _b === void 0 ? void 0 : _b.slice();
8919
8992
  const paginationOffset = this.showPagination ? this.fromRow : 0;
8993
+ (_c = this.data) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
8994
+ if (!("icRowId" in row)) {
8995
+ row.icRowId = this.createRowId();
8996
+ }
8997
+ });
8920
8998
  /**
8921
8999
  * Ensures that createCells has a value in data to map over to actually render the slot.
8922
9000
  * Removes the need for the user to add it multiple times.
@@ -8936,13 +9014,13 @@ class DataTable {
8936
9014
  ? addDataToPosition(row, slottedColumns, "")
8937
9015
  : row;
8938
9016
  });
8939
- return (_c = this.organisedData) === null || _c === void 0 ? void 0 : _c.sort(this.sortable &&
9017
+ return (_d = this.organisedData) === null || _d === void 0 ? void 0 : _d.sort(this.sortable &&
8940
9018
  !this.disableAutoSort &&
8941
9019
  this.sortedColumn &&
8942
- !((_d = this.columns.find((col) => col.key === this.sortedColumn)) === null || _d === void 0 ? void 0 : _d.disableAutoSort)
9020
+ !((_e = this.columns.find((col) => col.key === this.sortedColumn)) === null || _e === void 0 ? void 0 : _e.disableAutoSort)
8943
9021
  ? this.getSortFunction()
8944
9022
  : undefined).map((row, index) => {
8945
- const isRowSelected = this.rowSelection && this.selectedRows.includes(row);
9023
+ const isRowSelected = this.rowSelection && this.selectedIcRowIds.includes(row.icRowId);
8946
9024
  const cellIndex = index + paginationOffset;
8947
9025
  return (hAsync("tr", { class: {
8948
9026
  "table-row": true,
@@ -9545,7 +9623,7 @@ class DataTable {
9545
9623
  }
9546
9624
  render() {
9547
9625
  var _a, _b;
9548
- const { caption, columns, createColumnHeaders, createUpdatingIndicator, data, density, hideColumnHeaders, rowSelection, loading, loadingOptions, paginationBarOptions, rowsPerPage, scrollable, scrollOffset, selectAllRows, selectedRows, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, tableLayout, theme, } = this;
9626
+ const { caption, columns, createColumnHeaders, createUpdatingIndicator, data, density, embedded, hideColumnHeaders, rowSelection, loading, loadingOptions, paginationBarOptions, rowsPerPage, scrollable, scrollOffset, selectAllRows, selectedRows, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, tableLayout, theme, } = this;
9549
9627
  const rowsSelected = selectedRows.length > 0;
9550
9628
  const allRowsSelected = selectedRows.length === (showPagination ? rowsPerPage : data === null || data === void 0 ? void 0 : data.length);
9551
9629
  const headerCheckboxLabelState = rowsSelected
@@ -9553,22 +9631,26 @@ class DataTable {
9553
9631
  ? "deselect all"
9554
9632
  : "select all remaining"
9555
9633
  : "select all";
9556
- return (hAsync(Host, { key: 'c5b57495acaac9787d44d93b1da833e209e627fa', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '8feecd07aefd2fba2700ea0a2abc728a489d4354', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '22d7dddca26638d24b2ee608582a59ae3d72d9be', name: "title-bar" }), hAsync("div", { key: 'e2be083520e1cdc27746fd01eabf82904d22590b', class: {
9634
+ return (hAsync(Host, { key: '2cb5ec3e006563c9f004c34c20ec8a07c2869b72', style: Object.assign({}, this.setTableDimensions()), class: {
9635
+ [`ic-theme-${theme}`]: theme !== "inherit",
9636
+ [`ic-data-table-show-pagination`]: !!showPagination,
9637
+ [`ic-data-table-embedded`]: !!embedded,
9638
+ } }, hAsync("div", { key: '5318a1c4d87fd8794de4fcdb5562e3f928a2de29', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '4d0db56085a87c58698b7a5562ba5c801376c1cb', name: "title-bar" }), hAsync("div", { key: '1dfefc725dd335261b2f9ec6c91d41dda59224a9', class: {
9557
9639
  ["table-row-container"]: true,
9558
9640
  scrollable,
9559
- }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: 'eff477957c0785a651c480b4e9ddd88534563a81', style: {
9641
+ }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: 'dcbe3ba57d29d0f152305f8c0f72cd405be2f4af', style: {
9560
9642
  "--table-layout": tableLayout,
9561
- } }, hAsync("caption", { key: 'e41a3f6133cb02f96e2fd537cdcb24c3467e92a6', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'b36805140e81e3e3a9fd065792c0ac514d64ae16', class: {
9643
+ } }, hAsync("caption", { key: '0beabaa339bff693f17adac6db3192d25ff4a33c', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'b170ffc30468121b456a85afc855f6327d1e135f', class: {
9562
9644
  ["column-header-sticky"]: stickyColumnHeaders,
9563
9645
  ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
9564
- } }, hAsync("tr", { key: '7b377adb333d251f84400dd6aa499dfa1fa3df6d' }, rowSelection && data && (hAsync("th", { key: 'ab9831b9c3f4e4b96c5223961753506ce0629cc1', class: {
9646
+ } }, hAsync("tr", { key: 'ca05651983eb87c6258a1ec6040d9f6ce9881128' }, rowSelection && data && (hAsync("th", { key: 'ba010d39dd2f080cde99a92b3f66b8d600681b6b', class: {
9565
9647
  "column-header": true,
9566
9648
  "checkbox-cell": true,
9567
9649
  "updating-state-headers": updating && !loading,
9568
9650
  [`table-density-${density}`]: this.notDefaultDensity(),
9569
- } }, hAsync("div", { key: '785236605fa8c29a12fecb6eb4f936c2f65b29b5', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: '64975b6e2e4af589ad2b535c68ecc16e2f2abea9', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
9651
+ } }, hAsync("div", { key: '7dccd2d21c76265186cff95bbd53a4aab380e946', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: 'b26fa8b7b59152226b6f58bb0fb46d071ddf484c', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
9570
9652
  !loading &&
9571
- (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '8d04e4eb5e786f981868b313ea1a0edad7b989b2', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: 'abda6bfbad63dd765dbc8ec4e16609cb4526de2a', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: '11a1b7220450c29b08e352071b76a9389614751a', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
9653
+ (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: 'af7e79173d942f15a9c2fe4d644ab33e28bbe17e', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: 'ba71922427b73925df1750591b12b50d708bc417', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: 'e3c536b4e5e74caf6e0fae1c180729da79639781', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
9572
9654
  ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
9573
9655
  sortedColumn} sorted ${sortedColumnOrder}`
9574
9656
  : "table unsorted")))));
@@ -9624,6 +9706,7 @@ class DataTable {
9624
9706
  "scrollable": [32],
9625
9707
  "scrollOffset": [32],
9626
9708
  "selectedRows": [32],
9709
+ "selectedIcRowIds": [32],
9627
9710
  "sortedColumn": [32],
9628
9711
  "sortedColumnOrder": [32],
9629
9712
  "toRow": [32],
@@ -9682,14 +9765,14 @@ class DataTableTitleBar {
9682
9765
  isSlotUsed(el, "custom-actions") ||
9683
9766
  !hideDensitySelect;
9684
9767
  const hasDescription = isSlotUsed(el, "description") || description;
9685
- return (hAsync("div", { key: 'f36585c5730a7a5c69ea13b5ebefb0da062cb8b7', class: {
9768
+ return (hAsync("div", { key: '5fed36eefe053b99552ab1b5f414563ccc0bd600', class: {
9686
9769
  "title-bar-wrapper": true,
9687
9770
  "full-width": isEmbedded,
9688
- } }, hAsync("div", { key: 'f4321857a3f013c2138225f4d3994d8b00d686fd', class: "header-container" }, hAsync("slot", { key: 'f403f6e936b12a0a1e94f4f5327fb0746e443232', name: "heading" }, hAsync("ic-typography", { key: '841a57bbc3e426c036b6d5eb86a0505e9567b870', variant: "h3", class: "heading" }, hAsync("h3", { key: 'ee15ed41ade023c9e72f73de03f2a438a411ed3c' }, heading))), metadata && (hAsync("ic-typography", { key: 'e577c48e340c9780f6c28a2db8c68c13507ab2e2', variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (hAsync("div", { key: '1915ed0a874cf45b0bc37ee66e605040291476c8', class: "description-actions" }, hAsync("slot", { key: '7b8b96377409c80fc7832089e17e508fbf7b2d75', name: "description" }, description && (hAsync("ic-typography", { key: '3629998ba78578ff1aa1acf388447d5cae4ecb57', variant: "body" }, description))), showActionArea && (hAsync("div", { key: 'ae469ae8726a57eeadb47c378bb8698cf96e8a4d', class: "action-area" }, isSlotUsed(el, "custom-actions") && (hAsync("div", { key: '3b2b53888a282a584ded2c1682bf58b3f49b2432', class: "custom-actions-wrapper" }, hAsync("slot", { key: '85d7e895d3be219b3403ccf4507ef792b625c374', name: "custom-actions" }))), !hideDensitySelect && (hAsync("ic-select", { key: '69088722aa8720b874ca9539f8b9329884087515', size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
9771
+ } }, hAsync("div", { key: '41187b445efea1b952f2c368a3b84d6b2c32c41d', class: "header-container" }, hAsync("slot", { key: '247c5cb0c86c364243af56b39c7783d7fb315662', name: "heading" }, hAsync("ic-typography", { key: '783cc7bc17832f97dc0ff7754522954a616536a8', variant: "h3", class: "heading" }, hAsync("h3", { key: '7d91bbbca709d681ddedf06b9991917f4d270c70' }, heading))), metadata && (hAsync("ic-typography", { key: '75876fc62e9355081102738472d7a78c76a4d01b', variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (hAsync("div", { key: 'd854eda15df61532f4ec00e452b50c1d533459b4', class: "description-actions" }, hAsync("slot", { key: '465dee9d3e4c0998884c94240a4c3d2d7569bebf', name: "description" }, description && (hAsync("ic-typography", { key: 'c01974890d94eea17ba96f9dbde53d2640c8d96a', variant: "body" }, description))), showActionArea && (hAsync("div", { key: '23a28180c5b1dbdc83ec411a1af66f9254e1d8e0', class: "action-area" }, isSlotUsed(el, "custom-actions") && (hAsync("div", { key: '6129e25beae17cd9ca4a86085c78591828baf019', class: "custom-actions-wrapper" }, hAsync("slot", { key: '18261c5784310b9fbb7f163e0046fd22e7a3bab4', name: "custom-actions" }))), !hideDensitySelect && (hAsync("ic-select", { key: '991067453a887c7c93c68f6498fae1ee3b90c050', size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
9689
9772
  { label: "Default", value: "default" },
9690
9773
  { label: "Dense", value: "dense" },
9691
9774
  { label: "Spacious", value: "spacious" },
9692
- ], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '804c56e9ada0368f5fb53320d45d4af47f3e531e', name: "primary-action" }))))))));
9775
+ ], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '58029483710125c347e4eab0cb0eba7e5a9b6f7b', name: "primary-action" }))))))));
9693
9776
  }
9694
9777
  get el() { return getElement(this); }
9695
9778
  static get style() { return IcDataTableTitleBarStyle0; }
@@ -10975,15 +11058,15 @@ class DateInput {
10975
11058
  : "";
10976
11059
  const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
10977
11060
  renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
10978
- return (hAsync(Host, { key: '33c9f19456f403afe9f42486834ca419c772a9c2', class: {
11061
+ return (hAsync(Host, { key: 'c076a1712793e36c9fd904692d64f44297a41d58', class: {
10979
11062
  [`ic-theme-${theme}`]: theme !== "inherit",
10980
11063
  [`ic-date-input-disabled`]: disabled,
10981
- }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'b8cefe6a3f220b7791afaa60754920d4a0713942', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '74a72207a491822b85c43bca96dbda3ebc715adc', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: '40a291cbc22b16618428188c45824b542bb77dee', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: 'fb33ae9d8ca00d83bdd69caaf37235be48350eb0', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: 'f4f6087a29494f42bdb520c5ecc1c109c078c13a', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: 'cbcd7d6aa456c902ffe2abaaded4d5022f709c1b', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '53ed8c7f11571ed09e1aa588800bf305bfada26d', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'edfe3218fc2cf6e49d730850daf9db47270dc632', class: "input-container" }, hAsync("div", { key: '50ab717e0ac08582999d0a0c39385b4154752901', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '2c4e51bf8f8486f11404d985cdab19843b8ef242', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '736b0d00a2bf3e70b5fce2a1e24a449ba5b91c11', id: "clear-button", "aria-label": "Clear input", class: {
11064
+ }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'a706d073ade2f587fe661e8eedd533fcac2eb8d2', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '2df45206bb1dec22719805dd75419d99ce0321dd', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: '8f5458681b9ea085c67ff7c1022f5512181dd37a', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: 'cc1ced7c0cf7e46b0792ad06995b15273126c040', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '53cc25e4eccf56a7a64a7b28d207c98e78abeec7', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '652f13800a903a2f92451abe2abfbbf63f72fd73', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: 'e2ec60bbf7e7f39e79de567ef30642f0e175b1c6', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '891bb0f4b524a7dae73ea3eacbaacd460ceab542', class: "input-container" }, hAsync("div", { key: '476965e1b07bc962741ffe0f74661d6e4631d576', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '752c0fd5df110547b8161b1cde61edb690c6c7fa', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: 'cf5c9fe8b8348071a764c57df98ed7d217674735', id: "clear-button", "aria-label": "Clear input", class: {
10982
11065
  ["clear-button"]: true,
10983
11066
  ["hidden"]: isEmptyString(this.day) &&
10984
11067
  isEmptyString(this.month) &&
10985
11068
  isEmptyString(this.year),
10986
- }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: '5808251b065005460c4a72ef9520d6da04d67584', class: "show-calendar-button-wrapper" }, hAsync("div", { key: 'b47a20ef8a94cfd5f555388c2790cf0b335a2dd6', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '3ed6760eb4af553a0553f8de5ef32865a27deb8e', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), hAsync("span", { key: 'e14cc27f33864c9f1f1aa6920b3425f6242d3e00', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '1d567499ffb7220e92e21064c870731fa89495c4', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: 'a5783f4f8a6bebf4e4051816f871d7063871cf8d', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId, ariaLiveMode: validationAriaLive }))));
11069
+ }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: '6e018c3cfb028691aa57c88df2f7d29e0adb1f78', class: "show-calendar-button-wrapper" }, hAsync("div", { key: 'dcd83751b62337a77a4471489c7ba38d43cd45a6', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '5b917499227bc7e7c1d3dd5b01f0040f10c7adc1', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), hAsync("span", { key: 'a1d4b4da8df73e766ba1096f193142a95af941d8', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '92e0f6e22dca3f9c5f0f05dcf1a6e5fa43e2e05a', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: '3d38e48eb14e60ad40639bb7ee44a1307585c4e3', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId, ariaLiveMode: validationAriaLive }))));
10987
11070
  }
10988
11071
  static get delegatesFocus() { return true; }
10989
11072
  get el() { return getElement(this); }
@@ -12172,33 +12255,33 @@ class DatePicker {
12172
12255
  yesterday.setDate(minDate.getDate() - 1);
12173
12256
  minDay = yesterday;
12174
12257
  }
12175
- return (hAsync(Host, { key: 'b2137a0ddce74eafda6be2472afb1793cbf68eef', onKeyDown: this.keyDownHandler, class: {
12258
+ return (hAsync(Host, { key: 'e570b8174d8e85ebe88381088d155dfc79eb66a4', onKeyDown: this.keyDownHandler, class: {
12176
12259
  [`ic-date-picker-${size}`]: true,
12177
12260
  [`ic-theme-${theme}`]: theme !== "inherit",
12178
- } }, hAsync("div", { key: '642c68aca8dac1c2c65d6fc30da6fbf7cae083e9', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: '7c360a109491013c58b40d0dde1cea2fa8bdf49d', ref: (el) => (this.inputEl = el) }, dateInputProps), hAsync("slot", { key: 'e26b8ae6d4bd987ed81bb193a3de998372479ba5', name: "helper-text", slot: "helper-text" }))), calendarOpen && (hAsync("div", { key: '4e97c468fb44045378e5a936f3f40a49e4eba65d' }, hAsync("span", { key: 'd619d8b0db95cc30b36b4499872b29cbf25cfec2', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: 'd84f35cdcff05860927ffc0f2541ebe10971937d', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
12261
+ } }, hAsync("div", { key: '746911155d83526a80676f2a6bb76f48d0c5e9f1', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: 'd5c01484b4db9760040ec20d96c73dedc2f3562f', ref: (el) => (this.inputEl = el) }, dateInputProps), hAsync("slot", { key: '4af2a51669b6b9b8e05683e3b91fca8a807eee48', name: "helper-text", slot: "helper-text" }))), calendarOpen && (hAsync("div", { key: 'd1fa8a019c53499d5de2726a062638016d6dd750' }, hAsync("span", { key: '034465a0f1a144899243c8642f3b6f8bb2d3be7f', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '0d8ae853e60cbf42fce8394b2944722958516c31', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
12179
12262
  "calendar-container": true,
12180
12263
  above: this.showPickerAbove,
12181
- }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: 'e17eb60cf60cae2ddfdc620c8170f3fd20c8948f', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: 'e5553e29abf290e5e38f7a111946bd4bb9cf0f34', class: {
12264
+ }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '67b58c1c2a95cd0602e6e78b4b7c92665d9fa450', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: '90d97f9401bb8871dc53d6141240bf5cdd7a6e37', class: {
12182
12265
  "month-year-nav-container": true,
12183
- } }, hAsync("div", { key: '92ac58ac5dd9df901278bd025cf914f80e480d85', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: '27da769612a75c1e902a3167d7e9cb348fdfe343', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: 'a7e05080ddf126e9446bcf977ef4bec599ab953a', ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { key: '9287686fe19a31a1cea431402ec91eb33463a859', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: '49bff3660edba939bb848a052b2904d81ce2ee54', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: '9f05b2770f7c14c976f6c3f09a1661856f1a57f8', ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { key: '1a7880de3748d7d033a43599aabd2798af90f32b', class: {
12266
+ } }, hAsync("div", { key: '1844f84afbad819901ff52c9467df271d3dfa1e7', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: '6773a9e063b3f2b743ed61e84439a512536764dd', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '7a7aff0e3d54d572556d8cd971defc2c9f79d92e', ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { key: '50133dc47a4e8e2c3e4e1d5373a92b2d7112d5ba', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: 'ed7777002bb64ea4fbd3e0e16783061ccfcceb93', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: '9a81be66d4a62f506838f68020c6dd0192ff4ba3', ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { key: '2e6a4395860e1d44aee979b0a7e0a5aa9a09ac39', class: {
12184
12267
  calendar: true,
12185
12268
  hidden: monthPickerVisible || yearPickerVisible,
12186
- }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: '0a3e3df8eab3fb77e1ce9c2550c20cf160f4f650', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
12269
+ }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: '743dffc1a5fbb1a40456e47be2dce866d991f19d', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
12187
12270
  const header = size === "small" ? dayName.charAt(0) : dayName;
12188
12271
  return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
12189
- })), hAsync("div", { key: 'f2415a435dea0633bd42657f9f19bd3bd49e6936', class: "calendar-days-container" }, this.currMonthView.map((day) => {
12272
+ })), hAsync("div", { key: '30a8310c3ee80c9c0a85fff417c13fb7961a958c', class: "calendar-days-container" }, this.currMonthView.map((day) => {
12190
12273
  var _a;
12191
12274
  return (hAsync(DayButton, { day: day, disableDay: (_a = this.disableDays) === null || _a === void 0 ? void 0 : _a.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth }));
12192
- })))), hAsync("div", { key: '1ed1a8c793883412ded234f949a7e7b65e66c414', class: {
12275
+ })))), hAsync("div", { key: '202e8edaafb640264c52f2c2254de4124d0f03f7', class: {
12193
12276
  "month-picker-container": true,
12194
12277
  hidden: !monthPickerVisible,
12195
- } }, monthPickerVisible && (hAsync(MonthPicker, { key: 'd847bce743c2c7289184bb6cb881d81639986934', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: 'e56d5c9d5a31b6b3f530ac96b81182720ef264c8', class: {
12278
+ } }, monthPickerVisible && (hAsync(MonthPicker, { key: '3680653a0f840b509cfab1079e12590f037c5b1f', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: '2e52f56752747794514a81b4bbe13e6bd7810680', class: {
12196
12279
  "year-picker-container": true,
12197
12280
  hidden: !yearPickerVisible,
12198
- } }, yearPickerVisible && (hAsync(YearPicker, { key: 'd40cc0d0384bb04d63628a4e21f9e7cec0fe1c5f', decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { key: 'f59442e70666f9a8216e1657d2e1099b2436e376', class: {
12281
+ } }, yearPickerVisible && (hAsync(YearPicker, { key: 'dbcf70511028f9be36dd859db8e0e7549f183ad9', decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { key: '7d658ffc586f119f8ca3e6d2fc3cf244a5c72dee', class: {
12199
12282
  "bottom-buttons": true,
12200
12283
  "no-today": !showPickerTodayButton,
12201
- } }, showPickerTodayButton && (hAsync("ic-button", { key: '506f36d5bec283f11df7cbdc3431f4f5bd5a80f6', id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { key: 'ad295135a146065f627b66081ad96a1820b144ce', id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
12284
+ } }, showPickerTodayButton && (hAsync("ic-button", { key: '0e97ccab194a021105ddec5b9e6bdd20681e2390', id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { key: 'c3d24232ba991e18247ed07f14e519a8d17a8f19', id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
12202
12285
  this.value === null ||
12203
12286
  this.value === undefined }, "Clear"))))))));
12204
12287
  }
@@ -12280,7 +12363,7 @@ class DatePicker {
12280
12363
  }; }
12281
12364
  }
12282
12365
 
12283
- 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}}";
12366
+ 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}}";
12284
12367
  var IcDialogStyle0 = icDialogCss;
12285
12368
 
12286
12369
  /**
@@ -12647,12 +12730,13 @@ class Dialog {
12647
12730
  }
12648
12731
  }
12649
12732
  render() {
12650
- const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
12651
- return (hAsync(Host, { key: '90bdbe0ef1a88e61db6395c4f63bea39573a757b', class: {
12733
+ const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
12734
+ return (hAsync(Host, { key: 'fca8d5ed62295efef6630d45e8174331c4d99e48', class: {
12652
12735
  "ic-dialog-hidden": !dialogRendered,
12653
12736
  "ic-dialog-fade-in": fadeIn,
12654
12737
  "disable-height-constraint": !!disableHeightConstraint,
12655
12738
  [`ic-theme-${theme}`]: theme !== "inherit",
12739
+ [`ic-dialog-size-${size}`]: size != undefined,
12656
12740
  } }, disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
12657
12741
  }
12658
12742
  get el() { return getElement(this); }
@@ -12687,7 +12771,7 @@ class Dialog {
12687
12771
  }; }
12688
12772
  }
12689
12773
 
12690
- 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}}";
12774
+ 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}}";
12691
12775
  var IcDividerStyle0 = icDividerCss;
12692
12776
 
12693
12777
  class Divider {
@@ -12778,6 +12862,7 @@ class Divider {
12778
12862
  [`ic-divider-${orientation}`]: true,
12779
12863
  [`ic-divider-${weight}`]: true,
12780
12864
  [`ic-divider-${borderStyle}`]: true,
12865
+ [`ic-divider-label-${labelPlacement}`]: slotHasContent(this.el, "label") || !isEmptyString$1(label),
12781
12866
  } }, ((orientation === "vertical" ||
12782
12867
  (!!renderLabel() && !!isPropDefined$1(labelPlacement))) && {
12783
12868
  "aria-orientation": orientation,
@@ -12848,11 +12933,11 @@ class EmptyState {
12848
12933
  }
12849
12934
  render() {
12850
12935
  const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
12851
- return (hAsync(Host, { key: 'd1f0ef089d59f00d57b70a44c22f248ce12314fa', class: {
12936
+ return (hAsync(Host, { key: 'a0dcd0b2fe385b4c2f1f4ffc346ac54b3e19565c', class: {
12852
12937
  [`ic-empty-state-${aligned}`]: true,
12853
12938
  [`image-${imageSize}`]: isSlotUsed$1(this.el, "image"),
12854
12939
  [`ic-theme-${theme}`]: theme !== "inherit",
12855
- } }, isSlotUsed$1(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$1(this.el, "actions") && (hAsync("div", { key: '75a4a0fce3f0a4206c35647de547e5caa76a015e', class: "action-area" }, hAsync("slot", { key: '2a0b08b6c6ade82137a5ea9337549092953a1a46', name: "actions" })))));
12940
+ } }, isSlotUsed$1(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$1(this.el, "actions") && (hAsync("div", { key: '3cb1e55fb552cf4177498d87e874d16a3f16d429', class: "action-area" }, hAsync("slot", { key: 'e25cb0c875f095825a512cea93c5ffe700072e71', name: "actions" })))));
12856
12941
  }
12857
12942
  get el() { return getElement(this); }
12858
12943
  static get style() { return IcEmptyStateStyle0; }
@@ -13045,12 +13130,12 @@ class FooterLink {
13045
13130
  const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
13046
13131
  const { small, grouped } = footerConfig;
13047
13132
  const isLogoLink = !!this.el.closest("div[slot='logo']");
13048
- return (hAsync(Host, { key: 'da89e5595b7e1b6308d72243462bd0a2f989b501', class: {
13133
+ return (hAsync(Host, { key: '445c93b158bc2ac7958a7b9712ab29462acdce9e', class: {
13049
13134
  "footer-link": true,
13050
13135
  [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
13051
13136
  [`footer-link-${this.foregroundColor}`]: true,
13052
13137
  "footer-logo-link": isLogoLink,
13053
- }, 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' }))));
13138
+ }, 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' }))));
13054
13139
  }
13055
13140
  static get delegatesFocus() { return true; }
13056
13141
  get el() { return getElement(this); }
@@ -13148,7 +13233,7 @@ class FooterLinkGroup {
13148
13233
  }; }
13149
13234
  }
13150
13235
 
13151
- 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}}";
13236
+ 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}}";
13152
13237
  var IcHeroStyle0 = icHeroCss;
13153
13238
 
13154
13239
  /**
@@ -13217,7 +13302,7 @@ class Hero {
13217
13302
  }
13218
13303
  }
13219
13304
  render() {
13220
- const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;
13305
+ const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, contentAligned, } = this;
13221
13306
  let style = {};
13222
13307
  if (isPropDefined$1(backgroundImage)) {
13223
13308
  style = {
@@ -13225,18 +13310,19 @@ class Hero {
13225
13310
  "background-position": scrollFactor,
13226
13311
  };
13227
13312
  }
13228
- return (hAsync(Host, { key: 'aee3d892e9e8aeda5b348da837eee5c8c1e8735a', class: {
13313
+ return (hAsync(Host, { key: 'ae89dfc9697492e640cef1740da5b1552a6b31ca', class: {
13229
13314
  [`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
13230
13315
  ["has-background-image"]: backgroundImage !== undefined,
13231
13316
  ["has-right-content"]: this.rightContent,
13232
13317
  ["ic-hero-small"]: size === "small",
13233
13318
  ["secondary-heading"]: !!secondaryHeading,
13234
- }, style: style }, hAsync("ic-section-container", { key: '6f588f23372a118fbf316d0c5202d17af21f4e43', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '1c34b2d8b07a045c1c801d99b4e1d707e1a99e88', class: {
13319
+ [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
13320
+ }, style: style }, hAsync("ic-section-container", { key: 'e70e1a6e85eddbdbc68b9a7754d760e898e27981', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: 'f1b85e347aa5f1b6f961aa2c7943a1e651dc22c3', class: {
13235
13321
  ["left-container"]: true,
13236
13322
  ["left-container-full-width"]: this.leftContentFullWidth,
13237
- } }, hAsync("div", { key: '72acdd6b683c699d5e799aa83546bde5b52962db', class: "heading" }, hAsync("slot", { key: '5915be3f3cd2a5329ba8beb46bc0b704693a7fec', name: "heading" }, hAsync("ic-typography", { key: 'f9b16a498674c7a29e669be2b63ae3d730cbacba', variant: size === "small" ? "h2" : "h1", class: {
13323
+ } }, hAsync("div", { key: '2100740ba4e22f0f229c145327b572ffa78521c6', class: "heading" }, hAsync("slot", { key: '30cd98888662c64e944660a68410cf51d0146460', name: "heading" }, hAsync("ic-typography", { key: 'dc2a602974c66325be5082c517f28eae72f5780b', variant: size === "small" ? "h2" : "h1", class: {
13238
13324
  ["heading-bottom-spacing"]: size !== "small",
13239
- } }, 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$1(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))))))))));
13325
+ } }, 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$1(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))))))))));
13240
13326
  }
13241
13327
  get el() { return getElement(this); }
13242
13328
  static get style() { return IcHeroStyle0; }
@@ -13427,22 +13513,22 @@ class HorizontalScroll {
13427
13513
  }
13428
13514
  render() {
13429
13515
  const { firstItemVisible, lastItemVisible, itemOverflow } = this;
13430
- return (hAsync(Host, { key: '70a4e7c8a5e6e69d64d78375798498b7807ae16a', class: {
13516
+ return (hAsync(Host, { key: '5f340f9d11d2ca42a17eacea2b9ce38b35614151', class: {
13431
13517
  ["ic-horizontal-scroll-visible"]: itemOverflow,
13432
13518
  ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
13433
13519
  ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
13434
13520
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
13435
- } }, hAsync("div", { key: '586bf3284c05ffad1ebd3c61e44e992aa9d71c25', "aria-hidden": "true", class: {
13521
+ } }, hAsync("div", { key: '555d223168b83a595030b18c4d21874c1cf679bd', "aria-hidden": "true", class: {
13436
13522
  ["scroll-container-left"]: true,
13437
13523
  ["hidden"]: !itemOverflow,
13438
13524
  ["disabled"]: firstItemVisible,
13439
- }, role: "tab" }, hAsync("ic-button", { key: '0125b0d48b7ae82fb580bc890450d1fb14f71a5f', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
13525
+ }, role: "tab" }, hAsync("ic-button", { key: '9196738f3d7d2c48b9173af7b152828a00c56edd', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
13440
13526
  ? "dark"
13441
- : "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: {
13527
+ : "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: {
13442
13528
  ["scroll-container-right"]: true,
13443
13529
  ["hidden"]: !itemOverflow,
13444
13530
  ["disabled"]: lastItemVisible,
13445
- }, 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"
13531
+ }, 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"
13446
13532
  ? "dark"
13447
13533
  : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
13448
13534
  }
@@ -13517,15 +13603,15 @@ class InputComponentContainer {
13517
13603
  }
13518
13604
  render() {
13519
13605
  const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
13520
- return (hAsync(Host, { key: '82e6604ab956d7648209ae1214797d48ce4a169c', class: {
13606
+ return (hAsync(Host, { key: '20c111945d3fea6c2ec9ddcb70a0e5c74489fcd0', class: {
13521
13607
  [`ic-input-component-container-${size}`]: true,
13522
13608
  [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
13523
13609
  "ic-input-component-container-disabled": !!disabled,
13524
13610
  "ic-input-component-container-readonly": !!readonly,
13525
13611
  "ic-input-component-container-multiline": !!multiLine,
13526
13612
  "ic-input-component-container-full-width": !!fullWidth,
13527
- }, "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 &&
13528
- validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: 'ac962172c01b7cc0abf776b7a5ff0e58cd996ad7', class: "inline-success", innerHTML: successIcon })))));
13613
+ }, "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 &&
13614
+ validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: 'e3ad09a64f224428e5a38127390751d86b5db914', class: "inline-success", innerHTML: successIcon })))));
13529
13615
  }
13530
13616
  get el() { return getElement(this); }
13531
13617
  static get watchers() { return {
@@ -13566,11 +13652,11 @@ class InputContainer {
13566
13652
  this.readonly = false;
13567
13653
  }
13568
13654
  render() {
13569
- return (hAsync(Host, { key: 'd7a6f03073013efef8534f6305e64f66d2b58b91' }, hAsync("div", { key: 'f93b5ad4fc27eed8fabf3fd83de73906b4592ca4', class: {
13655
+ return (hAsync(Host, { key: '25d076eaba3bd1c7e469a5a3c44b26990dfcb43c' }, hAsync("div", { key: '77559c5ab0557c9d42eb30d4a6487962dc8d2462', class: {
13570
13656
  ["component-container"]: true,
13571
13657
  ["disabled"]: !!this.disabled,
13572
13658
  ["readonly"]: !!this.readonly,
13573
- } }, hAsync("slot", { key: '59074f71d915aebc3205308c0406b4f6ab2a73ae' }))));
13659
+ } }, hAsync("slot", { key: '0b579f90ba6c9b7b5c515632b9e3f78a3a47c9a2' }))));
13574
13660
  }
13575
13661
  static get style() { return IcInputContainerStyle0; }
13576
13662
  static get cmpMeta() { return {
@@ -13653,11 +13739,11 @@ class InputLabel {
13653
13739
  "helpertext-readonly": readonly,
13654
13740
  };
13655
13741
  const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
13656
- return (hAsync(Host, { key: 'b4ae951684bc9fbacd077fd7586a60a680cb1114', class: {
13742
+ return (hAsync(Host, { key: '632235f5528b1ee7cbdc981b1fd8f83f81317ac5', class: {
13657
13743
  "ic-input-label-disabled": !!disabled,
13658
13744
  "ic-input-label-readonly": readonly,
13659
13745
  "with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
13660
- } }, !hideLabel && (hAsync("ic-typography", { key: 'dd5d6d73707aadd9cc59225224fffadefecda9c7', variant: "label", class: {
13746
+ } }, !hideLabel && (hAsync("ic-typography", { key: '4d5ffe88dcfd61697ac5c10bbfe72da69d6cd09e', variant: "label", class: {
13661
13747
  "readonly-label": readonly,
13662
13748
  "error-label": status === "error" && !(readonly || disabled),
13663
13749
  } }, 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))))));
@@ -13727,14 +13813,14 @@ class InputValidation {
13727
13813
  render() {
13728
13814
  const { ariaLiveMode, fullWidth, status, message } = this;
13729
13815
  const displayIcon = status !== "" ? ICON[status] : "";
13730
- return (hAsync(Host, { key: 'f1ba7e992a65cbd63d86411844668a0db4944cf2', class: {
13816
+ return (hAsync(Host, { key: '71585fc1ea14fdb61bb1557d2da4df16b26cfc0d', class: {
13731
13817
  [`ic-input-validation-${status}`]: status !== "",
13732
13818
  "ic-input-validation-full-width": !!fullWidth,
13733
13819
  "ic-input-validation-with-status": status !== "",
13734
- } }, displayIcon !== "" && (hAsync("span", { key: '43bf05c319e9f4cdb7f6e5affd403d745b7dac00', class: {
13820
+ } }, displayIcon !== "" && (hAsync("span", { key: '4cbb1c03f511ea994a7ef9af769bd1040d9a4b26', class: {
13735
13821
  "status-icon": true,
13736
13822
  [`icon-${status}`]: true,
13737
- }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '8d0f570e79158d1add1410653c8bbdb5e052aaa3', variant: "caption", class: "statustext" }, hAsync("span", { key: 'c363e60a30ef571a63779ed77a7e4e8358444d5f', id: this.for && getInputValidationTextID$1(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" })));
13823
+ }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '89de4e97c599c21ab5d28fb5d2cad72af25d0142', variant: "caption", class: "statustext" }, hAsync("span", { key: 'ea899c6c80ca2036ab6388f7814ea5022b9681b3', id: this.for && getInputValidationTextID$1(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" })));
13738
13824
  }
13739
13825
  get el() { return getElement(this); }
13740
13826
  static get watchers() { return {
@@ -13886,10 +13972,10 @@ class LayoutGrid {
13886
13972
  }
13887
13973
  render() {
13888
13974
  const { aligned, fullHeight } = this;
13889
- return (hAsync(Host, { key: 'c7903c71e7a267ce14d624e371128b66b990319e', class: {
13975
+ return (hAsync(Host, { key: '47ece5b026e7e3c97ed38bfe3bab840c1f19ab7c', class: {
13890
13976
  [`ic-layout-grid-aligned-${aligned}`]: true,
13891
13977
  ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
13892
- } }, hAsync("slot", { key: '7d501b244c1e6631ac1f712707b816be89014298' })));
13978
+ } }, hAsync("slot", { key: 'f60fbe3bcc6218cf7340513a1699c13b0db377a0' })));
13893
13979
  }
13894
13980
  get el() { return getElement(this); }
13895
13981
  static get watchers() { return {
@@ -13969,9 +14055,9 @@ class LayoutGridItem {
13969
14055
  }
13970
14056
  render() {
13971
14057
  const { hideInMobileMode } = this;
13972
- return (hAsync(Host, { key: 'a6e63c7a2e569fefef8bd1f801719ec0cfc999f2', class: {
14058
+ return (hAsync(Host, { key: 'bf040e1b3ddbd7f275a026008bf6f011fa440b1d', class: {
13973
14059
  "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
13974
- } }, hAsync("slot", { key: '976299cc75e2a275ce07dc9bb4ccde082c559175' })));
14060
+ } }, hAsync("slot", { key: '0833ce81285ee10fdfb943fe7d54d0e7db210313' })));
13975
14061
  }
13976
14062
  get el() { return getElement(this); }
13977
14063
  static get watchers() { return {
@@ -14084,7 +14170,7 @@ class Link {
14084
14170
  }
14085
14171
  render() {
14086
14172
  const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
14087
- return (hAsync(Host, { key: '17cbca6abdc9b48879a9d307c5bb73fada03aa2d', class: {
14173
+ return (hAsync(Host, { key: 'ca6343037bc5985cf5062b7797e71e0dd0184fb3', class: {
14088
14174
  ["ic-link"]: true,
14089
14175
  [`ic-theme-${theme}`]: theme !== "inherit",
14090
14176
  ["ic-link-monochrome"]: !!monochrome,
@@ -14115,7 +14201,7 @@ class Link {
14115
14201
  }; }
14116
14202
  }
14117
14203
 
14118
- 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}}";
14204
+ 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}}";
14119
14205
  var IcLoadingIndicatorStyle0 = icLoadingIndicatorCss;
14120
14206
 
14121
14207
  const LOADING_INDICATOR_WIDTHS = {
@@ -14299,23 +14385,24 @@ class LoadingIndicator {
14299
14385
  }
14300
14386
  render() {
14301
14387
  const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, label, max, min, monochrome, progress, size, theme, type, } = this;
14302
- return (hAsync(Host, { key: '8e5015de29e0c003ae813d95e215031276669fed', class: {
14388
+ return (hAsync(Host, { key: 'ed657c9728ede234f20352d0476dc84b751e3e32', class: {
14303
14389
  [`ic-theme-${theme}`]: theme !== "inherit",
14304
14390
  "ic-loading-indicator-full-width": fullWidth,
14305
14391
  "ic-loading-indicator-label": !!label,
14306
14392
  "ic-loading-indicator-monochrome": monochrome,
14307
- } }, hAsync("div", { key: 'fdd7384e07827cfc6f32cd7f7fde71807a441e7d', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'dd4b7dae54199c8313a6bd9c5a2133b11de29b57', ref: (el) => (this.outerElement = el), class: {
14393
+ [`ic-loading-indicator-size-${size}`]: true,
14394
+ } }, hAsync("div", { key: '76182b425cf884804743cdcce8b57b04567f2bf0', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '50b89f6f39333960992a2e617f3be1081d4af9a0', ref: (el) => (this.outerElement = el), class: {
14308
14395
  [`ic-loading-${type}-outer`]: true,
14309
14396
  [progress === undefined ? "indeterminate" : "determinate"]: true,
14310
- }, 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: {
14397
+ }, 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: {
14311
14398
  [`ic-loading-${type}-inner`]: true,
14312
14399
  "inner-label": !!innerLabel,
14313
- } }, 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: {
14400
+ } }, 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: {
14314
14401
  "--circular-steps-max": progress ? `${max}` : undefined,
14315
14402
  "--progress-value": progress !== undefined ? `${progress}` : undefined,
14316
14403
  "--stroke-dasharray": dashArray,
14317
14404
  "--stroke-dashoffset": dashOffset,
14318
- }, 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))))));
14405
+ }, 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))))));
14319
14406
  }
14320
14407
  get el() { return getElement(this); }
14321
14408
  static get watchers() { return {
@@ -17091,7 +17178,7 @@ class Menu {
17091
17178
  const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
17092
17179
  const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
17093
17180
  const hasNoResults = this.host.classList.contains("no-results");
17094
- return (hAsync(Host, { key: '3e49d54ba714dfa55e9695bd24fa5d2b87077232', class: {
17181
+ return (hAsync(Host, { key: '1e4da9c2108dc9df947dcf92f558fcbc14c3f686', class: {
17095
17182
  "ic-menu-full-width": !!fullWidth,
17096
17183
  "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
17097
17184
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -17100,7 +17187,7 @@ class Menu {
17100
17187
  [`ic-menu-${size}`]: true,
17101
17188
  "ic-menu-open": open && options.length !== 0,
17102
17189
  "ic-menu-multiple": multiSelect,
17103
- } }, options.length !== 0 && (hAsync("ul", { key: '23fc717879b9c8bac93158984ccd81f0b0227ab9', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
17190
+ } }, 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 &&
17104
17191
  !keyboardNav &&
17105
17192
  ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
17106
17193
  (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -17128,7 +17215,7 @@ class Menu {
17128
17215
  multiSelect &&
17129
17216
  !isLoading &&
17130
17217
  !hasTimedOut &&
17131
- !hasNoResults && (hAsync("div", { key: '997b84a875c8ab4cc763b6047ece029a51e03165', class: "option-bar" }, hAsync("ic-typography", { key: 'ff3ef41753cebd248a6d59169ef68ae12f0563ca' }, hAsync("p", { key: '3fe3ae4ca8f766216e5258eea8dbb71d1efd2169' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'f269fc5554327fd11a8093857f0f9208a3b1ca62', 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)))));
17218
+ !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)))));
17132
17219
  }
17133
17220
  get host() { return getElement(this); }
17134
17221
  static get watchers() { return {
@@ -17188,7 +17275,7 @@ class MenuGroup {
17188
17275
  }
17189
17276
  render() {
17190
17277
  const parentMenu = this.el.closest("ic-popover-menu");
17191
- return (hAsync(Host, { key: '0671b22234980b7b332889e7d643b8f5e42841c1', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(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' }))));
17278
+ return (hAsync(Host, { key: '979b8fb6d5820b0bedb7b5fd0695ae1d45f28ce7', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(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' }))));
17192
17279
  }
17193
17280
  get el() { return getElement(this); }
17194
17281
  static get style() { return IcMenuGroupStyle0; }
@@ -17204,7 +17291,7 @@ class MenuGroup {
17204
17291
  }; }
17205
17292
  }
17206
17293
 
17207
- 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}}";
17294
+ 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}}";
17208
17295
  var IcMenuItemStyle0 = icMenuItemCss;
17209
17296
 
17210
17297
  /**
@@ -17295,6 +17382,7 @@ class MenuItem {
17295
17382
  };
17296
17383
  return (hAsync(Host, { class: {
17297
17384
  ["ic-menu-item-disabled"]: !!this.disabled,
17385
+ [`ic-menu-item-variant-${this.variant}`]: this.variant !== undefined,
17298
17386
  } }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined$1(this.href), hreflang: isPropDefined$1(this.hreflang), target: isPropDefined$1(this.target), rel: isPropDefined$1(this.rel), referrerpolicy: this.referrerpolicy, role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
17299
17387
  ? this.checked
17300
17388
  ? "true"
@@ -17438,11 +17526,11 @@ class NavigationButton {
17438
17526
  target,
17439
17527
  theme,
17440
17528
  };
17441
- return (hAsync(Host, { key: '6d5b61877075117e4e5a88b0d1edf1cf986f4bcd', class: {
17529
+ return (hAsync(Host, { key: 'a277e7f5b36c9a2c7e7a02c488130727a7894a95', class: {
17442
17530
  "in-side-menu": isMenuMode,
17443
17531
  [`ic-theme-${theme}`]: theme !== "inherit",
17444
17532
  dark: parentThemeDark,
17445
- } }, 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$1(this.el, "badge") && hAsync("slot", { key: 'f5f961eb88638804430696e0e5b3424ad3b9ac6c', name: "badge" }))));
17533
+ } }, 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$1(this.el, "badge") && hAsync("slot", { key: '37a37bf5dfbcb7ef4e90b86dde4d9efec521911d', name: "badge" }))));
17446
17534
  }
17447
17535
  static get delegatesFocus() { return true; }
17448
17536
  get el() { return getElement(this); }
@@ -17735,7 +17823,7 @@ class NavigationGroup {
17735
17823
  const isTopNav = this.navigationType === "top";
17736
17824
  const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
17737
17825
  const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
17738
- return (hAsync(Host, { key: '393cd6fdb52feac00792c6045472ffb466c45663', class: {
17826
+ return (hAsync(Host, { key: '15cdbd2b2ce19129b1ff6a845922036813e7ae99', class: {
17739
17827
  "in-side-menu": inTopNavSideMenu,
17740
17828
  "ic-navigation-group-expandable": expandable,
17741
17829
  "ic-navigation-group-side-nav": isSideNav,
@@ -17968,7 +18056,7 @@ class NavigationItem {
17968
18056
  render() {
17969
18057
  const { inTopNavSideMenu, isTopNavChild, selected, navigationType, focusStyle, isInitialRender, sideNavExpanded, displayNavigationTooltip, collapsedIconLabel, isSideNavMobile, expandable, isInSideNav, theme, } = this;
17970
18058
  const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;
17971
- return (hAsync(Host, { key: '6d3d330011cb09ae9fd95b59f98a9d18ffc25ba0', class: {
18059
+ return (hAsync(Host, { key: '8c8d6840c525322be195b26b40b81de5b76a3bb9', class: {
17972
18060
  "navigation-item": true,
17973
18061
  "navigation-item-selected": !isTopNavChild && selected,
17974
18062
  "navigation-item-top-nav": !inTopNavSideMenu && navigationType === "top",
@@ -17987,7 +18075,7 @@ class NavigationItem {
17987
18075
  expandable,
17988
18076
  [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,
17989
18077
  [`ic-theme-${theme}`]: theme !== "inherit",
17990
- }, 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: {
18078
+ }, 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: {
17991
18079
  "tooltip-navigation-item": true,
17992
18080
  "tooltip-navigation-item-side-nav-collapsed": displayNavigationTooltip && isInSideNav,
17993
18081
  "tooltip-long-label-navigation-item-side-nav-expanded": this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -18160,16 +18248,16 @@ class NavigationMenu {
18160
18248
  }
18161
18249
  }
18162
18250
  render() {
18163
- 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: {
18251
+ 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: {
18164
18252
  ["menu-close-button-container"]: true,
18165
18253
  ["nav-group-first"]: this.navGroupFirst,
18166
- } }, 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: {
18254
+ } }, 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: {
18167
18255
  ["menu-buttons-container"]: true,
18168
18256
  ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
18169
- } }, hAsync("slot", { key: 'c5c8f1021794b892fbb72511bb01336a75ce0127', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '2fd5a79a68bec985b82699c8ec6df946ac4a84e4', class: {
18257
+ } }, hAsync("slot", { key: 'b41b238a5b9539d20fee6d1ef5d48e8318282e7b', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'f7e7f7ac77288dde96a92160e25cbe04e4762fc2', class: {
18170
18258
  ["menu-status-version-container"]: true,
18171
18259
  ["status-version-no-buttons"]: !this.hasButtons,
18172
- } }, 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))))))));
18260
+ } }, 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))))))));
18173
18261
  }
18174
18262
  get el() { return getElement(this); }
18175
18263
  static get style() { return IcNavigationMenuStyle0; }
@@ -18302,19 +18390,19 @@ class PageHeader {
18302
18390
  const navAriaLabel = `${isSlotUsed$1(this.el, "heading")
18303
18391
  ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
18304
18392
  : heading !== null && heading !== void 0 ? heading : ""} page sections`;
18305
- return (hAsync(Host, { key: 'ef9b1c5acf30851bedddd8f840fae60b545dfd3f', class: {
18393
+ return (hAsync(Host, { key: '6839f2d164672f2aa33e05134c3426e5374d1f06', class: {
18306
18394
  ["ic-page-header-sticky"]: !!sticky,
18307
18395
  ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
18308
18396
  [`ic-theme-${theme}`]: theme !== "inherit",
18309
- }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'e3f5ec39b13afbd9be424125fa43ea4634a90418', class: {
18397
+ }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '7d5137cb542941699de9cc5721ae28a17861dbf0', class: {
18310
18398
  ["border-bottom"]: !!border,
18311
18399
  ["tabs"]: isSlotUsed$1(this.el, "tabs"),
18312
- }, role: "presentation" }, hAsync("ic-section-container", { key: '7b58d10dbc3e72c05db7fdc67342eedfde9ed139', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(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: {
18400
+ }, role: "presentation" }, hAsync("ic-section-container", { key: '454a9621964544cff3503b6553e7a17c60da3832', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(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: {
18313
18401
  ["subheading-content"]: !!subheading || isSlotUsed$1(this.el, "subheading"),
18314
18402
  ["small"]: size === "small",
18315
- } }, hAsync("slot", { key: '6dc20fc584493c88e1a3baaf5badf583ad4bf694', name: "subheading" }, hAsync("ic-typography", { key: 'a1baec7c38856a1d982e7be6cdba10f59ca01351', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '1b5c8bc9cdcb8398379665c2ca60a470a8e5a486', class: "action-area" }, hAsync("slot", { key: 'dcc940cea6c4a0b5871aa1501752fed22cc5f932', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '8d0ff957c398f1ac9d8cbc7c78ec18c9b2710a43', class: "input-area" }, hAsync("slot", { key: '3dc09d1512ad8ce911ddee0a2dddafb8ae52450c', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
18316
- isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '9f527e5a1c67ec718a55fa4756249bb0f4c6a6fe', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
18317
- !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: 'c8f71660620ec8d74dcefb02f2663a625e539a4d', name: "stepper" }), isSlotUsed$1(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" })))))))))));
18403
+ } }, hAsync("slot", { key: '2f7f52d845ac9ae2d4a7122c17dda2cd9439301d', name: "subheading" }, hAsync("ic-typography", { key: 'c0aea12079ad430c8fc80de47dbc36998c7dafde', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '522be093d57e17bd669e6a00de00b5d762371464', class: "action-area" }, hAsync("slot", { key: '5044800dd45ad23bded19fb947103fc33fb224f9', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: 'c2ed3ac5f6683e17dff5e30bb4b0836c6882a62a', class: "input-area" }, hAsync("slot", { key: '7fa5429dde9cafd6cf7a91e6c018c137c4596cb8', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
18404
+ isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '7adb7f57bb469ddb2f88303784c5bb4f47af3e7a', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
18405
+ !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '523c906aff9a5dcf0911b99e58a49bae70f6dc1a', name: "stepper" }), isSlotUsed$1(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" })))))))))));
18318
18406
  }
18319
18407
  get el() { return getElement(this); }
18320
18408
  static get style() { return IcPageHeaderStyle0; }
@@ -18592,14 +18680,14 @@ class Pagination {
18592
18680
  }
18593
18681
  render() {
18594
18682
  const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
18595
- return (hAsync(Host, { key: 'fb99bef90dd70acdcc38a49c5ead06d6d8351ed4', class: {
18683
+ return (hAsync(Host, { key: '2d22f7a183f6da54aece8dfc1f48137388304493', class: {
18596
18684
  [`ic-theme-${theme}`]: theme !== "inherit",
18597
18685
  ["ic-pagination-monochrome"]: !!monochrome,
18598
- } }, type === "simple" && (hAsync("nav", { key: '5134a43228fbd8a137fd3e34607a1139bc09c9cc', class: {
18686
+ } }, type === "simple" && (hAsync("nav", { key: '50a0774ec8e4bf5b1799ae9eee4b4ee3735cfcb6', class: {
18599
18687
  ["disabled"]: !!disabled,
18600
- }, 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: {
18688
+ }, 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: {
18601
18689
  ["disabled"]: !!disabled,
18602
- }, 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))));
18690
+ }, 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))));
18603
18691
  }
18604
18692
  get el() { return getElement(this); }
18605
18693
  static get watchers() { return {
@@ -18977,21 +19065,21 @@ class PaginationBar {
18977
19065
  }
18978
19066
  render() {
18979
19067
  const { alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, } = this;
18980
- return (hAsync(Host, { key: 'c69d7b2032367620b35d339163cc56ec6383016a', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '0ffcb94ee6e3a04410d158d6716520e2969cecfe', class: {
19068
+ return (hAsync(Host, { key: '1bdb283b4cee9f3b82bebdda9ee2a87a14f029f2', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '6e9f804d4cf83872dd4db5945544e87980bcfcd0', class: {
18981
19069
  ["pagination-bar"]: true,
18982
19070
  [`pagination-bar-${alignment}`]: true,
18983
- }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: '513180ace8fc3f82c26ee5c745e0d5b852a10fda', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: '042383e4d976e5d70386bd228d74036e5923d135', class: "items-per-page-holder" }, hAsync("ic-typography", { key: '5a803102cd7793f267b6de476f402a354c9daaee', class: {
19071
+ }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: '55b793e9373472c650df949a6df6bd56a908c2d8', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: 'e0dcc5cd7283b8efd7e336dc666d1a02f7521559', class: "items-per-page-holder" }, hAsync("ic-typography", { key: 'fd22b1152361b3d34229f5216c46a26ccb7c83a1', class: {
18984
19072
  ["items-per-page-control-label"]: true,
18985
- }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: '0165e03c68c40791ef35a0064a4cb94e0490763e', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
19073
+ }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: '9f9d68b2754533139e6296d4e82929a32f057a62', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
18986
19074
  (rangeLabelType === "data" ? (hAsync("ic-typography", { class: {
18987
19075
  ["item-pagination-label"]: true,
18988
19076
  }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
18989
19077
  `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (hAsync("ic-typography", { class: {
18990
19078
  ["page-pagination-label"]: true,
18991
- }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '6fdec8e5aa7edac5b6857fe5dd71995539c1093a', class: {
19079
+ }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '672ad8420d478f014739114a908bb04925e6aeb9', class: {
18992
19080
  ["pagination-controls"]: true,
18993
19081
  ["pagination-controls-wrap"]: this.paginationWrapped,
18994
- } }, hAsync("div", { key: 'aa128b6414fdc3a62f0c0e0bbc70676279a80388', class: "pagination-holder" }, hAsync("ic-pagination", { key: '3fc38294f98b07e4b27a731d81eb72536bbf8907', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (hAsync("div", { key: '02d6832988b1e442682e63eb11c168d50a7f8aaa', class: "go-to-page-holder" }, hAsync("ic-typography", { key: 'cf0236ecc6cda9047ae4ce84bde95fd60130c1ae', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '5c1bb281471249243a00bb2ca336e1f01b63ea40', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("ic-text-field", { key: '728e6563db060cdc166e9a18d1de5f3afd1e42f3', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), hAsync("ic-button", { key: '418d9b8d49c185a6630ce0d742901bcf9a646947', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
19082
+ } }, hAsync("div", { key: 'cb935dfcb4c533fd6393ef3936d1c5e525c54a48', class: "pagination-holder" }, hAsync("ic-pagination", { key: '13c998f882c64ceb7378d3946331e51615ac91bb', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (hAsync("div", { key: '284fb3adcb71840ad3f5cd94e169c723e29e3c42', class: "go-to-page-holder" }, hAsync("ic-typography", { key: '3573ec4a04fd9d4255cbdc9baa5af094d4fa4cf6', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '6ec3806df8407e0a67cf88193b11bf91dae15d8f', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("ic-text-field", { key: '2401a8ab487c1aea29e0faa17ad4b3aa04ee8d64', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), hAsync("ic-button", { key: 'ed1b6758582ba5ee2187048037989cf2e8441526', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
18995
19083
  }
18996
19084
  get el() { return getElement(this); }
18997
19085
  static get watchers() { return {
@@ -19089,7 +19177,7 @@ class PaginationItem {
19089
19177
  }
19090
19178
  render() {
19091
19179
  const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
19092
- return (hAsync("a", { key: 'ed0d1ec644f4332880be47cf2240ce08e8ba8f5c', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
19180
+ return (hAsync("a", { key: '89475a5ee9cb95171d34ae94ec68107c70e67248', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
19093
19181
  ["item-container"]: true,
19094
19182
  ["ellipsis"]: true,
19095
19183
  ["disabled"]: !!disabled,
@@ -19408,17 +19496,17 @@ class PopoverMenu {
19408
19496
  this.popperProps = props;
19409
19497
  }
19410
19498
  render() {
19411
- return (hAsync(Host, { key: 'b3b80be668dab0b1bf8e9c86a92871a2ccf7fa05', class: {
19499
+ return (hAsync(Host, { key: 'bbe8b532b3e08c777c35e0af55486b59b5b8e44c', class: {
19412
19500
  ["ic-popover-menu-open"]: !!this.open,
19413
19501
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
19414
- } }, hAsync("div", { key: '2354b0125ce713af1824928f0f63bfc4e1a51539', id: this.parentPopover === undefined
19502
+ } }, hAsync("div", { key: 'a72a96633961efb668c7c8aae3fcb3b142c7b128', id: this.parentPopover === undefined
19415
19503
  ? `ic-popover-submenu-${this.submenuId}`
19416
19504
  : "", class: {
19417
19505
  menu: true,
19418
- } }, hAsync("span", { key: 'a0fe248c348b955225eb3cbd9d4713dd4d2260f5', class: {
19506
+ } }, hAsync("span", { key: '06b147e629909bbb74f4f1e01e825d39dcbab395', class: {
19419
19507
  "opening-from-parent": this.openingFromParent,
19420
19508
  "opening-from-child": this.openingFromChild,
19421
- } }, isPropDefined$1(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' }))))));
19509
+ } }, isPropDefined$1(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' }))))));
19422
19510
  }
19423
19511
  static get delegatesFocus() { return true; }
19424
19512
  get el() { return getElement(this); }
@@ -19687,16 +19775,16 @@ class RadioGroup {
19687
19775
  render() {
19688
19776
  const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
19689
19777
  const showValidation = hasValidationStatus(validationStatus, disabled);
19690
- return (hAsync(Host, { key: '4ea2e0ca7614fb4ce6563ea146f86d72707a399a', onKeyDown: handleKeyDown, class: {
19778
+ return (hAsync(Host, { key: 'aa0ff707b50765535bf74bb77f349b1fdf8ec5c2', onKeyDown: handleKeyDown, class: {
19691
19779
  "ic-radio-group-small": size === "small",
19692
19780
  [`ic-theme-${theme}`]: theme !== "inherit",
19693
- } }, hAsync("fieldset", { key: 'ebad7a878454455a15892bf53c43bdcb914b77c4', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: 'aac1f37c7b1d4d5bc621bd3030dc9eef60417659' }, hAsync("ic-input-label", { key: 'fd04e3f74c89b633996eb22e60902e988a8ac8ef', class: {
19781
+ } }, hAsync("fieldset", { key: '0c4dab92df1c01348afbe3ccdd6e66d32aaefef9', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '37ebeeb2b43fcb8628327deefb00ce2742c6a026' }, hAsync("ic-input-label", { key: '2a587dc242e293992e41bdbb523ac8414b8c4fac', class: {
19694
19782
  [`${validationStatus}`]: true,
19695
19783
  ["disabled"]: !!disabled,
19696
- }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '66325d58018dff189c975e3e4fc01249b51b6b9f', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '6d2d332396c87b798d5d160bdb5977c0a8ad6751', class: {
19784
+ }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '28611e725b177c6b7f8456668c33d3162830eb29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'd53f2e859088f0c208c2aab94442322d8a1bad0e', class: {
19697
19785
  "radio-buttons-container": true,
19698
19786
  horizontal: currentOrientation === this.RADIO_HORIZONTAL,
19699
- }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'fb0a1b41503ba88ce9bda3c0bc8236ae0a7e3795' }))), hAsync("ic-input-validation", { key: 'f9f7c2bdffd83d705149f74fe2caad93e57dd85b', class: {
19787
+ }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bbffd83c1b277c2ca55a7e97254ba0a322008c34' }))), hAsync("ic-input-validation", { key: '67ca41fbf8ce4265a5a979cdca100edb2f4e4c41', class: {
19700
19788
  "show-validation": showValidation,
19701
19789
  }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
19702
19790
  }
@@ -19879,15 +19967,15 @@ class RadioOption {
19879
19967
  render() {
19880
19968
  const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
19881
19969
  const id = `ic-radio-option-${isPropDefined$1(label) || value}-${groupLabel}`;
19882
- return (hAsync(Host, { key: '3d233946c372788a34128912099c47d6858d7ea9', onClick: handleClick, onKeyDown: handleKeyDown, class: {
19970
+ return (hAsync(Host, { key: 'd4254c0a08bd7fe373f7beeb849d732d437c6f5b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
19883
19971
  ["ic-radio-option-disabled"]: !!disabled,
19884
19972
  [`ic-theme-${theme}`]: theme !== "inherit",
19885
- } }, 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: {
19973
+ } }, 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: {
19886
19974
  "dynamic-container": true,
19887
19975
  hidden: additionalFieldDisplay === "dynamic" && !selected,
19888
- } }, 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: {
19976
+ } }, 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: {
19889
19977
  "additional-field-wrapper": additionalFieldDisplay === "static",
19890
- } }, hAsync("slot", { key: 'b3f82b1650ef67a732b35a32c5088745f31d1f31', name: ADDITIONAL_FIELD })))))));
19978
+ } }, hAsync("slot", { key: '3458dd8cf7904abb86e65cff449774459e389f09', name: ADDITIONAL_FIELD })))))));
19891
19979
  }
19892
19980
  get el() { return getElement(this); }
19893
19981
  static get watchers() { return {
@@ -20470,39 +20558,39 @@ class SearchBar {
20470
20558
  const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
20471
20559
  const labelValue = getLabelFromValue(value, options, valueField, labelField);
20472
20560
  renderHiddenInput$1(this.el, value, name, disabledMode);
20473
- return (hAsync(Host, { key: '71d9a6e7a555373e98a3ee7ea114fc1f69f06570', class: {
20561
+ return (hAsync(Host, { key: '29effef90a1b301f50dd5e16cb00ed70eccab512', class: {
20474
20562
  "ic-search-bar-search": true,
20475
20563
  "ic-search-bar-full-width": fullWidth,
20476
20564
  "ic-search-bar-disabled": disabled,
20477
20565
  "ic-search-bar-small": size === "small",
20478
20566
  [`ic-theme-${theme}`]: theme !== "inherit",
20479
- }, 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: {
20567
+ }, 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: {
20480
20568
  "no-left-pad": readonly,
20481
20569
  readonly,
20482
20570
  "truncate-value": truncateValue,
20483
- }, 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: {
20571
+ }, 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: {
20484
20572
  "clear-button-container": true,
20485
20573
  "clear-button-visible": !!value && !disabledMode && showClearButton,
20486
- } }, hAsync("ic-button", { key: '119b7ae17e8c7cbd8a56e6bd8136340c269958e3', id: "clear-button", class: {
20574
+ } }, hAsync("ic-button", { key: 'd3b1a71ede9651edce18ef3c2e31d044518ea79a', id: "clear-button", class: {
20487
20575
  "clear-button": true,
20488
20576
  "clear-button-unfocused": !clearButtonFocused,
20489
- }, "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: {
20577
+ }, "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: {
20490
20578
  "search-submit-button-container": true,
20491
20579
  "search-submit-button-disabled": this.isSubmitDisabled(),
20492
- } }, hAsync("ic-button", { key: '77e1e8bfef4ce5304dbf877b5ecfc440d37d864c', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
20580
+ } }, hAsync("ic-button", { key: 'f48d2f2c3cec19bb4fb66be6024ec1d8b8f21e8d', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
20493
20581
  "search-submit-button": true,
20494
20582
  "search-submit-button-small": size === "small",
20495
20583
  "search-submit-button-unfocused": !searchSubmitFocused,
20496
20584
  "search-submit-button-disabled": this.isSubmitDisabled(),
20497
- }, 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: {
20585
+ }, 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: {
20498
20586
  "menu-container": true,
20499
20587
  fullwidth: fullWidth,
20500
- } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'b2f7d74335c27d93e9f5dc5b63bab80daeb3eeae', class: {
20588
+ } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'e9a150bc0ead1db84cc63723acc7bf21bb5ba5fc', class: {
20501
20589
  "no-results": this.hadNoOptions() ||
20502
20590
  (filteredOptions.length === 1 &&
20503
20591
  (filteredOptions[0][labelField] === loadingLabel ||
20504
20592
  filteredOptions[0][labelField] === loadingErrorLabel)),
20505
- }, 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" })));
20593
+ }, 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" })));
20506
20594
  }
20507
20595
  static get delegatesFocus() { return true; }
20508
20596
  get el() { return getElement(this); }
@@ -20586,12 +20674,12 @@ class SectionContainer {
20586
20674
  }
20587
20675
  render() {
20588
20676
  const { aligned, fullHeight } = this;
20589
- return (hAsync(Host, { key: '1d47dd5e8fe26fbf69b3cea13a0a04304f2bd1e8', class: {
20677
+ return (hAsync(Host, { key: '343b4d46f49af4458ad961d31de6118927b5e3ec', class: {
20590
20678
  ["aligned-left"]: aligned === "left" || aligned === null,
20591
20679
  ["aligned-center"]: aligned === "center",
20592
20680
  ["aligned-full-width"]: aligned === "full-width",
20593
20681
  ["no-vertical-padding"]: !!fullHeight,
20594
- } }, hAsync("slot", { key: '2aed7afff105eeb51ddff32f9759e1d62737107b' })));
20682
+ } }, hAsync("slot", { key: '96932a21be0e230d9d15e05f09b8da67f772dd2b' })));
20595
20683
  }
20596
20684
  static get style() { return IcSectionContainerStyle0; }
20597
20685
  static get cmpMeta() { return {
@@ -21112,8 +21200,13 @@ class Select {
21112
21200
  else {
21113
21201
  if (!isArrowKey || this.noOptions === null) {
21114
21202
  if (event.key !== " " || this.pressedCharacters.length <= 0) {
21115
- // Keyboard events get passed onto ic-menu
21116
- (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
21203
+ // Keyboard events get passed onto ic-menu except in the case of ctrl-a on a searchable select
21204
+ const isCtrlA = event.key === "a" &&
21205
+ ((isMacDevice() && event.metaKey) ||
21206
+ (!isMacDevice() && event.ctrlKey));
21207
+ if (!(this.searchable && isCtrlA)) {
21208
+ (_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
21209
+ }
21117
21210
  }
21118
21211
  if (!this.multiple) {
21119
21212
  this.handleCharacterKeyDown(event.key);
@@ -21396,8 +21489,8 @@ class Select {
21396
21489
  }
21397
21490
  }
21398
21491
  render() {
21399
- var _a;
21400
- 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;
21492
+ var _a, _b, _c, _d;
21493
+ 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;
21401
21494
  // HTML inputs only accept 'string' for their value
21402
21495
  // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
21403
21496
  renderHiddenInput$1(this.el, searchable ? hiddenInputValue : currValue, name || inputId, disabled);
@@ -21411,18 +21504,18 @@ class Select {
21411
21504
  (searchable
21412
21505
  ? !!searchableSelectInputValue
21413
21506
  : !!currValue && !loading && showClearButton);
21414
- return (hAsync(Host, { key: 'd4771b458b86fdf5e8fd7242b0faa34c641dc1fd', class: {
21507
+ return (hAsync(Host, { key: 'f4a2c999048b3813c72f19cb9d12b179a1aa2829', class: {
21415
21508
  "ic-select-disabled": disabled,
21416
21509
  "ic-select-searchable": searchable,
21417
21510
  [`ic-select-${size}`]: size !== "medium",
21418
21511
  "ic-select-full-width": fullWidth,
21419
21512
  [`ic-theme-${theme}`]: theme !== "inherit",
21420
- }, 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$1(this.el, "icon") &&
21513
+ }, 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$1(this.el, "icon") &&
21421
21514
  !disabled &&
21422
- (!readonly || !!value) && (hAsync("span", { key: '208359e9a4b4c92823fa924ce0e7b0e5419c0cef', slot: "left-icon", class: {
21515
+ (!readonly || !!value) && (hAsync("span", { key: '2103e465e79ce43a400ab208cd3fa41f8d9a4897', slot: "left-icon", class: {
21423
21516
  readonly,
21424
21517
  "has-value": !!value,
21425
- } }, 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: {
21518
+ } }, 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: {
21426
21519
  "value-text": true,
21427
21520
  "select-input": true,
21428
21521
  "with-clear-button": !!searchableSelectInputValue,
@@ -21443,13 +21536,16 @@ class Select {
21443
21536
  } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
21444
21537
  "expand-icon": true,
21445
21538
  "expand-icon-open": open,
21446
- }, 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: {
21539
+ }, 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: {
21447
21540
  "no-results": loading ||
21448
21541
  hasTimedOut ||
21449
- ((_a = noOptions === null || noOptions === void 0 ? void 0 : noOptions[0]) === null || _a === void 0 ? void 0 : _a.label) === emptyOptionListText,
21542
+ (searchable &&
21543
+ ((_b = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label) === emptyOptionListText) ||
21544
+ (!searchable &&
21545
+ ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
21450
21546
  }, ref: (el) => (this.menu = el), inputEl: searchable
21451
21547
  ? this.searchableSelectElement
21452
- : 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: {
21548
+ : 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: {
21453
21549
  "menu-open": open,
21454
21550
  }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
21455
21551
  }
@@ -21528,7 +21624,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
21528
21624
  </svg>
21529
21625
  `;
21530
21626
 
21531
- 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}}";
21627
+ 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}}";
21532
21628
  var IcSideNavigationStyle0 = icSideNavigationCss;
21533
21629
 
21534
21630
  /**
@@ -21980,7 +22076,7 @@ class SideNavigation {
21980
22076
  isAppNameSubtitleVariant,
21981
22077
  appTitle: appTitle || "",
21982
22078
  };
21983
- return (hAsync(Host, { key: '1871b4817a2429ce72b39c00fc3d46bab905c6fc', class: {
22079
+ return (hAsync(Host, { key: 'dee98e8859e6935f7ce2775e95d32be82041ca0c', class: {
21984
22080
  "xs-menu-open": menuOpen && isSDevice,
21985
22081
  "xs-menu-close": !menuOpen && isSDevice,
21986
22082
  "sm-collapsed": !isSDevice && !menuExpanded,
@@ -21989,12 +22085,12 @@ class SideNavigation {
21989
22085
  [`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
21990
22086
  ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
21991
22087
  ["ic-side-navigation-inline"]: !!inline,
21992
- } }, 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$1(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: {
22088
+ } }, 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$1(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: {
21993
22089
  ["bottom-wrapper"]: true,
21994
22090
  ["classification-spacing"]: hasClassificationBanner(),
21995
- } }, isSlotUsed$1(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: {
22091
+ } }, isSlotUsed$1(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: {
21996
22092
  ["app-status"]: true,
21997
- } }, 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))))))));
22093
+ } }, 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))))))));
21998
22094
  }
21999
22095
  get el() { return getElement(this); }
22000
22096
  static get watchers() { return {
@@ -22058,11 +22154,11 @@ class Skeleton {
22058
22154
  width: el.style.width || (variant === "circle" ? "25px" : "260px"),
22059
22155
  }
22060
22156
  : undefined;
22061
- return (hAsync(Host, { key: '9652d6ecbb5bd3bca6c490a6e80a80e40fa245af', class: {
22157
+ return (hAsync(Host, { key: '336b5b88f72d7f44e7c3c748bfe5866e4259ca23', class: {
22062
22158
  skeleton: true,
22063
22159
  "ic-skeleton-circle": variant === "circle",
22064
22160
  [`ic-theme-${theme}`]: theme !== "inherit",
22065
- }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'f476ba878aa6acba4bbe00f1aa30502657331721' })));
22161
+ }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'd5a6030564b28381be77e38ca7d9d4d5d63822df' })));
22066
22162
  }
22067
22163
  get el() { return getElement(this); }
22068
22164
  static get style() { return IcSkeletonStyle0; }
@@ -22119,9 +22215,9 @@ class SkipLink {
22119
22215
  }
22120
22216
  render() {
22121
22217
  const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
22122
- return (hAsync(Host, { key: 'd5ded3b300f0b8dbe65235d6be9dec8ec8d88b5b', class: {
22218
+ return (hAsync(Host, { key: '4924f9affadd29e8a5f58791d59fdee0a4b1a110', class: {
22123
22219
  [`ic-theme-${theme}`]: theme !== "inherit",
22124
- } }, hAsync("ic-link", { key: '8f81758c7ebf977b264890c2df38de381bf1b4f7', class: {
22220
+ } }, hAsync("ic-link", { key: '9619dc1c10b2fbdeac0088f85eba6de095abceb4', class: {
22125
22221
  "display-top": !inline,
22126
22222
  "full-width": !!fullWidth,
22127
22223
  "show-background": !transparentBackground,
@@ -22186,12 +22282,12 @@ class StatusTag {
22186
22282
  }
22187
22283
  render() {
22188
22284
  const { label, status, variant, size, announced, theme, uppercase } = this;
22189
- return (hAsync(Host, { key: '294225d51b55c99b24e3eaf077fe5c62008004db', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'c35594ae01f0e7769381c18a43aa58e21997f0da', class: {
22285
+ return (hAsync(Host, { key: '323e76e08750e7459a431c762e74c5490276d5fe', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'e71a302621590a1e5f5eb94a4e823f614e72d604', class: {
22190
22286
  ["tag"]: true,
22191
22287
  [`${variant}-${status}`]: true,
22192
22288
  ["outlined"]: variant === "outlined",
22193
22289
  [`${size}`]: true,
22194
- } }, hAsync("ic-typography", { key: '0ccc4949134d73f83cee64ec456d1a3f42054b9e', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '4fbe4a1f344e5ced1878ae7e3ac6debfb6a91389' }, label)))));
22290
+ } }, hAsync("ic-typography", { key: '842f8be2e88546b594f8af03d4cbab5bbeaaae03', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'ae96c68b504376e9366cd7f712b3136b68677d07' }, label)))));
22195
22291
  }
22196
22292
  static get style() { return IcStatusTagStyle0; }
22197
22293
  static get cmpMeta() { return {
@@ -22290,27 +22386,27 @@ class Step {
22290
22386
  // STATUS ICON FOR COMPACT STEP
22291
22387
  let statusIcon;
22292
22388
  if (type === "completed" || compactStepStyling === "completed") {
22293
- statusIcon = (hAsync("span", { key: 'c1e124ab66fda2ad2fe60769de15e35e34519951', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
22389
+ statusIcon = (hAsync("span", { key: '222eacfd55f96f1b0b16489053d1d30c708e8a3a', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
22294
22390
  }
22295
22391
  else if (type === "disabled" || compactStepStyling === "disabled") {
22296
- statusIcon = (hAsync("span", { key: 'e4a11bda9361099c4a082a17ea365c5f87c72ee9', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
22392
+ statusIcon = (hAsync("span", { key: 'd7ba36dc7010d59e685be24e23060c4cb1e08296', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
22297
22393
  }
22298
22394
  // COMPACT STEP COMPONENT
22299
- const compactStep = (hAsync("div", { key: 'f4ce620bf342de1d168cd8988e110b399d16e8a5', class: {
22395
+ const compactStep = (hAsync("div", { key: '728b44adcf0270a12986d41c9c2b5a5a6e358f82', class: {
22300
22396
  ["step"]: true,
22301
22397
  ["current"]: !!current,
22302
22398
  [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
22303
22399
  ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
22304
- } }, hAsync("ic-loading-indicator", { key: '69fe4783331f0d2c8537e46bb4065ee946e15922', class: {
22400
+ } }, hAsync("ic-loading-indicator", { key: '5f50ae72c26112de4cc25125c943ae9c2239dbe6', class: {
22305
22401
  "compact-step-progress-indicator": true,
22306
22402
  "not-required": type === "disabled" || compactStepStyling === "disabled",
22307
- }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '5e44dab23d530705ce04d6f5e898224031be9eae', class: "heading-area" }, hAsync("ic-typography", { key: '09feb668ddc70f11313c4639b1b2dd3efa86903e', variant: "h4", class: "heading" }, heading), hAsync("div", { key: '5d2e680eec783d9da46298084f379b780a2dfbb5', class: "info-line" }, hAsync("ic-typography", { key: '8578d9363f9b29301cdfe46a360bdbf525ec16e8', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: 'f9bcfd8e7ff1179ed7c48714741fddc401b9de00', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
22403
+ }, "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 ||
22308
22404
  type === "completed" ||
22309
22405
  type === "disabled" ||
22310
22406
  (this.variant === "compact" &&
22311
22407
  !!compactStepStyling &&
22312
22408
  compactStepStyling !== "active") ||
22313
- !!status) && (hAsync("div", { key: 'ee4276dfd163853a6b82563e89e123b75c224613', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '3a165f76bb8cf653705a0e86e931616fc75030b1', variant: "caption" }, subheading !== null && isPropDefined$1(subheading)
22409
+ !!status) && (hAsync("div", { key: 'fff0111fbf58f20621fe55e7846a78d7349f0de1', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '5f0c220996adc59b0924bc605c326627a727cd2f', variant: "caption" }, subheading !== null && isPropDefined$1(subheading)
22314
22410
  ? subheading
22315
22411
  : type === "disabled" ||
22316
22412
  (variant === "compact" &&
@@ -22323,26 +22419,26 @@ class Step {
22323
22419
  // ICON FOR DEFAULT STEP
22324
22420
  let icon;
22325
22421
  if (type !== "completed") {
22326
- icon = (hAsync("ic-typography", { key: '4ada11af3f862b66af7ca387ca5e2ed0c7bd1456', variant: "subtitle-small" }, hAsync("span", { key: 'f7acc54618d69f93bdfc8d9c9322e23d58749a51', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
22422
+ icon = (hAsync("ic-typography", { key: '99b0a46abc777b387ee3e18a5e8cf8a4fb8e4c1d', variant: "subtitle-small" }, hAsync("span", { key: '0e5931807004fffc12634403bad44b9eb59a25b9', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
22327
22423
  }
22328
22424
  else {
22329
- icon = (hAsync("div", { key: '5efba193e768116f7bf92a0369d61fdd7e8b04ff', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '390a1f3f6daffa5e2e82293b81680a3eb9f1bb35', class: "check-icon", innerHTML: checkIcon })));
22425
+ icon = (hAsync("div", { key: '137a63e7242ac35d7505b238702aaa519e6454e8', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '271195e86a09aef98a461a692539fc1bbd039ec9', class: "check-icon", innerHTML: checkIcon })));
22330
22426
  }
22331
22427
  // STEP CONNECT FOR DEFAULT STEP
22332
- const partialBar = type === "current" && (hAsync("div", { key: 'd4255228e9626afbce26b5b65bb3b1329795cc84', class: "step-connect-inner" }));
22333
- const finalStep = !lastStep && (hAsync("div", { key: '72093cf835767969a9f56a45e7952e42d2b21d46', class: {
22428
+ const partialBar = type === "current" && (hAsync("div", { key: 'ed33bd98cfa6dbcf2cf37c7c671611bbd650ddb9', class: "step-connect-inner" }));
22429
+ const finalStep = !lastStep && (hAsync("div", { key: '6a195b2af0aac0626606abb31fa131d4dd3d197c', class: {
22334
22430
  ["step-connect"]: true,
22335
22431
  ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
22336
22432
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
22337
22433
  } }, partialBar));
22338
22434
  // DEFAULT STEP COMPONENT
22339
- const defaultStep = (hAsync("div", { key: '7ee74bb84e4678e20ee4eb5daa26f9252d795f83', class: {
22435
+ const defaultStep = (hAsync("div", { key: 'f8c0e227d534e9e3c9e2d8a4cd1f2953b0a081b4', class: {
22340
22436
  ["step"]: true,
22341
22437
  [`${type}`]: true,
22342
- } }, hAsync("div", { key: 'c3e678c9eab7688174b87c55bad404407ffedd72', class: "step-top" }, hAsync("div", { key: 'bad28cb205e9450b226073b8803e779d62616207', class: "step-icon" }, icon), finalStep), (heading || subheading || status) && (hAsync("div", { key: '946ab99559fdaa3106244e6758b7573ea454d5b8', class: "heading-area" }, heading && (hAsync("ic-typography", { key: 'c2a9e10b0e30b0de194b321f1683c6d36783020d', variant: "subtitle-large", class: "heading" }, heading)), heading && (subheading || status) && (hAsync("ic-typography", { key: 'bfa452d159a531bb0706540af3c91407f0c9f03f', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined$1(subheading)
22438
+ } }, 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$1(subheading)
22343
22439
  ? subheading
22344
22440
  : stepStatus))))));
22345
- return (hAsync(Host, { key: 'e1d36358b31ec0f91ca0c9874a661ce10bd38d2c', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
22441
+ return (hAsync(Host, { key: 'd5d73bdea5409e8d53c9b56a036aafc796f293b1', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
22346
22442
  ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
22347
22443
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
22348
22444
  [`ic-step-${variant}`]: true,
@@ -22642,11 +22738,11 @@ class Stepper {
22642
22738
  checkResizeObserver$1(this.runResizeObserver);
22643
22739
  }
22644
22740
  render() {
22645
- return (hAsync(Host, { key: '9d9ca9d145f10826c095669a86a99b532bee274d', class: {
22741
+ return (hAsync(Host, { key: '5fe97c7bd124831c6fb863a2122780bb7a0e67f5', class: {
22646
22742
  [`ic-stepper-${this.variant}`]: true,
22647
22743
  ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
22648
22744
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22649
- } }, hAsync("ul", { key: '7cc19512929ba09b0e13b50f400c5b84967678d3', class: "step-item-list" }, hAsync("slot", { key: '35312de95aa58d5555e19911db1d030d31b74cb4' }))));
22745
+ } }, hAsync("ul", { key: 'cb8920a38ceb04f807e71ebf680517764b707be3', class: "step-item-list" }, hAsync("slot", { key: '0d56c6a5b26c0cc30705be1f13187956b7025e26' }))));
22650
22746
  }
22651
22747
  get el() { return getElement(this); }
22652
22748
  static get watchers() { return {
@@ -22777,16 +22873,16 @@ class Switch {
22777
22873
  const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
22778
22874
  const isSmall = size === "small";
22779
22875
  renderHiddenInput$1(this.el, checkedState ? value : "", name, disabled);
22780
- return (hAsync(Host, { key: '1f3cc9bbab1f273d76380e351f4fc3dfbcb85a55', class: {
22876
+ return (hAsync(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
22781
22877
  [`ic-theme-${theme}`]: theme !== "inherit",
22782
- } }, hAsync("label", { key: '49569c926514f3832f137bc36638fc8318407abe', class: {
22878
+ } }, hAsync("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
22783
22879
  "ic-switch-container": true,
22784
22880
  "ic-switch-disabled": !!disabled,
22785
22881
  "ic-switch-small": isSmall,
22786
- }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '1e7934fa8eb3514931b16e3723374792da3fc77b', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
22882
+ }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
22787
22883
  "ic-switch-label": true,
22788
22884
  "ic-switch-label-small": isSmall,
22789
- } }, 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$1(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" }))));
22885
+ } }, 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$1(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" }))));
22790
22886
  }
22791
22887
  static get delegatesFocus() { return true; }
22792
22888
  get el() { return getElement(this); }
@@ -22909,13 +23005,13 @@ class Tab {
22909
23005
  }
22910
23006
  render() {
22911
23007
  const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
22912
- return (hAsync(Host, { key: 'fe6e517a696ed23c6fb64028d617997439ebbac6', class: {
23008
+ return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
22913
23009
  ["with-transition"]: !this.isInitialRender,
22914
23010
  ["ic-tab-selected"]: !!selected,
22915
23011
  ["ic-tab-disabled"]: !!disabled,
22916
23012
  [`ic-theme-${theme}`]: theme !== "inherit",
22917
23013
  ["ic-tab-monochrome"]: !!monochrome,
22918
- }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '9c2bf173facd6f4b4fa96824bb14db06a2b97c6b', name: "icon" }), hAsync("ic-typography", { key: 'f1d4732d8f5ad9f198f2da6c08c3717731dcd8da', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '9f993fe757e86acb507a58259e47e507a5feddc3' }, hAsync("slot", { key: '2bfe6c474802a62771ce58947305f0b71db1803d' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '23c6074e338df9e72b77b5449938f61f9ee042a0', name: "badge" })));
23014
+ }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), hAsync("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, hAsync("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
22919
23015
  }
22920
23016
  get el() { return getElement(this); }
22921
23017
  static get watchers() { return {
@@ -23172,7 +23268,7 @@ class TabContext {
23172
23268
  }
23173
23269
  }
23174
23270
  render() {
23175
- return hAsync("slot", { key: 'a5806f753757f1367b776c388a57f5760656906d' });
23271
+ return hAsync("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
23176
23272
  }
23177
23273
  get el() { return getElement(this); }
23178
23274
  static get watchers() { return {
@@ -23219,11 +23315,11 @@ class TabGroup {
23219
23315
  }
23220
23316
  render() {
23221
23317
  const { inline, theme, label, monochrome } = this;
23222
- return (hAsync(Host, { key: '89f78b3bc3025f9bc250fb045612f11230448011', role: "tablist", "aria-label": label, class: {
23318
+ return (hAsync(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
23223
23319
  ["ic-tab-group-inline"]: !!inline,
23224
23320
  [`ic-theme-${theme}`]: theme !== "inherit",
23225
23321
  ["ic-tab-group-monochrome"]: !!monochrome,
23226
- } }, hAsync("ic-horizontal-scroll", { key: '8924e03f1928a7c726576570ca817638169be532', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'c9534b3cb05161ee14a494925bd31ce3dc6f98f2', class: "tabs-container" }, hAsync("slot", { key: '63515a30dd40c06faf2a79f5cbb0cdf15fb726f5' })))));
23322
+ } }, hAsync("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, hAsync("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
23227
23323
  }
23228
23324
  static get delegatesFocus() { return true; }
23229
23325
  static get style() { return IcTabGroupStyle0; }
@@ -23266,10 +23362,10 @@ class TabPanel {
23266
23362
  }
23267
23363
  render() {
23268
23364
  const { active, theme } = this;
23269
- return (hAsync(Host, { key: '96cf1fa97b36ba44f3e17601512962335437029a', class: {
23365
+ return (hAsync(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
23270
23366
  [`ic-theme-${theme}`]: theme !== "inherit",
23271
23367
  "ic-tab-panel-hidden": !active,
23272
- }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '5fe1129fa2147621848ecb047b50002021a71d6b' }, hAsync("slot", { key: '4d479874c672f99d382b08f5c772cb787a1bdf8a' }))));
23368
+ }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, hAsync("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
23273
23369
  }
23274
23370
  get el() { return getElement(this); }
23275
23371
  static get style() { return IcTabPanelStyle0; }
@@ -23631,10 +23727,10 @@ class TableOfContents {
23631
23727
  // Component is a wrapper for page contents, and will build list from heading items
23632
23728
  render() {
23633
23729
  const { heading, monochrome, position, size, theme } = this;
23634
- return (hAsync(Host, { key: '251846b7b12255064f6f08dc5ed373e8ccf0326b', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("ic-section-container", { key: '3a178d62dfe2ce56c052e18114bb2d7c3fbd47ee', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, hAsync("div", { key: '34378cb8e4ac052d1f05cdc7b61880ab866e5c30', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
23635
- ${position === "right" && "table-of-contents-position-side"}` }, hAsync("ic-typography", { key: '9c2e6cd5dcf1bdcaada2fc63035c3fbe1aff0f44', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), hAsync("div", { key: '848fbb7b4e2923e6abc7c2b7dbe267221b0158e6', class: "table-of-contents-list" }, hAsync("div", { key: '31324398f103b292dfdf6edec92e738fa0c49c60', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
23730
+ return (hAsync(Host, { key: 'c5c977f781772f014ec4b2df248fdc91c31f2087', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("ic-section-container", { key: 'aa5f4869224bcf56e4137b83e6143b7c93b8ccd3', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, hAsync("div", { key: '1f925229198cc923a0b02165b0000cf235435546', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
23731
+ ${position === "right" && "table-of-contents-position-side"}` }, hAsync("ic-typography", { key: 'c7468f8c744f3838629f745d511049b01c97dc25', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), hAsync("div", { key: 'c83b03e6eb43c042c6ca0d00e80be7666899a9d9', class: "table-of-contents-list" }, hAsync("div", { key: '6febd41a740d97f38097f549606d05d726256dcc', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
23636
23732
  ${size}
23637
- ` }), hAsync("ol", { key: 'b4cf6c02151d3257155a4b8e055df992b06e64e0', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), hAsync("slot", { key: '0a5e55adfd3eeb0ba3c502c8936557f1b5f8bd76' }))));
23733
+ ` }), hAsync("ol", { key: '6e2c7ac1c7e3509bb738d98e8770c38c290934dc', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), hAsync("slot", { key: '3c9722771d63819dc9039d872127e2a660bce17a' }))));
23638
23734
  }
23639
23735
  get el() { return getElement(this); }
23640
23736
  static get watchers() { return {
@@ -23990,7 +24086,12 @@ class TextField {
23990
24086
  }
23991
24087
  }
23992
24088
  handleKeyDown(ev) {
23993
- this.icKeydown.emit({ event: ev });
24089
+ var _a, _b;
24090
+ this.icKeydown.emit({
24091
+ event: ev,
24092
+ cursorPosition: (_a = this.inputEl.selectionStart) !== null && _a !== void 0 ? _a : 0,
24093
+ selectionEnd: (_b = this.inputEl.selectionEnd) !== null && _b !== void 0 ? _b : 0,
24094
+ });
23994
24095
  if (!ev.ctrlKey && !IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {
23995
24096
  this.maxCharactersWarning = this.maxCharactersReached;
23996
24097
  }
@@ -24047,14 +24148,14 @@ class TextField {
24047
24148
  hiddenInput
24048
24149
  ? renderHiddenInput$1(this.el, value, name, disabledMode)
24049
24150
  : removeHiddenInput(this.el);
24050
- return (hAsync(Host, { key: '985b46adc3cee088de75766a4230042e4af8c9c3', class: {
24151
+ return (hAsync(Host, { key: '1b376250d6e147cac7b9dbb15ae5eb7a2ba6aefe', class: {
24051
24152
  "ic-text-field-full-width": fullWidth,
24052
24153
  "ic-text-field-disabled": disabledMode,
24053
24154
  [`ic-theme-${theme}`]: theme !== "inherit",
24054
- } }, 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: {
24155
+ } }, 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: {
24055
24156
  readonly,
24056
24157
  "has-value": this.getNumberOfCharacters(value) > 0,
24057
- }, 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: {
24158
+ }, 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: {
24058
24159
  "no-left-pad": !showLeftIcon && readonly,
24059
24160
  readonly,
24060
24161
  "truncate-value": truncateValue,
@@ -24062,12 +24163,12 @@ class TextField {
24062
24163
  "no-resize": resize === false || !!readonly,
24063
24164
  "no-left-pad": !showLeftIcon && !!readonly,
24064
24165
  readonly: !!readonly,
24065
- }, 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$1(el, "clear-button") && (hAsync("slot", { key: 'e02f69a6fd4c654b7f3b5f1593f7a29c7412d10f', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '2e32b1afd58a382a804a356537489efa523009ce', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: '1cbac8ded359309907e51f16033b03d266eb8828', name: "menu" }), hAsync("ic-input-validation", { key: '55a5e1762111cb2715679f6263719924b098acd4', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
24166
+ }, 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$1(el, "clear-button") && (hAsync("slot", { key: '91761fa97b0bb02a095968b7e204ebb93c3cdebf', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '656d028a1add45972896a170347b0733f1794eec', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: 'f305e73e1035983c26fd6f738a46446c43a81245', name: "menu" }), hAsync("ic-input-validation", { key: '85a6ff5809be1edcc921c46a6a415e5739c14baa', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
24066
24167
  (currentStatus === IcInformationStatus$1.Success &&
24067
24168
  validationInline) ||
24068
24169
  validationInlineInternal
24069
24170
  ? ""
24070
- : 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.")))))));
24171
+ : 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.")))))));
24071
24172
  }
24072
24173
  get el() { return getElement(this); }
24073
24174
  static get watchers() { return {
@@ -24206,7 +24307,7 @@ class Theme {
24206
24307
  }
24207
24308
  render() {
24208
24309
  const { themeClass } = this;
24209
- return (hAsync(Host, { key: '5acfd70fc7d5cec478027487b121829ad9258623', class: themeClass }, hAsync("slot", { key: '962d9fdd42ceb26a48c49a06aa3df3cb13bb9157' })));
24310
+ return (hAsync(Host, { key: '53aa5cb32bce3ebd1b66c22df8c64f615fad4d00', class: themeClass }, hAsync("slot", { key: '6f2d5fa4d0d7a42995dd9d4b31081b421e6fe5a9' })));
24210
24311
  }
24211
24312
  static get watchers() { return {
24212
24313
  "brandColor": ["watchBrandColorPropHandler"],
@@ -25133,23 +25234,23 @@ class TimeInput {
25133
25234
  !(isEmptyString(this.hour) &&
25134
25235
  isEmptyString(this.minute) &&
25135
25236
  isEmptyString(this.second)));
25136
- return (hAsync(Host, { key: 'ce72bf165b860dc73b3de7523ea59d7ae5091785', class: {
25237
+ return (hAsync(Host, { key: '94fc70e75c5096c2ebfedd5a9e6e55c4361a1c17', class: {
25137
25238
  [`ic-theme-${theme}`]: theme !== "inherit",
25138
25239
  [`ic-time-input-disabled`]: disabled,
25139
25240
  [`ic-time-input-${size}`]: true,
25140
- }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '81289a19c2013efd8e0b7894964584163c2d9ca4', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '858282ddbc0d69d6a1c19c6c3660e96d26a578d4', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: 'ea5647530d721574b23ec3a6470b6f791347de16', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: '78506ccf9f196f2439a54450000ff360f6b860da', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '07594031d5f4078fc73493dea18e50477a2f7cc1', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '368dda131a6b87269d0789d5c9c8eb7739c79ddd', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: 'fdae26254c31f9d00eb43ad951df77f8c22498e7', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '3969cc96892663be7e7a4ece8eda8a8960edc156', class: "input-container" }, hAsync("div", { key: '983e2d740c97837800591f11dae903525586b50d', class: "time-inputs" }, [
25241
+ }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'a9f2eb4da658ef987174fc711608a1972aef70ce', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: 'd98aa9514c1fd9f64e68fb100a3c8c2aab0acc85', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: '982677961a1338de6717896032d740a3636739aa', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: '5c5db81bb5838f755650c4a56b16f61e4703a5db', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '010b924db60b43ec5d5f7376a341aa7fa84a72bd', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '162a36140a61835c6e78d3eb0f19ec254c772ba5', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '170b853eb6942943815b67261588bad8a9b9e35e', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '34f4fd002b9197cf2dcf848a51b45a6bcfa330d7', class: "input-container" }, hAsync("div", { key: 'be4d809edd743cae4beedc61a4c8a720151af2be', class: "time-inputs" }, [
25141
25242
  this.getInputsInOrder()[0],
25142
25243
  ":",
25143
25244
  this.getInputsInOrder()[1],
25144
25245
  !this.isHHMMFormat()
25145
25246
  ? [":", this.getInputsInOrder()[2]]
25146
25247
  : null,
25147
- ]), hAsync("div", { key: '16b324e251f1e6441f44a4acb79f5fb6afe8da7b', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '62d73f8dcc167328cf0bc07aa70c3a4c2dfb5342', id: "clear-button", "aria-label": "Clear input", class: {
25248
+ ]), hAsync("div", { key: '72f7f63ad060902df8262ddb3d17bb657dabc1fe', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '374aa46e2ee4d0692a896c60597bfea0fcb27b67', id: "clear-button", "aria-label": "Clear input", class: {
25148
25249
  ["clear-button"]: true,
25149
25250
  ["hidden"]: isEmptyString(this.hour) &&
25150
25251
  isEmptyString(this.minute) &&
25151
25252
  isEmptyString(this.second),
25152
- }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (hAsync("div", { key: 'db0a978012dd1cdf299d8faf2d7cfb9784bdc793', class: "show-clock-button-wrapper" }, hAsync("div", { key: '3bb6324433b0e3c64e29851bb2aca866a9d30012', class: { divider: showDivider, [size]: true } }), hAsync("ic-button", { key: 'd73bc11220a5471b313e863e079cf91a7eeabca9', id: "clock-button", "aria-label": "Display clock", "aria-haspopup": "dialog", class: "clock-button", disabled: this.disabled, innerHTML: Clock, variant: "icon-tertiary", size: size, onFocus: this.handleClockFocus, onBlur: this.handleClockBlur, theme: this.clockFocused ? "light" : "dark" })))))), hAsync("span", { key: '03dd9556cf15a1645112922bc5c5a22190deb14f', id: this.selectedTimeInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '0df9e0c4bb1ee1058643e927556246907041b5e2', ref: (el) => (this.selectedTimeInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: 'bd18e257fa39d093878dc64fc2466cdbd27c93a3', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidTimeText, for: inputId, ariaLiveMode: validationAriaLive }))));
25253
+ }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (hAsync("div", { key: 'b58eabfe7be0739fa00aa1d8e2df1d99d1b15962', class: "show-clock-button-wrapper" }, hAsync("div", { key: 'd163b8f93b2e7e202366e42039a937f90be76046', class: { divider: showDivider, [size]: true } }), hAsync("ic-button", { key: '23da72a34150c2bcfc65d87187d8d3a0c149280a', id: "clock-button", "aria-label": "Display clock", "aria-haspopup": "dialog", class: "clock-button", disabled: this.disabled, innerHTML: Clock, variant: "icon-tertiary", size: size, onFocus: this.handleClockFocus, onBlur: this.handleClockBlur, theme: this.clockFocused ? "light" : "dark" })))))), hAsync("span", { key: '99ee1fb61cfe81d8bebb683d58fa5a3d23e1291f', id: this.selectedTimeInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '27462b7298ec4a8f7de200f479f779f65d0694e5', ref: (el) => (this.selectedTimeInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: 'f9e6ea4a8d8d09716036229db7e11e6c1c833d14', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidTimeText, for: inputId, ariaLiveMode: validationAriaLive }))));
25153
25254
  }
25154
25255
  static get delegatesFocus() { return true; }
25155
25256
  get el() { return getElement(this); }
@@ -25206,7 +25307,7 @@ class TimeInput {
25206
25307
  }; }
25207
25308
  }
25208
25309
 
25209
- 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}}";
25310
+ 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}}";
25210
25311
  var IcToastStyle0 = icToastCss;
25211
25312
 
25212
25313
  const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
@@ -25411,13 +25512,16 @@ class Toast {
25411
25512
  }
25412
25513
  render() {
25413
25514
  const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
25414
- 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: {
25515
+ return (hAsync(Host, { key: 'a51a1fe38c35d1efaca12289056be07a2d1e7c40', class: {
25516
+ ["ic-toast-hidden"]: !visible,
25517
+ [`ic-toast-variant-${variant}`]: variant !== undefined,
25518
+ }, 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: {
25415
25519
  ["divider"]: true,
25416
25520
  [`divider-${variant}`]: true,
25417
- } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '92552b4b1b4d5de15284d8f5382a56ed81a99d89', class: {
25521
+ } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '37b6615f1be94c52612cd89440c8d3421aee069d', class: {
25418
25522
  ["toast-content"]: true,
25419
25523
  ["no-icon"]: variant === "neutral" && !isSlotUsed$1(this.el, "neutral-icon"),
25420
- } }, 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$1(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 })))));
25524
+ } }, 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$1(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 })))));
25421
25525
  }
25422
25526
  get el() { return getElement(this); }
25423
25527
  static get watchers() { return {
@@ -25489,7 +25593,7 @@ class ToastRegion {
25489
25593
  }
25490
25594
  }
25491
25595
  render() {
25492
- return hAsync("slot", { key: 'fd1b79dd960a3c3caef1d90e1e1184e4e9fa0432' });
25596
+ return hAsync("slot", { key: '7c0c88d4aeb9e5141603885ce134e43674e341a9' });
25493
25597
  }
25494
25598
  get el() { return getElement(this); }
25495
25599
  static get watchers() { return {
@@ -25585,50 +25689,10 @@ class ToggleButton {
25585
25689
  };
25586
25690
  }
25587
25691
  watchDisabledHandler() {
25588
- removeDisabledFalse$1(this.disabled, this.el);
25692
+ this.syncPropsFromToggleButtonGroup();
25589
25693
  }
25590
25694
  componentWillLoad() {
25591
- var _a;
25592
- removeDisabledFalse$1(this.disabled, this.el);
25593
- if (!isSlottedInGroup(this.el))
25594
- return;
25595
- const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
25596
- if (!parentAttributes)
25597
- return;
25598
- for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
25599
- const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
25600
- if (!attribute)
25601
- continue;
25602
- switch (attribute.name) {
25603
- case TRACKED_ATTRIBUTES[0]:
25604
- this.loading = attribute.value !== "false";
25605
- break;
25606
- case TRACKED_ATTRIBUTES[1]:
25607
- this.disabled = attribute.value !== "false";
25608
- break;
25609
- case TRACKED_ATTRIBUTES[2]:
25610
- this.fullWidth = attribute.value !== "false";
25611
- break;
25612
- case TRACKED_ATTRIBUTES[3]:
25613
- this.iconPlacement = attribute.value;
25614
- break;
25615
- case TRACKED_ATTRIBUTES[4]:
25616
- this.variant = attribute.value;
25617
- break;
25618
- case TRACKED_ATTRIBUTES[5]:
25619
- this.size = attribute.value;
25620
- break;
25621
- case TRACKED_ATTRIBUTES[6]:
25622
- this.theme = attribute.value;
25623
- break;
25624
- case TRACKED_ATTRIBUTES[7]:
25625
- this.monochrome = attribute.value !== "false";
25626
- break;
25627
- case TRACKED_ATTRIBUTES[8]:
25628
- this.outline = attribute.value !== "false";
25629
- break;
25630
- }
25631
- }
25695
+ this.syncPropsFromToggleButtonGroup();
25632
25696
  }
25633
25697
  componentDidLoad() {
25634
25698
  onComponentRequiredPropUndefined$1([
@@ -25646,10 +25710,63 @@ class ToggleButton {
25646
25710
  this.checked = !this.checked;
25647
25711
  }
25648
25712
  }
25713
+ syncPropsFromToggleButtonGroup() {
25714
+ var _a;
25715
+ let groupDisabled = false;
25716
+ if (isSlottedInGroup(this.el)) {
25717
+ const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
25718
+ if (parentAttributes) {
25719
+ const groupDisabledAttr = parentAttributes.getNamedItem("disabled");
25720
+ if (groupDisabledAttr && groupDisabledAttr.value !== "false") {
25721
+ groupDisabled = true;
25722
+ }
25723
+ for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
25724
+ const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
25725
+ if (!attribute)
25726
+ continue;
25727
+ switch (attribute.name) {
25728
+ case TRACKED_ATTRIBUTES[0]:
25729
+ this.loading = attribute.value !== "false";
25730
+ break;
25731
+ case TRACKED_ATTRIBUTES[1]:
25732
+ this.disabled = groupDisabled
25733
+ ? true
25734
+ : attribute.value !== "false";
25735
+ break;
25736
+ case TRACKED_ATTRIBUTES[2]:
25737
+ this.fullWidth = attribute.value !== "false";
25738
+ break;
25739
+ case TRACKED_ATTRIBUTES[3]:
25740
+ this.iconPlacement = attribute.value;
25741
+ break;
25742
+ case TRACKED_ATTRIBUTES[4]:
25743
+ this.variant = attribute.value;
25744
+ break;
25745
+ case TRACKED_ATTRIBUTES[5]:
25746
+ this.size = attribute.value;
25747
+ break;
25748
+ case TRACKED_ATTRIBUTES[6]:
25749
+ this.theme = attribute.value;
25750
+ break;
25751
+ case TRACKED_ATTRIBUTES[7]:
25752
+ this.monochrome = attribute.value !== "false";
25753
+ break;
25754
+ case TRACKED_ATTRIBUTES[8]:
25755
+ this.outline = attribute.value !== "false";
25756
+ break;
25757
+ }
25758
+ }
25759
+ if (groupDisabled) {
25760
+ this.disabled = true;
25761
+ }
25762
+ }
25763
+ }
25764
+ removeDisabledFalse$1(this.disabled, this.el);
25765
+ }
25649
25766
  render() {
25650
25767
  const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
25651
25768
  const iconVariant = variant === "icon";
25652
- return (hAsync(Host, { key: '996e234f8829d4506354673ec53eb5a88b243caf', class: {
25769
+ return (hAsync(Host, { key: 'd61a2411c44e043dbc0d3adfdd4ef4c041c752b4', class: {
25653
25770
  "ic-toggle-button-checked": checked,
25654
25771
  "ic-toggle-button-disabled": disabled,
25655
25772
  "ic-toggle-button-icon": iconVariant,
@@ -25659,7 +25776,7 @@ class ToggleButton {
25659
25776
  "ic-toggle-button-hide-outline": !outline,
25660
25777
  [`ic-toggle-button-${size}`]: true,
25661
25778
  [`ic-theme-${theme}`]: theme !== "inherit",
25662
- }, 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$1(this.el, "icon") && (hAsync("slot", { key: '672197af20d7fa1d2f871f6175d2e01e97855a43', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '52e533530bb554faa55b950b992c4459d8f553e7', name: "badge", slot: "badge" })))));
25779
+ }, 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$1(this.el, "icon") && (hAsync("slot", { key: '1adacf752187c44bb6b16ee3464e57b626893048', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '2507afeda1b98c00a3801c8deddfb3f8c8c01a65', name: "badge", slot: "badge" })))));
25663
25780
  }
25664
25781
  static get delegatesFocus() { return true; }
25665
25782
  get el() { return getElement(this); }
@@ -25759,7 +25876,11 @@ class ToggleButtonGroup {
25759
25876
  };
25760
25877
  this.handleHostFocus = ({ target, relatedTarget }) => {
25761
25878
  var _a;
25762
- if (this.loading || this.disabled)
25879
+ if (this.disabled) {
25880
+ target === null || target === void 0 ? void 0 : target.blur();
25881
+ return;
25882
+ }
25883
+ if (this.loading)
25763
25884
  return;
25764
25885
  const el = target;
25765
25886
  const relEl = relatedTarget;
@@ -25920,14 +26041,14 @@ class ToggleButtonGroup {
25920
26041
  }
25921
26042
  render() {
25922
26043
  const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
25923
- return (hAsync(Host, { key: '0411fab0ff536df861d5d69e987a1bbdc25bd722', role: "group", "aria-label": accessibleLabel, tabindex: 0, class: {
26044
+ return (hAsync(Host, { key: 'e30331ed317fd44676069463cd4e6a9734d32e06', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
25924
26045
  "ic-toggle-button-group-disabled": disabled,
25925
26046
  "ic-toggle-button-group-full-width": fullWidth,
25926
26047
  "ic-toggle-button-group-loading": loading,
25927
26048
  "ic-toggle-button-group-monochrome": monochrome,
25928
26049
  "ic-toggle-button-group-hide-outline": !outline,
25929
26050
  [`ic-theme-${theme}`]: theme !== "inherit",
25930
- }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'a031963635f3c0513b7b3786b02c86b75ce1d9c1' })));
26051
+ }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '426072ed90d15741d2fcdb7f12bde3bd810e827b' })));
25931
26052
  }
25932
26053
  get el() { return getElement(this); }
25933
26054
  static get watchers() { return {
@@ -26183,10 +26304,10 @@ class Tooltip {
26183
26304
  }
26184
26305
  render() {
26185
26306
  const { label, maxLines, silent, theme } = this;
26186
- return (hAsync(Host, { key: '9e66710981ac51e4fae8ff9e6b8d30eb44870c3b', class: {
26307
+ return (hAsync(Host, { key: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {
26187
26308
  "ic-tooltip": true,
26188
26309
  [`ic-theme-${theme}`]: theme !== "inherit",
26189
- } }, 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' })));
26310
+ }, "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' })));
26190
26311
  }
26191
26312
  get el() { return getElement(this); }
26192
26313
  static get watchers() { return {
@@ -26436,16 +26557,16 @@ class TopNavigation {
26436
26557
  const attrs = Component == "a" && {
26437
26558
  href: href,
26438
26559
  };
26439
- return (hAsync(Host, { key: 'b0d2e6aebeb66ddb4ca659cfba83e2cdbd6ec3f4', class: {
26560
+ return (hAsync(Host, { key: 'ade1da5d58211501cd1d6747c46d105c49ef8e98', class: {
26440
26561
  "fullwidth-searchbar": hasFullWidthSearchBar,
26441
26562
  "mobile-mode": overMobileBreakpoint,
26442
26563
  [IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
26443
26564
  [`ic-theme-${theme}`]: theme !== "inherit",
26444
- } }, 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 &&
26565
+ } }, 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 &&
26445
26566
  (!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
26446
- `${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: {
26567
+ `${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: {
26447
26568
  inline,
26448
- } }, 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" }))))));
26569
+ } }, 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" }))))));
26449
26570
  }
26450
26571
  get el() { return getElement(this); }
26451
26572
  static get watchers() { return {
@@ -26773,7 +26894,7 @@ class TreeItem {
26773
26894
  rel: this.rel,
26774
26895
  target: this.target,
26775
26896
  };
26776
- return (hAsync(Host, { key: 'd255f1d49d96b7d81028f57d2d6970f61779178c', class: {
26897
+ return (hAsync(Host, { key: 'd48d3b150408d5029609fc4c394fa2e16ce668d0', class: {
26777
26898
  "ic-tree-item-disabled": disabled,
26778
26899
  "ic-tree-item-selected": !disabled && selected,
26779
26900
  [`ic-tree-item-${size}`]: size !== "medium",
@@ -26784,7 +26905,7 @@ class TreeItem {
26784
26905
  }, tabIndex: disabled ? -1 : 0, onClick: this.handleTreeItemClicked, ref: (el) => (this.treeItemElement = el), "aria-disabled": disabled ? "true" : "false", "aria-live": "polite" }, attrs, { onFocus: () => this.handleDisplayTooltip(true), onBlur: () => this.handleDisplayTooltip(false) }), this.isParent && (hAsync("span", { class: {
26785
26906
  ["arrow-dropdown"]: true,
26786
26907
  ["tree-item-expanded"]: expanded,
26787
- }, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: 'dd643489739fe645df8bb5914695188429948389', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: 'f0053e420c79af89cde77b7c30ee9b08fe0a53d0' })))));
26908
+ }, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: 'a1c8e6db2c7e0efc5b1fc99cedfdc42c7dbecb84', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: '174ca023b49f55e9b32d20de5fc468c911e4ec8f' })))));
26788
26909
  }
26789
26910
  get el() { return getElement(this); }
26790
26911
  static get watchers() { return {
@@ -27141,14 +27262,14 @@ class TreeView {
27141
27262
  }
27142
27263
  render() {
27143
27264
  const { heading, isLoaded, size, theme, truncateHeading } = this;
27144
- return (hAsync(Host, { key: '414d715e703585390a75012284474a32406b4c33', "context-id": this.treeViewId, class: {
27265
+ return (hAsync(Host, { key: 'd2fa56452bc904aedb2b8d484a9508af277223ea', "context-id": this.treeViewId, class: {
27145
27266
  [`ic-tree-view-${size}`]: size !== "medium",
27146
27267
  [`ic-theme-${theme}`]: theme !== "inherit",
27147
27268
  "ic-tree-view-truncate": truncateHeading,
27148
- }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '61415865200f228d82d4530f5e10b048743784c0', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '6f27b38e2c407bd061d7269dc196abfa0e4a383c', class: "icon-container" }, hAsync("slot", { key: '648111ac2e052d29cbaa1574d1c21fcdd24c3fff', name: "icon" }))), hAsync("ic-typography", { key: '37a578333ada372b77e2647f4f42ecac9897d16a', variant: "subtitle-large", class: {
27269
+ }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: 'd9ea7aeb8c1b4dc42b16167f76aab8c982f9efdf', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'a581b3caf7b103a126573c43e3d3cdadc16cbbd8', class: "icon-container" }, hAsync("slot", { key: 'ac2a55f26ae52f1a068060da5a62a002d53f9086', name: "icon" }))), hAsync("ic-typography", { key: 'f1e7b37d15fcd7a0f41b9525e42860eac73618ff', variant: "subtitle-large", class: {
27149
27270
  "tree-view-header": true,
27150
27271
  "with-padding": this.truncateHeading && !isLoaded,
27151
- } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '3039892aa557a89cbe9caf6c141c6b6254db5077' })));
27272
+ } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '0a4465186b1e22192380d74640a6e1e070d9679e' })));
27152
27273
  }
27153
27274
  get el() { return getElement(this); }
27154
27275
  static get watchers() { return {
@@ -27346,7 +27467,7 @@ class Typography {
27346
27467
  render() {
27347
27468
  var _a, _b;
27348
27469
  const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
27349
- return (hAsync(Host, { key: '305bed1ac7754985aacba1a23e9deff81691a69c', class: {
27470
+ return (hAsync(Host, { key: 'af405939b9fe0b1d4410d862343471b849e4fdd7', class: {
27350
27471
  [`ic-typography-${variant}`]: true,
27351
27472
  [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
27352
27473
  ["ic-typography-bold"]: !!bold,
@@ -27359,7 +27480,7 @@ class Typography {
27359
27480
  ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
27360
27481
  "IC-TOOLTIP") &&
27361
27482
  maxLines &&
27362
- 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"))));
27483
+ 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"))));
27363
27484
  }
27364
27485
  get el() { return getElement(this); }
27365
27486
  static get watchers() { return {