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

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 (578) hide show
  1. package/dist/cjs/core.cjs.js +2 -2
  2. package/dist/cjs/{date-helpers-c9551119.js → date-helpers-6f70dd03.js} +20 -66
  3. package/dist/cjs/date-helpers-6f70dd03.js.map +1 -0
  4. package/dist/cjs/{helpers-fc51fdcb.js → helpers-bec0dbd4.js} +2 -2
  5. package/dist/cjs/{helpers-fc51fdcb.js.map → helpers-bec0dbd4.js.map} +1 -1
  6. package/dist/cjs/{helpers-32016c21.js → helpers-d01564f7.js} +15 -15
  7. package/dist/cjs/helpers-d01564f7.js.map +1 -0
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js +2 -2
  9. package/dist/cjs/ic-accordion.cjs.entry.js +2 -2
  10. package/dist/cjs/ic-alert.cjs.entry.js +2 -2
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js +2 -2
  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 +2 -2
  15. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  16. package/dist/cjs/ic-button_3.cjs.entry.js +3 -3
  17. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-card-horizontal.cjs.entry.js +16 -12
  19. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-card-vertical.cjs.entry.js +3 -3
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-checkbox-group.cjs.entry.js +7 -7
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  24. package/dist/cjs/{ic-empty-state_2.cjs.entry.js → ic-checkbox_3.cjs.entry.js} +158 -24
  25. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -0
  26. package/dist/cjs/ic-chip.cjs.entry.js +3 -3
  27. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-classification-banner.cjs.entry.js +3 -3
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-data-list.cjs.entry.js +1 -1
  31. package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
  32. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  33. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-data-table.cjs.entry.js +310 -276
  35. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-date-input.cjs.entry.js +130 -148
  37. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-date-picker.cjs.entry.js +87 -70
  39. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-dialog.cjs.entry.js +38 -47
  41. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-divider.cjs.entry.js +2 -2
  43. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  44. package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
  45. package/dist/cjs/ic-footer.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-hero.cjs.entry.js +2 -2
  47. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -2
  48. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +3 -3
  49. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-input-label_2.cjs.entry.js +2 -2
  51. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  52. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  53. package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
  54. package/dist/cjs/ic-navigation-button.cjs.entry.js +2 -2
  55. package/dist/cjs/ic-navigation-group.cjs.entry.js +20 -17
  56. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
  58. package/dist/cjs/ic-navigation-menu.cjs.entry.js +6 -6
  59. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-page-header.cjs.entry.js +12 -11
  61. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-pagination_4.cjs.entry.js +46 -28
  63. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-popover-menu.cjs.entry.js +6 -6
  65. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-radio-group.cjs.entry.js +7 -7
  67. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-radio-option.cjs.entry.js +2 -2
  69. package/dist/cjs/ic-search-bar.cjs.entry.js +3 -3
  70. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-section-container.cjs.entry.js +3 -3
  72. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-side-navigation.cjs.entry.js +7 -7
  74. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-skeleton.cjs.entry.js +3 -3
  76. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-skip-link.cjs.entry.js +3 -3
  78. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -5
  80. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-step.cjs.entry.js +16 -16
  82. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-stepper.cjs.entry.js +4 -4
  84. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-switch.cjs.entry.js +6 -6
  86. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-tab-context.cjs.entry.js +2 -2
  88. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-tab-group.cjs.entry.js +4 -4
  90. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-tab-panel.cjs.entry.js +3 -3
  92. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  94. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-theme.cjs.entry.js +3 -3
  96. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-toast-region.cjs.entry.js +2 -2
  98. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-toast.cjs.entry.js +6 -6
  100. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +4 -4
  102. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-toggle-button.cjs.entry.js +5 -5
  104. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -9
  106. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tree-item.cjs.entry.js +35 -42
  108. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-tree-view.cjs.entry.js +25 -21
  110. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  112. package/dist/cjs/{index-8a24b20c.js → index-d337cd8a.js} +6 -11
  113. package/dist/cjs/index-d337cd8a.js.map +1 -0
  114. package/dist/cjs/loader.cjs.js +2 -2
  115. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +1 -1
  116. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +27 -23
  117. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  118. package/dist/collection/components/ic-data-table/ic-data-table.css +16 -0
  119. package/dist/collection/components/ic-data-table/ic-data-table.js +385 -330
  120. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  121. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +8 -9
  122. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -1
  123. package/dist/collection/components/ic-data-table/story-data.js +13 -14
  124. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  125. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +9 -9
  126. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  127. package/dist/collection/components/ic-date-input/ic-date-input.js +166 -183
  128. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  129. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +1 -1
  130. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -1
  131. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +6 -3
  132. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -1
  133. package/dist/collection/components/ic-date-picker/ic-date-picker.js +109 -92
  134. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  135. package/dist/collection/components/ic-date-picker/ic-day-button.js +1 -1
  136. package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -1
  137. package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -1
  138. package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -1
  139. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +41 -38
  141. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  142. package/dist/collection/components/ic-tree-item/ic-tree-item.js +45 -52
  143. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  144. package/dist/collection/components/ic-tree-view/ic-tree-view.js +29 -25
  145. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  146. package/dist/collection/utils/date-helpers.js +19 -61
  147. package/dist/collection/utils/date-helpers.js.map +1 -1
  148. package/dist/collection/utils/helpers.js +44 -61
  149. package/dist/collection/utils/helpers.js.map +1 -1
  150. package/dist/collection/utils/testa11y.helpers.js +2 -1
  151. package/dist/collection/utils/testa11y.helpers.js.map +1 -1
  152. package/dist/components/helpers2.js +13 -13
  153. package/dist/components/helpers2.js.map +1 -1
  154. package/dist/components/ic-badge.js +1 -1
  155. package/dist/components/ic-badge.js.map +1 -1
  156. package/dist/components/ic-button2.js +1 -1
  157. package/dist/components/ic-button2.js.map +1 -1
  158. package/dist/components/ic-card-horizontal.js +14 -10
  159. package/dist/components/ic-card-horizontal.js.map +1 -1
  160. package/dist/components/ic-card-vertical.js +1 -1
  161. package/dist/components/ic-card-vertical.js.map +1 -1
  162. package/dist/components/ic-checkbox-group.js +5 -5
  163. package/dist/components/ic-checkbox-group.js.map +1 -1
  164. package/dist/components/ic-checkbox.js +1 -175
  165. package/dist/components/ic-checkbox.js.map +1 -1
  166. package/dist/{esm/ic-checkbox.entry.js → components/ic-checkbox2.js} +53 -11
  167. package/dist/components/ic-checkbox2.js.map +1 -0
  168. package/dist/components/ic-chip.js +1 -1
  169. package/dist/components/ic-chip.js.map +1 -1
  170. package/dist/components/ic-classification-banner.js +2 -2
  171. package/dist/components/ic-classification-banner.js.map +1 -1
  172. package/dist/components/ic-data-table-title-bar.js +5 -5
  173. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  174. package/dist/components/ic-data-table.js +319 -279
  175. package/dist/components/ic-data-table.js.map +1 -1
  176. package/dist/components/ic-date-input2.js +146 -210
  177. package/dist/components/ic-date-input2.js.map +1 -1
  178. package/dist/components/ic-date-picker.js +84 -67
  179. package/dist/components/ic-date-picker.js.map +1 -1
  180. package/dist/components/ic-dialog.js +38 -47
  181. package/dist/components/ic-dialog.js.map +1 -1
  182. package/dist/components/ic-input-component-container2.js +1 -1
  183. package/dist/components/ic-input-component-container2.js.map +1 -1
  184. package/dist/components/ic-navigation-group.js +19 -15
  185. package/dist/components/ic-navigation-group.js.map +1 -1
  186. package/dist/components/ic-navigation-menu2.js +4 -4
  187. package/dist/components/ic-navigation-menu2.js.map +1 -1
  188. package/dist/components/ic-page-header.js +10 -9
  189. package/dist/components/ic-page-header.js.map +1 -1
  190. package/dist/components/ic-pagination-bar2.js +22 -20
  191. package/dist/components/ic-pagination-bar2.js.map +1 -1
  192. package/dist/components/ic-pagination-item2.js +2 -2
  193. package/dist/components/ic-pagination-item2.js.map +1 -1
  194. package/dist/components/ic-pagination2.js +5 -5
  195. package/dist/components/ic-pagination2.js.map +1 -1
  196. package/dist/components/ic-popover-menu.js +4 -4
  197. package/dist/components/ic-popover-menu.js.map +1 -1
  198. package/dist/components/ic-radio-group.js +5 -5
  199. package/dist/components/ic-radio-group.js.map +1 -1
  200. package/dist/components/ic-search-bar.js +1 -1
  201. package/dist/components/ic-search-bar.js.map +1 -1
  202. package/dist/components/ic-section-container2.js +2 -2
  203. package/dist/components/ic-section-container2.js.map +1 -1
  204. package/dist/components/ic-select2.js +6 -6
  205. package/dist/components/ic-select2.js.map +1 -1
  206. package/dist/components/ic-side-navigation.js +5 -5
  207. package/dist/components/ic-side-navigation.js.map +1 -1
  208. package/dist/components/ic-skeleton.js +2 -2
  209. package/dist/components/ic-skeleton.js.map +1 -1
  210. package/dist/components/ic-skip-link.js +2 -2
  211. package/dist/components/ic-skip-link.js.map +1 -1
  212. package/dist/components/ic-status-tag.js +3 -3
  213. package/dist/components/ic-status-tag.js.map +1 -1
  214. package/dist/components/ic-step.js +14 -14
  215. package/dist/components/ic-step.js.map +1 -1
  216. package/dist/components/ic-stepper.js +2 -2
  217. package/dist/components/ic-stepper.js.map +1 -1
  218. package/dist/components/ic-switch.js +4 -4
  219. package/dist/components/ic-switch.js.map +1 -1
  220. package/dist/components/ic-tab-context.js +1 -1
  221. package/dist/components/ic-tab-context.js.map +1 -1
  222. package/dist/components/ic-tab-group.js +2 -2
  223. package/dist/components/ic-tab-group.js.map +1 -1
  224. package/dist/components/ic-tab-panel.js +2 -2
  225. package/dist/components/ic-tab-panel.js.map +1 -1
  226. package/dist/components/ic-tab.js +1 -1
  227. package/dist/components/ic-tab.js.map +1 -1
  228. package/dist/components/ic-text-field2.js +35 -13
  229. package/dist/components/ic-text-field2.js.map +1 -1
  230. package/dist/components/ic-theme.js +1 -1
  231. package/dist/components/ic-theme.js.map +1 -1
  232. package/dist/components/ic-toast-region.js +1 -1
  233. package/dist/components/ic-toast-region.js.map +1 -1
  234. package/dist/components/ic-toast.js +4 -4
  235. package/dist/components/ic-toast.js.map +1 -1
  236. package/dist/components/ic-toggle-button-group.js +2 -2
  237. package/dist/components/ic-toggle-button-group.js.map +1 -1
  238. package/dist/components/ic-toggle-button.js +3 -3
  239. package/dist/components/ic-toggle-button.js.map +1 -1
  240. package/dist/components/ic-top-navigation.js +3 -7
  241. package/dist/components/ic-top-navigation.js.map +1 -1
  242. package/dist/components/ic-tree-item.js +33 -40
  243. package/dist/components/ic-tree-item.js.map +1 -1
  244. package/dist/components/ic-tree-view.js +23 -19
  245. package/dist/components/ic-tree-view.js.map +1 -1
  246. package/dist/core/core.css +347 -245
  247. package/dist/core/core.esm.js +1 -1
  248. package/dist/core/core.esm.js.map +1 -1
  249. package/dist/core/{p-8d73a3cc.entry.js → p-0616dfbe.entry.js} +2 -2
  250. package/dist/core/p-0616dfbe.entry.js.map +1 -0
  251. package/dist/core/{p-b17e7059.entry.js → p-06bf2cea.entry.js} +2 -2
  252. package/dist/core/{p-b17e7059.entry.js.map → p-06bf2cea.entry.js.map} +1 -1
  253. package/dist/core/{p-f2f7299b.entry.js → p-071f4748.entry.js} +2 -2
  254. package/dist/core/{p-f2f7299b.entry.js.map → p-071f4748.entry.js.map} +1 -1
  255. package/dist/core/p-09e8b002.entry.js +2 -0
  256. package/dist/core/p-09e8b002.entry.js.map +1 -0
  257. package/dist/core/{p-b18a5861.entry.js → p-110486f0.entry.js} +2 -2
  258. package/dist/core/{p-b18a5861.entry.js.map → p-110486f0.entry.js.map} +1 -1
  259. package/dist/core/p-19ecd2a6.entry.js +2 -0
  260. package/dist/core/p-19ecd2a6.entry.js.map +1 -0
  261. package/dist/core/p-1a2b4803.entry.js +2 -0
  262. package/dist/core/p-1a2b4803.entry.js.map +1 -0
  263. package/dist/core/{p-32720276.entry.js → p-1bbae4b3.entry.js} +2 -2
  264. package/dist/core/{p-0fd762bf.entry.js → p-1f415138.entry.js} +2 -2
  265. package/dist/core/p-1f415138.entry.js.map +1 -0
  266. package/dist/core/{p-b8aa37f9.entry.js → p-20bd48cf.entry.js} +2 -2
  267. package/dist/core/{p-be5ad372.entry.js → p-21193099.entry.js} +2 -2
  268. package/dist/core/p-264335c5.entry.js +2 -0
  269. package/dist/core/p-264335c5.entry.js.map +1 -0
  270. package/dist/core/{p-a214a9f8.entry.js → p-30a5b319.entry.js} +2 -2
  271. package/dist/core/{p-a214a9f8.entry.js.map → p-30a5b319.entry.js.map} +1 -1
  272. package/dist/core/{p-9f4fa820.entry.js → p-3244a174.entry.js} +2 -2
  273. package/dist/core/{p-9f4fa820.entry.js.map → p-3244a174.entry.js.map} +1 -1
  274. package/dist/core/{p-5dc25d11.entry.js → p-37df68fe.entry.js} +2 -2
  275. package/dist/core/{p-5dc25d11.entry.js.map → p-37df68fe.entry.js.map} +1 -1
  276. package/dist/core/{p-3e9564b5.entry.js → p-39269b62.entry.js} +2 -2
  277. package/dist/core/p-3955fa94.entry.js +2 -0
  278. package/dist/core/p-3955fa94.entry.js.map +1 -0
  279. package/dist/core/p-3f185257.entry.js +2 -0
  280. package/dist/core/p-3f185257.entry.js.map +1 -0
  281. package/dist/core/p-401f0043.entry.js +2 -0
  282. package/dist/core/{p-144b1dee.entry.js.map → p-401f0043.entry.js.map} +1 -1
  283. package/dist/core/{p-da798f58.entry.js → p-44ac8f8a.entry.js} +2 -2
  284. package/dist/core/{p-afc4ce53.entry.js → p-4d39cab8.entry.js} +2 -2
  285. package/dist/core/{p-fd006a9b.entry.js → p-4e187a11.entry.js} +2 -2
  286. package/dist/core/{p-d154b26c.entry.js → p-50324682.entry.js} +2 -2
  287. package/dist/core/{p-cd9e1ffa.entry.js → p-50f4d151.entry.js} +2 -2
  288. package/dist/core/{p-cd9e1ffa.entry.js.map → p-50f4d151.entry.js.map} +1 -1
  289. package/dist/core/{p-22e0ed96.entry.js → p-5796b6cd.entry.js} +2 -2
  290. package/dist/core/{p-96551ddf.entry.js → p-57c80527.entry.js} +2 -2
  291. package/dist/core/p-59aed40c.entry.js +2 -0
  292. package/dist/core/p-59aed40c.entry.js.map +1 -0
  293. package/dist/core/{p-b6db0cc1.entry.js → p-60d15d35.entry.js} +2 -2
  294. package/dist/core/p-65d3a515.entry.js +2 -0
  295. package/dist/core/{p-c4f7e479.entry.js.map → p-65d3a515.entry.js.map} +1 -1
  296. package/dist/core/{p-272352cb.entry.js → p-6aa1e928.entry.js} +2 -2
  297. package/dist/core/p-6e0f93c5.entry.js +2 -0
  298. package/dist/core/p-6e0f93c5.entry.js.map +1 -0
  299. package/dist/core/p-6f6d793f.entry.js +2 -0
  300. package/dist/core/p-6f6d793f.entry.js.map +1 -0
  301. package/dist/core/{p-507ec499.entry.js → p-701696aa.entry.js} +2 -2
  302. package/dist/core/{p-507ec499.entry.js.map → p-701696aa.entry.js.map} +1 -1
  303. package/dist/core/{p-1334a78f.entry.js → p-73e41eac.entry.js} +2 -2
  304. package/dist/core/p-7bbd9fcb.entry.js +2 -0
  305. package/dist/core/p-7bbd9fcb.entry.js.map +1 -0
  306. package/dist/core/p-7d054704.js +2 -0
  307. package/dist/core/p-7d054704.js.map +1 -0
  308. package/dist/core/{p-08fd225f.entry.js → p-857c46c0.entry.js} +2 -2
  309. package/dist/core/p-858dd362.entry.js +2 -0
  310. package/dist/core/p-858dd362.entry.js.map +1 -0
  311. package/dist/core/{p-0e3cb8d0.entry.js → p-8856dff4.entry.js} +2 -2
  312. package/dist/core/p-8c5a23b4.entry.js +2 -0
  313. package/dist/core/p-8c5a23b4.entry.js.map +1 -0
  314. package/dist/core/{p-00135a74.js → p-8e4e97b4.js} +3 -3
  315. package/dist/core/p-8e4e97b4.js.map +1 -0
  316. package/dist/core/{p-762a4d7c.entry.js → p-91dc6ad3.entry.js} +2 -2
  317. package/dist/core/{p-0c3bd9e6.entry.js → p-94427b50.entry.js} +2 -2
  318. package/dist/core/{p-e13b43b1.entry.js → p-9cf7494c.entry.js} +2 -2
  319. package/dist/core/{p-0848efa2.entry.js → p-a2671eb0.entry.js} +2 -2
  320. package/dist/core/p-a2fcea60.entry.js +2 -0
  321. package/dist/core/p-a2fcea60.entry.js.map +1 -0
  322. package/dist/core/p-a5ee9c8d.entry.js +2 -0
  323. package/dist/core/p-a5ee9c8d.entry.js.map +1 -0
  324. package/dist/core/{p-a4582939.entry.js → p-a88369e1.entry.js} +2 -2
  325. package/dist/core/p-a88369e1.entry.js.map +1 -0
  326. package/dist/core/{p-a30d165d.entry.js → p-af405fc0.entry.js} +2 -2
  327. package/dist/core/p-af405fc0.entry.js.map +1 -0
  328. package/dist/core/{p-5d85bd73.entry.js → p-b953b22f.entry.js} +2 -2
  329. package/dist/core/{p-5d85bd73.entry.js.map → p-b953b22f.entry.js.map} +1 -1
  330. package/dist/core/p-bb9142fe.entry.js +2 -0
  331. package/dist/core/{p-a13dc5ba.entry.js.map → p-bb9142fe.entry.js.map} +1 -1
  332. package/dist/core/{p-60a0c711.entry.js → p-bfdefe7a.entry.js} +2 -2
  333. package/dist/core/{p-60a0c711.entry.js.map → p-bfdefe7a.entry.js.map} +1 -1
  334. package/dist/core/p-c4baa405.entry.js +2 -0
  335. package/dist/core/p-c4baa405.entry.js.map +1 -0
  336. package/dist/core/p-c86ca475.js +2 -0
  337. package/dist/core/p-c86ca475.js.map +1 -0
  338. package/dist/core/p-cda2a461.entry.js +2 -0
  339. package/dist/core/p-cda2a461.entry.js.map +1 -0
  340. package/dist/core/{p-ef25bb6d.entry.js → p-ce83c802.entry.js} +2 -2
  341. package/dist/core/{p-ef25bb6d.entry.js.map → p-ce83c802.entry.js.map} +1 -1
  342. package/dist/core/p-cea17764.entry.js +2 -0
  343. package/dist/core/{p-4e5934f3.entry.js.map → p-cea17764.entry.js.map} +1 -1
  344. package/dist/core/{p-f541034c.entry.js → p-d0768256.entry.js} +2 -2
  345. package/dist/core/p-d2d6f1eb.entry.js +2 -0
  346. package/dist/core/p-d2d6f1eb.entry.js.map +1 -0
  347. package/dist/core/{p-48163a2a.entry.js → p-d4628704.entry.js} +2 -2
  348. package/dist/core/{p-48163a2a.entry.js.map → p-d4628704.entry.js.map} +1 -1
  349. package/dist/core/{p-0f6b9686.js → p-e246d84b.js} +2 -2
  350. package/dist/core/p-e4fa4ee5.entry.js +2 -0
  351. package/dist/core/p-e4fa4ee5.entry.js.map +1 -0
  352. package/dist/core/{p-3d1ba098.entry.js → p-e6779171.entry.js} +2 -2
  353. package/dist/core/{p-fd42f129.entry.js → p-e8bb1522.entry.js} +2 -2
  354. package/dist/core/p-e8bb1522.entry.js.map +1 -0
  355. package/dist/core/{p-4da17eda.entry.js → p-f42ca69f.entry.js} +2 -2
  356. package/dist/core/{p-895a3eb1.entry.js → p-f5e9c8c8.entry.js} +2 -2
  357. package/dist/core/p-f5e9c8c8.entry.js.map +1 -0
  358. package/dist/core/{p-0e119312.entry.js → p-fa02a267.entry.js} +2 -2
  359. package/dist/core/{p-0e119312.entry.js.map → p-fa02a267.entry.js.map} +1 -1
  360. package/dist/esm/core.js +3 -3
  361. package/dist/esm/{date-helpers-0e5e32a7.js → date-helpers-3b8c39ab.js} +20 -66
  362. package/dist/esm/date-helpers-3b8c39ab.js.map +1 -0
  363. package/dist/esm/{helpers-bbab69a2.js → helpers-bf471ace.js} +3 -3
  364. package/dist/esm/{helpers-bbab69a2.js.map → helpers-bf471ace.js.map} +1 -1
  365. package/dist/esm/{helpers-5479985d.js → helpers-ddc2008a.js} +16 -16
  366. package/dist/esm/helpers-ddc2008a.js.map +1 -0
  367. package/dist/esm/ic-accordion-group.entry.js +2 -2
  368. package/dist/esm/ic-accordion.entry.js +2 -2
  369. package/dist/esm/ic-alert.entry.js +2 -2
  370. package/dist/esm/ic-back-to-top.entry.js +2 -2
  371. package/dist/esm/ic-badge.entry.js +3 -3
  372. package/dist/esm/ic-badge.entry.js.map +1 -1
  373. package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
  374. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  375. package/dist/esm/ic-button_3.entry.js +3 -3
  376. package/dist/esm/ic-button_3.entry.js.map +1 -1
  377. package/dist/esm/ic-card-horizontal.entry.js +16 -12
  378. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  379. package/dist/esm/ic-card-vertical.entry.js +3 -3
  380. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  381. package/dist/esm/ic-checkbox-group.entry.js +7 -7
  382. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  383. package/dist/esm/{ic-empty-state_2.entry.js → ic-checkbox_3.entry.js} +158 -25
  384. package/dist/esm/ic-checkbox_3.entry.js.map +1 -0
  385. package/dist/esm/ic-chip.entry.js +3 -3
  386. package/dist/esm/ic-chip.entry.js.map +1 -1
  387. package/dist/esm/ic-classification-banner.entry.js +3 -3
  388. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  389. package/dist/esm/ic-data-list.entry.js +1 -1
  390. package/dist/esm/ic-data-row.entry.js +2 -2
  391. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  392. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  393. package/dist/esm/ic-data-table.entry.js +310 -276
  394. package/dist/esm/ic-data-table.entry.js.map +1 -1
  395. package/dist/esm/ic-date-input.entry.js +130 -148
  396. package/dist/esm/ic-date-input.entry.js.map +1 -1
  397. package/dist/esm/ic-date-picker.entry.js +87 -70
  398. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  399. package/dist/esm/ic-dialog.entry.js +38 -47
  400. package/dist/esm/ic-dialog.entry.js.map +1 -1
  401. package/dist/esm/ic-divider.entry.js +2 -2
  402. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  403. package/dist/esm/ic-footer-link.entry.js +2 -2
  404. package/dist/esm/ic-footer.entry.js +2 -2
  405. package/dist/esm/ic-hero.entry.js +2 -2
  406. package/dist/esm/ic-horizontal-scroll.entry.js +2 -2
  407. package/dist/esm/ic-input-component-container_3.entry.js +3 -3
  408. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  409. package/dist/esm/ic-input-label_2.entry.js +2 -2
  410. package/dist/esm/ic-link.entry.js +2 -2
  411. package/dist/esm/ic-menu-group.entry.js +2 -2
  412. package/dist/esm/ic-menu-item.entry.js +2 -2
  413. package/dist/esm/ic-navigation-button.entry.js +2 -2
  414. package/dist/esm/ic-navigation-group.entry.js +20 -17
  415. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  416. package/dist/esm/ic-navigation-item.entry.js +2 -2
  417. package/dist/esm/ic-navigation-menu.entry.js +6 -6
  418. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  419. package/dist/esm/ic-page-header.entry.js +12 -11
  420. package/dist/esm/ic-page-header.entry.js.map +1 -1
  421. package/dist/esm/ic-pagination_4.entry.js +46 -28
  422. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  423. package/dist/esm/ic-popover-menu.entry.js +6 -6
  424. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  425. package/dist/esm/ic-radio-group.entry.js +7 -7
  426. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  427. package/dist/esm/ic-radio-option.entry.js +2 -2
  428. package/dist/esm/ic-search-bar.entry.js +3 -3
  429. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  430. package/dist/esm/ic-section-container.entry.js +3 -3
  431. package/dist/esm/ic-section-container.entry.js.map +1 -1
  432. package/dist/esm/ic-side-navigation.entry.js +7 -7
  433. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  434. package/dist/esm/ic-skeleton.entry.js +3 -3
  435. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  436. package/dist/esm/ic-skip-link.entry.js +3 -3
  437. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  438. package/dist/esm/ic-status-tag.entry.js +5 -5
  439. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  440. package/dist/esm/ic-step.entry.js +16 -16
  441. package/dist/esm/ic-step.entry.js.map +1 -1
  442. package/dist/esm/ic-stepper.entry.js +4 -4
  443. package/dist/esm/ic-stepper.entry.js.map +1 -1
  444. package/dist/esm/ic-switch.entry.js +6 -6
  445. package/dist/esm/ic-switch.entry.js.map +1 -1
  446. package/dist/esm/ic-tab-context.entry.js +2 -2
  447. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  448. package/dist/esm/ic-tab-group.entry.js +4 -4
  449. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  450. package/dist/esm/ic-tab-panel.entry.js +3 -3
  451. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  452. package/dist/esm/ic-tab.entry.js +3 -3
  453. package/dist/esm/ic-tab.entry.js.map +1 -1
  454. package/dist/esm/ic-theme.entry.js +3 -3
  455. package/dist/esm/ic-theme.entry.js.map +1 -1
  456. package/dist/esm/ic-toast-region.entry.js +2 -2
  457. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  458. package/dist/esm/ic-toast.entry.js +6 -6
  459. package/dist/esm/ic-toast.entry.js.map +1 -1
  460. package/dist/esm/ic-toggle-button-group.entry.js +4 -4
  461. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  462. package/dist/esm/ic-toggle-button.entry.js +5 -5
  463. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  464. package/dist/esm/ic-top-navigation.entry.js +5 -9
  465. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  466. package/dist/esm/ic-tree-item.entry.js +35 -42
  467. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  468. package/dist/esm/ic-tree-view.entry.js +25 -21
  469. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  470. package/dist/esm/ic-typography.entry.js +2 -2
  471. package/dist/esm/{index-163fe708.js → index-a7a720e7.js} +6 -11
  472. package/dist/esm/index-a7a720e7.js.map +1 -0
  473. package/dist/esm/loader.js +3 -3
  474. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +3 -3
  475. package/dist/types/components/ic-data-table/ic-data-table.d.ts +30 -20
  476. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +3 -9
  477. package/dist/types/components/ic-data-table/story-data.d.ts +15 -4
  478. package/dist/types/components/ic-date-input/ic-date-input.d.ts +34 -28
  479. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +14 -12
  480. package/dist/types/components/ic-date-picker/ic-day-button.d.ts +2 -2
  481. package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +3 -3
  482. package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +3 -3
  483. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +2 -2
  484. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +3 -3
  485. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +4 -4
  486. package/dist/types/components.d.ts +95 -72
  487. package/dist/types/utils/date-helpers.d.ts +4 -4
  488. package/dist/types/utils/helpers.d.ts +6 -15
  489. package/hydrate/index.js +847 -844
  490. package/hydrate/index.mjs +847 -844
  491. package/package.json +3 -3
  492. package/dist/cjs/date-helpers-c9551119.js.map +0 -1
  493. package/dist/cjs/helpers-32016c21.js.map +0 -1
  494. package/dist/cjs/ic-checkbox.cjs.entry.js +0 -141
  495. package/dist/cjs/ic-checkbox.cjs.entry.js.map +0 -1
  496. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +0 -1
  497. package/dist/cjs/index-8a24b20c.js.map +0 -1
  498. package/dist/core/p-00135a74.js.map +0 -1
  499. package/dist/core/p-0ad472d0.entry.js +0 -2
  500. package/dist/core/p-0ad472d0.entry.js.map +0 -1
  501. package/dist/core/p-0c97a53d.entry.js +0 -2
  502. package/dist/core/p-0c97a53d.entry.js.map +0 -1
  503. package/dist/core/p-0efeab8a.entry.js +0 -2
  504. package/dist/core/p-0efeab8a.entry.js.map +0 -1
  505. package/dist/core/p-0fd762bf.entry.js.map +0 -1
  506. package/dist/core/p-144b1dee.entry.js +0 -2
  507. package/dist/core/p-1cf61bf2.entry.js +0 -2
  508. package/dist/core/p-1cf61bf2.entry.js.map +0 -1
  509. package/dist/core/p-250bf568.entry.js +0 -2
  510. package/dist/core/p-250bf568.entry.js.map +0 -1
  511. package/dist/core/p-33dd24eb.js +0 -2
  512. package/dist/core/p-33dd24eb.js.map +0 -1
  513. package/dist/core/p-4e5934f3.entry.js +0 -2
  514. package/dist/core/p-4f00aa91.entry.js +0 -2
  515. package/dist/core/p-4f00aa91.entry.js.map +0 -1
  516. package/dist/core/p-54e01fad.entry.js +0 -2
  517. package/dist/core/p-54e01fad.entry.js.map +0 -1
  518. package/dist/core/p-6040a025.entry.js +0 -2
  519. package/dist/core/p-6040a025.entry.js.map +0 -1
  520. package/dist/core/p-62f7f2bd.entry.js +0 -2
  521. package/dist/core/p-62f7f2bd.entry.js.map +0 -1
  522. package/dist/core/p-6eaf585a.entry.js +0 -2
  523. package/dist/core/p-6eaf585a.entry.js.map +0 -1
  524. package/dist/core/p-72310da8.js +0 -2
  525. package/dist/core/p-72310da8.js.map +0 -1
  526. package/dist/core/p-836d302a.entry.js +0 -2
  527. package/dist/core/p-836d302a.entry.js.map +0 -1
  528. package/dist/core/p-881bb783.entry.js +0 -2
  529. package/dist/core/p-881bb783.entry.js.map +0 -1
  530. package/dist/core/p-895a3eb1.entry.js.map +0 -1
  531. package/dist/core/p-8d73a3cc.entry.js.map +0 -1
  532. package/dist/core/p-9a46b1e5.entry.js +0 -2
  533. package/dist/core/p-9a46b1e5.entry.js.map +0 -1
  534. package/dist/core/p-a13dc5ba.entry.js +0 -2
  535. package/dist/core/p-a30d165d.entry.js.map +0 -1
  536. package/dist/core/p-a4582939.entry.js.map +0 -1
  537. package/dist/core/p-a7f95a61.entry.js +0 -2
  538. package/dist/core/p-a7f95a61.entry.js.map +0 -1
  539. package/dist/core/p-a81c9048.entry.js +0 -2
  540. package/dist/core/p-a81c9048.entry.js.map +0 -1
  541. package/dist/core/p-c0687222.entry.js +0 -2
  542. package/dist/core/p-c0687222.entry.js.map +0 -1
  543. package/dist/core/p-c2aef5cc.entry.js +0 -2
  544. package/dist/core/p-c2aef5cc.entry.js.map +0 -1
  545. package/dist/core/p-c4f7e479.entry.js +0 -2
  546. package/dist/core/p-fb11ce9b.entry.js +0 -2
  547. package/dist/core/p-fb11ce9b.entry.js.map +0 -1
  548. package/dist/core/p-fba58c42.entry.js +0 -2
  549. package/dist/core/p-fba58c42.entry.js.map +0 -1
  550. package/dist/core/p-fd42f129.entry.js.map +0 -1
  551. package/dist/esm/date-helpers-0e5e32a7.js.map +0 -1
  552. package/dist/esm/helpers-5479985d.js.map +0 -1
  553. package/dist/esm/ic-checkbox.entry.js.map +0 -1
  554. package/dist/esm/ic-empty-state_2.entry.js.map +0 -1
  555. package/dist/esm/index-163fe708.js.map +0 -1
  556. /package/dist/core/{p-32720276.entry.js.map → p-1bbae4b3.entry.js.map} +0 -0
  557. /package/dist/core/{p-b8aa37f9.entry.js.map → p-20bd48cf.entry.js.map} +0 -0
  558. /package/dist/core/{p-be5ad372.entry.js.map → p-21193099.entry.js.map} +0 -0
  559. /package/dist/core/{p-3e9564b5.entry.js.map → p-39269b62.entry.js.map} +0 -0
  560. /package/dist/core/{p-da798f58.entry.js.map → p-44ac8f8a.entry.js.map} +0 -0
  561. /package/dist/core/{p-afc4ce53.entry.js.map → p-4d39cab8.entry.js.map} +0 -0
  562. /package/dist/core/{p-fd006a9b.entry.js.map → p-4e187a11.entry.js.map} +0 -0
  563. /package/dist/core/{p-d154b26c.entry.js.map → p-50324682.entry.js.map} +0 -0
  564. /package/dist/core/{p-22e0ed96.entry.js.map → p-5796b6cd.entry.js.map} +0 -0
  565. /package/dist/core/{p-96551ddf.entry.js.map → p-57c80527.entry.js.map} +0 -0
  566. /package/dist/core/{p-b6db0cc1.entry.js.map → p-60d15d35.entry.js.map} +0 -0
  567. /package/dist/core/{p-272352cb.entry.js.map → p-6aa1e928.entry.js.map} +0 -0
  568. /package/dist/core/{p-1334a78f.entry.js.map → p-73e41eac.entry.js.map} +0 -0
  569. /package/dist/core/{p-08fd225f.entry.js.map → p-857c46c0.entry.js.map} +0 -0
  570. /package/dist/core/{p-0e3cb8d0.entry.js.map → p-8856dff4.entry.js.map} +0 -0
  571. /package/dist/core/{p-762a4d7c.entry.js.map → p-91dc6ad3.entry.js.map} +0 -0
  572. /package/dist/core/{p-0c3bd9e6.entry.js.map → p-94427b50.entry.js.map} +0 -0
  573. /package/dist/core/{p-e13b43b1.entry.js.map → p-9cf7494c.entry.js.map} +0 -0
  574. /package/dist/core/{p-0848efa2.entry.js.map → p-a2671eb0.entry.js.map} +0 -0
  575. /package/dist/core/{p-f541034c.entry.js.map → p-d0768256.entry.js.map} +0 -0
  576. /package/dist/core/{p-0f6b9686.js.map → p-e246d84b.js.map} +0 -0
  577. /package/dist/core/{p-3d1ba098.entry.js.map → p-e6779171.entry.js.map} +0 -0
  578. /package/dist/core/{p-4da17eda.entry.js.map → p-f42ca69f.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -128,7 +128,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
128
128
 
129
129
 
130
130
  const NAMESPACE = 'core';
131
- const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
131
+ const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
132
132
 
133
133
  /*
134
134
  Stencil Hydrate Platform v4.26.0 | MIT Licensed | https://stenciljs.com
@@ -2479,7 +2479,6 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
2479
2479
  };
2480
2480
  var getHostListenerTarget = (elm, flags) => {
2481
2481
  if (flags & 4 /* TargetDocument */) return doc;
2482
- if (flags & 8 /* TargetWindow */) return win;
2483
2482
  return elm;
2484
2483
  };
2485
2484
  var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
@@ -4297,7 +4296,7 @@ class BackToTop {
4297
4296
  }; }
4298
4297
  }
4299
4298
 
4300
- const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
4299
+ const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
4301
4300
  var IcBadgeStyle0 = icBadgeCss;
4302
4301
 
4303
4302
  const NAVIGATION_BUTTON = "IC-NAVIGATION-BUTTON";
@@ -4877,7 +4876,7 @@ var arrowDropdown$1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
4877
4876
  <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
4878
4877
  </svg>`;
4879
4878
 
4880
- const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
4879
+ const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-active\n )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover-dark\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed-dark\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
4881
4880
  var IcButtonStyle0 = icButtonCss;
4882
4881
 
4883
4882
  var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
@@ -5417,6 +5416,11 @@ var IcWeekDays;
5417
5416
  IcWeekDays[IcWeekDays["Saturday"] = 6] = "Saturday";
5418
5417
  })(IcWeekDays || (IcWeekDays = {}));
5419
5418
 
5419
+ /**
5420
+ * To investigate:
5421
+ * IcColorRGBA works via @ukic/web-components but IcBrandForegroundEnum does not even though they are exported
5422
+ * from @ukic/web-components in the same file. Why?
5423
+ */
5420
5424
  /**
5421
5425
  * converts an enum of strings into an array of strings
5422
5426
  */
@@ -5465,7 +5469,7 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
5465
5469
  input.disabled = disabled;
5466
5470
  input.name = name;
5467
5471
  if (value instanceof Date) {
5468
- input.value = value ? value.toISOString() : null;
5472
+ input.value = value ? value.toISOString() : "";
5469
5473
  }
5470
5474
  else {
5471
5475
  input.value = value || "";
@@ -5487,10 +5491,10 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
5487
5491
  const getBrandFromContext = (el, brandFromEvent = null) => {
5488
5492
  var _a;
5489
5493
  const parentElement = el.parentElement || el.getRootNode().host.parentElement;
5490
- const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
5494
+ const blockColorParent = parentElement === null || parentElement === void 0 ? void 0 : parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
5491
5495
  // If within a block color component
5492
- if (blockColorParent !== null) {
5493
- const parentTag = blockColorParent.tagName.toLowerCase();
5496
+ if (blockColorParent) {
5497
+ const parentTag = blockColorParent === null || blockColorParent === void 0 ? void 0 : blockColorParent.tagName.toLowerCase();
5494
5498
  const currentTag = el.tagName.toLowerCase();
5495
5499
  if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
5496
5500
  return IcBrandForegroundEnum.Default;
@@ -5582,18 +5586,13 @@ const checkResizeObserver = (callbackFn) => {
5582
5586
  callbackFn();
5583
5587
  }
5584
5588
  };
5585
- const getForm = (el) => el.closest("FORM");
5586
5589
  const addFormResetListener = (el, callbackFn) => {
5587
- const form = getForm(el);
5588
- if (form !== null) {
5589
- form.addEventListener("reset", callbackFn);
5590
- }
5590
+ var _a;
5591
+ (_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.addEventListener("reset", callbackFn);
5591
5592
  };
5592
5593
  const removeFormResetListener = (el, callbackFn) => {
5593
- const form = getForm(el);
5594
- if (form !== null) {
5595
- form.removeEventListener("reset", callbackFn);
5596
- }
5594
+ var _a;
5595
+ (_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
5597
5596
  };
5598
5597
  const removeDisabledFalse = (disabled, element) => {
5599
5598
  if (!disabled) {
@@ -5632,7 +5631,7 @@ const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
5632
5631
  if (hasDynamicChildSlots(mutationList, slotNames)) ;
5633
5632
  };
5634
5633
 
5635
- 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-disabled-text)}.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}}";
5634
+ 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}}";
5636
5635
  var IcCardHorizontalStyle0 = icCardHorizontalCss;
5637
5636
 
5638
5637
  /**
@@ -5686,15 +5685,16 @@ class Card {
5686
5685
  }
5687
5686
  disconnectedCallback() {
5688
5687
  var _a;
5689
- if (this.parentIsAnchorTag) {
5688
+ if (this.parentEl && this.parentIsAnchorTag) {
5690
5689
  this.parentEl.removeEventListener("focus", this.parentFocussed);
5691
5690
  this.parentEl.removeEventListener("blur", this.parentBlurred);
5692
5691
  }
5693
5692
  (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
5694
5693
  }
5695
5694
  componentWillLoad() {
5695
+ var _a;
5696
5696
  this.parentEl = this.el.parentElement;
5697
- if (this.parentEl.tagName === "A") {
5697
+ if (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) === "A") {
5698
5698
  this.clickable = true;
5699
5699
  this.parentIsAnchorTag = true;
5700
5700
  this.parentEl.classList.add("ic-card-wrapper-link");
@@ -5724,14 +5724,17 @@ class Card {
5724
5724
  * Sets focus on the card.
5725
5725
  */
5726
5726
  async setFocus() {
5727
- if (this.el.shadowRoot.querySelector("a")) {
5728
- this.el.shadowRoot.querySelector("a").focus();
5727
+ var _a, _b;
5728
+ const linkElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("a");
5729
+ const buttonElement = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("button");
5730
+ if (linkElement) {
5731
+ linkElement.focus();
5729
5732
  }
5730
- else if (this.el.shadowRoot.querySelector("button")) {
5731
- this.el.shadowRoot.querySelector("button").focus();
5733
+ else if (buttonElement) {
5734
+ buttonElement.focus();
5732
5735
  }
5733
5736
  }
5734
- updateTheme(mode = null) {
5737
+ updateTheme(mode) {
5735
5738
  const foregroundColor = getBrandFromContext(this.el, mode);
5736
5739
  if (foregroundColor !== IcBrandForegroundEnum.Default) {
5737
5740
  this.theme =
@@ -5754,7 +5757,7 @@ class Card {
5754
5757
  rel: rel,
5755
5758
  target: target,
5756
5759
  };
5757
- return (hAsync(Host, { key: '5a6cd5f3d4975964534a1f4712256773dfb7e67e', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync(Component, Object.assign({ key: '8ea9464cab5e466b84d1926f8a3125501290356c', class: {
5760
+ return (hAsync(Host, { key: 'dac4a38bc55ed2d2047a161cf790d20292833440', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync(Component, Object.assign({ key: 'ccca1254382007863621c12bbebda36542e4480f', class: {
5758
5761
  card: true,
5759
5762
  clickable: clickable && !disabled,
5760
5763
  disabled,
@@ -5763,7 +5766,7 @@ class Card {
5763
5766
  [`${size}`]: true,
5764
5767
  "with-icon": isSlotUsed(this.el, "icon"),
5765
5768
  "with-image": isSlotUsed(this.el, "image"),
5766
- }, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), isSlotUsed(this.el, "image") && (hAsync("div", { key: '6b9ae9daedf0bbcb6f4233bc0dad17761ea48df5', class: "image" }, hAsync("slot", { key: 'b08626ebc1a954b832e95d15e4913038b607f929', name: "image" }))), hAsync("div", { key: '7e18b86e0169e3911fd4000b23be8d6630981a1d', class: "card-content" }, hAsync("div", { key: 'e8325872dee7b2cb72296bd0ef28a53e1e31afd6', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '9f6742aa02a6661e63c0b8d3a04ad7cb724a1d2b', class: "icon" }, hAsync("slot", { key: 'c01ab2727ac2a6c852c1382d05a7fc9c813f78fb', name: "icon" }))), hAsync("div", { key: '99116e8f84e9782985e1cc033be2af7f061b1af0', class: "card-title" }, hAsync("slot", { key: '49733b4e806d9f62dfe82972e9c042bf3d539fcb', name: "heading" }, hAsync("ic-typography", { key: '27351e9eb8f3a141ac9c4a8f4f0bc796dccbdb54', variant: "h4" }, hAsync("p", { key: '8d295eb14568568ee08064701f7a8b36cec75b76' }, heading))))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '6ff7b7ed7ed8c32e9d61e7fa02d6e0c91a57027e', class: "card-message" }, message && (hAsync("ic-typography", { key: '86f2c51e57251e0d429813c9be91fa489b0e679c', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '7623ed98cf52f5a904424ce2eef4d3e52ebeb33f', name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '0019df61a1bfbfca24e436b65065257cada377f4', name: "badge" }))));
5769
+ }, 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" }))));
5767
5770
  }
5768
5771
  get el() { return getElement(this); }
5769
5772
  static get watchers() { return {
@@ -5797,7 +5800,7 @@ class Card {
5797
5800
  }; }
5798
5801
  }
5799
5802
 
5800
- const icCardVerticalCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n ::slotted(svg) {\n fill: var(--ic-card-disabled-text);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n";
5803
+ const icCardVerticalCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n";
5801
5804
  var IcCardVerticalStyle0 = icCardVerticalCss;
5802
5805
 
5803
5806
  /**
@@ -5998,7 +6001,7 @@ class CardVertical {
5998
6001
  }; }
5999
6002
  }
6000
6003
 
6001
- const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
6004
+ const icCheckboxCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
6002
6005
  var IcCheckboxStyle0 = icCheckboxCss;
6003
6006
 
6004
6007
  /**
@@ -6159,7 +6162,7 @@ class Checkbox {
6159
6162
  }; }
6160
6163
  }
6161
6164
 
6162
- const icCheckboxGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-checkbox-group-subtitle-disabled\n )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}";
6165
+ const icCheckboxGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-checkbox-group-subtitle-disabled\n )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.screen-reader-only-text:dir(rtl){right:-9999px}";
6163
6166
  var IcCheckboxGroupStyle0 = icCheckboxGroupCss;
6164
6167
 
6165
6168
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -6197,7 +6200,7 @@ class CheckboxGroup {
6197
6200
  */
6198
6201
  this.validationStatus = "";
6199
6202
  /**
6200
- * The validation text - e.g. 'error' | 'warning' | 'success'.
6203
+ * The text to display as the validation message.
6201
6204
  */
6202
6205
  this.validationText = "";
6203
6206
  }
@@ -6253,13 +6256,13 @@ class CheckboxGroup {
6253
6256
  render() {
6254
6257
  const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
6255
6258
  const describedBy = getInputDescribedByText$1(name, helperText !== "", validationStatus !== "");
6256
- return (hAsync(Host, { key: 'bb13ac3fcb2fc0a27d4943a3280303a8de9d348c', class: {
6259
+ return (hAsync(Host, { key: '152df45d817eabf2500dca22ab8e6da41014ffff', class: {
6257
6260
  [`ic-checkbox-group-${size}`]: true,
6258
6261
  [`ic-checkbox-group-disabled`]: !!disabled,
6259
6262
  [`ic-theme-${theme}`]: theme !== "inherit",
6260
- } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { key: 'b82fb09b9c6ac8c1133651741a7f842a754fa213', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '3f6dd46191b48c42e6766ef05168111a8a2aed76', id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
6263
+ } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { key: '75545ad8c0f523678c4e807997b883f02886e5d8', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: 'c5b762a9785cb74b103c4d9b2cfb370402474682', id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
6261
6264
  ? "screenReaderOnlyText"
6262
- : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: 'd10b5c6e0e9b47cb7bdd4abc5019ad6e6f2e2ef7' }, hAsync("ic-input-label", { key: 'ca77504f48929a8f4827ee63ba57687ecf82a97f', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: '6b2cd07dd898797d66cd47aa25d563634bf60285', class: "checkboxes-container" }, hAsync("slot", { key: '84869b9389ba3895d8b7bc41b096a0f25b695c5a' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '0dddf974690dd27d50caa7a3c0d213f5b4c9a97f', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
6265
+ : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: 'f8130ee3075ff8015cdfcd9707c2ca69e572861e' }, hAsync("ic-input-label", { key: '114c01d4dcedb30e1561b24f7a42984a644eee30', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: 'c9487637c6f2a8cc8e6bc585d2558602395fdcb7', class: "checkboxes-container" }, hAsync("slot", { key: '6966041e052295547e9046f617df2446f8b02612' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '4a1c97011b1802d53478e30cfa877002cbf63df9', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
6263
6266
  }
6264
6267
  get el() { return getElement(this); }
6265
6268
  static get watchers() { return {
@@ -6295,7 +6298,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
6295
6298
  </svg>
6296
6299
  `;
6297
6300
 
6298
- const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n --chip-custom-color,\n var(--ic-chip-background-filled-default)\n );--ic-typography-color:var(\n --chip-custom-foreground-color,\n var(--ic-chip-label)\n );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
6301
+ const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n --chip-custom-color,\n var(--ic-chip-background-filled-default)\n );--ic-typography-color:var(\n --chip-custom-foreground-color,\n var(--ic-chip-label)\n );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
6299
6302
  var IcChipStyle0 = icChipCss;
6300
6303
 
6301
6304
  /**
@@ -6437,13 +6440,13 @@ class Chip {
6437
6440
  }; }
6438
6441
  }
6439
6442
 
6440
- const icClassificationBannerCss = "/*! 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;left:0;bottom:0;width:100%;height:var(--ic-space-lg);z-index:var(--ic-z-index-classification-banner);--ic-typography-color:currentcolor}:host(.ic-classification-banner-inline){position:static;left:auto;bottom:auto}.classification-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ic-space-xxxs) var(--ic-space-md)}.default{background-color:var(--ic-classification-banner-not-set);color:var(--ic-classification-banner-text-inverted)}.official{background-color:var(--ic-classification-banner-official);color:var(--ic-classification-banner-text-inverted)}.official-sensitive{background-color:var(--ic-classification-banner-official-sensitive);color:var(--ic-classification-banner-text-inverted)}.secret{background-color:var(--ic-classification-banner-secret);color:var(--ic-classification-banner-text)}.top-secret{background-color:var(--ic-classification-banner-top-secret);color:var(--ic-classification-banner-text-inverted)}.offscreen{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}@media (forced-colors: active){.classification-banner{border:var(--ic-border-hc)}}";
6443
+ const icClassificationBannerCss = "/*! 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;left:0;bottom:0;width:100%;height:var(--ic-space-lg);z-index:var(--ic-z-index-classification-banner);--ic-typography-color:currentcolor}:host(.ic-classification-banner-inline){position:static;left:auto;bottom:auto}.classification-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ic-space-xxxs) var(--ic-space-md)}.default{background-color:var(--ic-classification-banner-not-set);color:var(--ic-classification-banner-text-inverted)}.official{background-color:var(--ic-classification-banner-official);color:var(--ic-classification-banner-text-inverted)}.official-sensitive{background-color:var(--ic-classification-banner-official-sensitive);color:var(--ic-classification-banner-text-inverted)}.secret{background-color:var(--ic-classification-banner-secret);color:var(--ic-classification-banner-text)}.top-secret{background-color:var(--ic-classification-banner-top-secret);color:var(--ic-classification-banner-text-inverted)}.offscreen{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.offscreen:dir(rtl){right:-9999px}@media (forced-colors: active){.classification-banner{border:var(--ic-border-hc)}}";
6441
6444
  var IcClassificationBannerStyle0 = icClassificationBannerCss;
6442
6445
 
6443
6446
  const classificationText = {
6444
6447
  default: "protective marking not set",
6445
6448
  official: "official",
6446
- "official-sensitive": "official sensitive",
6449
+ "official-sensitive": "official-sensitive",
6447
6450
  secret: "secret",
6448
6451
  "top-secret": "top secret",
6449
6452
  };
@@ -6663,7 +6666,7 @@ var descendingIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24
6663
6666
  <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>
6664
6667
  </svg>`;
6665
6668
 
6666
- 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-color:var(--ic-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n --ic-data-table-cell-background-selected-hover\n ) !important}.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;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-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-dialog) - 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}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-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-dialog) - 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-description-text)}.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}}";
6669
+ 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-color:var(--ic-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n --ic-data-table-cell-background-selected-hover\n ) !important}.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;vertical-align:top}.data-type-number,.data-type-date{text-align:right;justify-content:end;vertical-align:top}.cell-alignment-top{vertical-align:top;align-items:flex-start}.cell-alignment-middle{vertical-align:middle;align-items:center}.cell-alignment-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-dialog) - 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;-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-dialog) - 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-description-text)}.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}}";
6667
6670
  var IcDataTableStyle0 = icDataTableCss;
6668
6671
 
6669
6672
  /**
@@ -6677,6 +6680,7 @@ class DataTable {
6677
6680
  constructor(hostRef) {
6678
6681
  registerInstance(this, hostRef);
6679
6682
  this.icRowHeightChange = createEvent(this, "icRowHeightChange", 7);
6683
+ this.icSelectAllRows = createEvent(this, "icSelectAllRows", 7);
6680
6684
  this.icSelectedRowChange = createEvent(this, "icSelectedRowChange", 7);
6681
6685
  this.icSortChange = createEvent(this, "icSortChange", 7);
6682
6686
  this.DENSITY_HEIGHT_MULTIPLIER = {
@@ -6724,6 +6728,7 @@ class DataTable {
6724
6728
  this.fromRow = 0;
6725
6729
  this.scrollable = false;
6726
6730
  this.scrollOffset = 0;
6731
+ this.selectedRows = [];
6727
6732
  this.debounceDelay = 0;
6728
6733
  /**
6729
6734
  * Determines whether the column header should be truncated and display a tooltip. Default is `false`.
@@ -6745,10 +6750,6 @@ class DataTable {
6745
6750
  * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.
6746
6751
  */
6747
6752
  this.globalRowHeight = "auto";
6748
- /**
6749
- * If `true`, the selected row is highlighted using a background colour.
6750
- */
6751
- this.highlightSelectedRow = true;
6752
6753
  /**
6753
6754
  * If `true`, column headers will not be visible.
6754
6755
  */
@@ -6783,6 +6784,10 @@ class DataTable {
6783
6784
  showItemsPerPageControl: true,
6784
6785
  type: "simple",
6785
6786
  };
6787
+ /**
6788
+ * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.
6789
+ */
6790
+ this.rowSelection = false;
6786
6791
  /**
6787
6792
  * If `true`, adds a pagination bar to the bottom of the table.
6788
6793
  */
@@ -6825,11 +6830,12 @@ class DataTable {
6825
6830
  this.headerResizeObserver.observe(this.el);
6826
6831
  };
6827
6832
  this.headerResizeCallback = () => {
6833
+ var _a, _b, _c;
6828
6834
  if (!this.hideColumnHeaders && this.columnHeaderTruncation) {
6829
- const tableContainerWidth = this.el.shadowRoot.querySelector(".table-container").clientWidth;
6830
- if (tableContainerWidth !== this.prevTableContainerWidth) {
6831
- const headers = this.el.shadowRoot.querySelectorAll("th.column-header");
6832
- headers.forEach((header) => {
6835
+ const tableContainerWidth = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".table-container")) === null || _b === void 0 ? void 0 : _b.clientWidth;
6836
+ if (tableContainerWidth &&
6837
+ tableContainerWidth !== this.prevTableContainerWidth) {
6838
+ (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll("th.column-header").forEach((header) => {
6833
6839
  const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);
6834
6840
  const typographyEls = header.querySelectorAll(this.IC_TYPOGRAPHY_STRING);
6835
6841
  if (tooltip && typographyEls && typographyEls.length === 2) {
@@ -6843,49 +6849,46 @@ class DataTable {
6843
6849
  }
6844
6850
  }
6845
6851
  };
6852
+ this.getRowHeight = (cellContainer) => parseInt(getComputedStyle(document.documentElement).fontSize) *
6853
+ parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING) || "");
6846
6854
  this.updateSetRowHeight = (typographyEl) => {
6847
- const fontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
6848
- if (typographyEl) {
6849
- const cellContainer = this.getCellContainer(typographyEl);
6850
- const rowHeight = fontSize *
6851
- parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
6852
- if (typographyEl.scrollHeight > rowHeight) {
6855
+ const removeRowHeightVariable = (element) => {
6856
+ const cellContainer = this.getCellContainer(element);
6857
+ if (cellContainer &&
6858
+ element.scrollHeight > this.getRowHeight(cellContainer)) {
6853
6859
  cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);
6854
6860
  }
6861
+ };
6862
+ if (typographyEl) {
6863
+ removeRowHeightVariable(typographyEl);
6855
6864
  }
6856
6865
  else {
6857
6866
  this.getTypographyElements().forEach((typographyEl) => {
6858
- const cellContainer = this.getCellContainer(typographyEl);
6859
- const rowHeight = fontSize *
6860
- parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
6861
- if (typographyEl.scrollHeight > rowHeight) {
6862
- cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);
6863
- }
6867
+ removeRowHeightVariable(typographyEl);
6864
6868
  });
6865
6869
  }
6866
6870
  };
6867
6871
  this.debounceDataTruncation = () => {
6868
6872
  this.getTypographyElements().forEach((typographyEl) => {
6869
6873
  const cellContainer = this.getCellContainer(typographyEl);
6870
- if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
6874
+ if (cellContainer &&
6875
+ !cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
6871
6876
  this.resizeObserver = new ResizeObserver(
6872
6877
  // This gets triggered twice due to updated data and see more/see less button
6873
6878
  dynamicDebounce(() => {
6874
6879
  this.dataTruncation(typographyEl);
6875
6880
  if (!this.isNewDebounceDelaySet) {
6876
- this.setNewDebounceDelay(200);
6881
+ this.debounceDelay = 200;
6882
+ this.isNewDebounceDelaySet = true;
6877
6883
  }
6878
6884
  }, () => this.debounceDelay));
6879
6885
  this.resizeObserver.observe(typographyEl);
6880
6886
  }
6881
6887
  });
6882
6888
  };
6883
- this.setNewDebounceDelay = (delay) => {
6884
- this.debounceDelay = delay;
6885
- this.isNewDebounceDelaySet = true;
6886
- };
6887
6889
  this.getLines = (height) => Math.floor(height / this.DEFAULT_LINE_HEIGHT);
6888
6890
  this.truncate = (typographyEl, cellContainer, tooltip) => {
6891
+ var _a;
6889
6892
  if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)) {
6890
6893
  //24 is the height of a single line
6891
6894
  if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {
@@ -6900,33 +6903,36 @@ class DataTable {
6900
6903
  else {
6901
6904
  if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {
6902
6905
  typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
6903
- const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
6904
- cellTextWrapper.prepend(typographyEl);
6906
+ (_a = cellContainer
6907
+ .querySelector(this.CELL_TEXT_WRAPPER_STRING)) === null || _a === void 0 ? void 0 : _a.prepend(typographyEl);
6905
6908
  tooltip.remove();
6906
6909
  }
6907
6910
  if (this.truncationPattern === this.SHOW_HIDE_STRING &&
6908
- !isEmptyString(typographyEl.getAttribute("max-lines"))) {
6911
+ !isEmptyString(typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.getAttribute("max-lines"))) {
6909
6912
  this.resetShowHideTruncation(typographyEl);
6910
6913
  }
6911
6914
  }
6912
6915
  };
6913
6916
  this.dataTruncation = (typographyEl) => {
6917
+ var _a;
6914
6918
  // Tooltip truncation mentioned in AC. Will need revisiting
6915
6919
  const tooltip = this.getTooltip(typographyEl);
6916
6920
  const cellContainer = this.getCellContainer(typographyEl);
6917
- if ((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.classList.contains("data-type-element")) ||
6921
+ if (!cellContainer ||
6922
+ cellContainer.classList.contains("data-type-element") ||
6918
6923
  this.dataUpdated) {
6919
6924
  return;
6920
6925
  }
6921
6926
  if (this.truncationPattern === this.SHOW_HIDE_STRING &&
6922
- typographyEl.shadowRoot.querySelector("button")) {
6927
+ ((_a = typographyEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("button"))) {
6923
6928
  const showHideBtn = typographyEl.shadowRoot.querySelector("button");
6924
6929
  // If the see more/see less is present and the max lines is equal to the cell container
6925
6930
  // remove the see more/see less button
6926
6931
  if (showHideBtn) {
6927
6932
  const truncWrapper = this.getTruncWrapper(typographyEl);
6928
- if (this.getLines(truncWrapper.scrollHeight) ===
6929
- +typographyEl.getAttribute("max-lines")) {
6933
+ if (truncWrapper &&
6934
+ this.getLines(truncWrapper.scrollHeight) ===
6935
+ Number(typographyEl.getAttribute("max-lines"))) {
6930
6936
  this.resetShowHideTruncation(typographyEl);
6931
6937
  }
6932
6938
  }
@@ -6956,18 +6962,16 @@ class DataTable {
6956
6962
  }
6957
6963
  this.truncate(typographyEl, cellContainer, tooltip);
6958
6964
  };
6959
- this.getTruncWrapper = (typographyEl) => typographyEl.shadowRoot.querySelector(".trunc-wrapper");
6965
+ this.getTruncWrapper = (typographyEl) => { var _a; return (_a = typographyEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".trunc-wrapper"); };
6960
6966
  this.removeTextWrap = () => {
6961
6967
  this.getTypographyElements().forEach((typographyEl) => {
6962
6968
  const tableCell = typographyEl.closest("td");
6963
- if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {
6969
+ if (tableCell === null || tableCell === void 0 ? void 0 : tableCell.classList.contains(this.TEXT_WRAP_STRING)) {
6964
6970
  tableCell.classList.remove(this.TEXT_WRAP_STRING);
6965
6971
  }
6966
6972
  });
6967
6973
  };
6968
- this.getCellContainer = (typographyEl) => {
6969
- return typographyEl.closest(".cell-container");
6970
- };
6974
+ this.getCellContainer = (typographyEl) => typographyEl.closest(".cell-container");
6971
6975
  this.deleteTextWrapDataKey = (array) => Array.isArray(array) &&
6972
6976
  array.forEach((val) => val.textWrap && delete val.textWrap);
6973
6977
  this.startLoadingTimer = () => {
@@ -6975,7 +6979,7 @@ class DataTable {
6975
6979
  this.timerStarted = Date.now();
6976
6980
  setTimeout(() => {
6977
6981
  this.hasLoadedForOneSecond = true;
6978
- this.timerStarted = null;
6982
+ this.timerStarted = 0;
6979
6983
  }, this.minimumLoadingDisplayDuration);
6980
6984
  };
6981
6985
  this.isObject = (value) => value !== undefined && value !== null && typeof value === "object";
@@ -7004,32 +7008,28 @@ class DataTable {
7004
7008
  const { description, max, min, progress, monochrome } = this.updatingOptions || {};
7005
7009
  return (hAsync("th", { colSpan: this.columns.length, class: "updating-state" }, hAsync("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
7006
7010
  };
7007
- this.setRowHeight = (height) => {
7008
- return pxToRem(`${height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -
7009
- this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);
7010
- };
7011
+ this.setRowHeight = (height) => pxToRem(`${height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -
7012
+ this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);
7011
7013
  this.setTruncationClass = () => this.truncationPattern
7012
7014
  ? { [`truncation-${this.truncationPattern}`]: true }
7013
7015
  : {};
7014
7016
  this.getColumnWidth = (columnWidth) => {
7015
7017
  // TODO: Setting max width on columns
7016
7018
  let columnWidthStyling = {};
7017
- if (columnWidth) {
7018
- if (typeof columnWidth === "string") {
7019
- columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-width"]: columnWidth });
7019
+ if (typeof columnWidth === "string") {
7020
+ columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-width"]: columnWidth });
7021
+ }
7022
+ else if (columnWidth && Object.keys(columnWidth).length > 0) {
7023
+ if (columnWidth.minWidth) {
7024
+ columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-min-width"]: columnWidth.minWidth });
7020
7025
  }
7021
- if (typeof columnWidth === "object" && !!Object.keys(columnWidth)) {
7022
- if (columnWidth === null || columnWidth === void 0 ? void 0 : columnWidth.minWidth) {
7023
- columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-min-width"]: columnWidth === null || columnWidth === void 0 ? void 0 : columnWidth.minWidth });
7024
- }
7025
- if (columnWidth === null || columnWidth === void 0 ? void 0 : columnWidth.maxWidth) {
7026
- columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-max-width"]: columnWidth === null || columnWidth === void 0 ? void 0 : columnWidth.maxWidth });
7027
- }
7026
+ if (columnWidth.maxWidth) {
7027
+ columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-max-width"]: columnWidth.maxWidth });
7028
7028
  }
7029
7029
  }
7030
7030
  return columnWidthStyling;
7031
7031
  };
7032
- this.getRowHeight = (currentRowHeight, columnProps, rowTextWrap, cell) => {
7032
+ this.getCalculatedRowHeight = (columnProps, rowTextWrap, cell, currentRowHeight) => {
7033
7033
  if ((this.truncationPattern || currentRowHeight) &&
7034
7034
  !(columnProps === null || columnProps === void 0 ? void 0 : columnProps.textWrap) &&
7035
7035
  !rowTextWrap &&
@@ -7042,20 +7042,22 @@ class DataTable {
7042
7042
  return {};
7043
7043
  };
7044
7044
  this.adjustWidthForActionElement = () => {
7045
- const elements = this.el.shadowRoot.querySelectorAll(".action-element");
7046
- elements.forEach((element) => {
7045
+ var _a;
7046
+ const elements = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".action-element");
7047
+ elements === null || elements === void 0 ? void 0 : elements.forEach((element) => {
7047
7048
  const width = element.firstChild.getBoundingClientRect()
7048
7049
  .width;
7049
7050
  const gridWrapper = element.closest(".cell-grid-wrapper");
7050
- gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;
7051
+ if (gridWrapper)
7052
+ gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;
7051
7053
  });
7052
7054
  };
7053
- this.createCellContent = (columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis) => {
7055
+ this.createCellContent = (columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, cellValue, rowEmphasis, currentRowHeight) => {
7054
7056
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
7055
7057
  return (hAsync("div", { innerHTML: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element" &&
7056
7058
  !isSlotUsed(this.el, cellSlotName)
7057
7059
  ? cell
7058
- : null, class: Object.assign(Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
7060
+ : undefined, class: Object.assign(Object.assign({ "cell-container": (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element", [`cell-alignment-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
7059
7061
  ((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
7060
7062
  rowAlignment ||
7061
7063
  this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
@@ -7071,7 +7073,7 @@ class DataTable {
7071
7073
  (columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
7072
7074
  rowEmphasis}`]: (this.isObject(cell) && !!cellValue("emphasis")) ||
7073
7075
  !!(columnProps === null || columnProps === void 0 ? void 0 : columnProps.emphasis) ||
7074
- !!rowEmphasis }, this.setTruncationClass()), { [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]: this.isObject(cell) && Object.keys(cell).includes("description") }), style: Object.assign(Object.assign({}, this.getRowHeight(currentRowHeight, columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
7076
+ !!rowEmphasis }, this.setTruncationClass()), { [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]: this.isObject(cell) && Object.keys(cell).includes("description") }), style: Object.assign(Object.assign({}, this.getCalculatedRowHeight(columnProps, rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.textWrap, cell, currentRowHeight)), this.getColumnWidth(columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnWidth)), "data-row-height": this.truncationPattern || currentRowHeight
7075
7077
  ? this.setRowHeight(currentRowHeight)
7076
7078
  : null }, isSlotUsed(this.el, cellSlotName) ? (hAsync("slot", { name: cellSlotName })) : (hAsync(Fragment, null, isSlotUsed(this.el, `${cellSlotName}-icon`) ? (hAsync("slot", { name: `${cellSlotName}-icon` })) : ((hasIcon || ((_k = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _k === void 0 ? void 0 : _k.onAllCells)) &&
7077
7079
  (cellValue("icon") || ((_l = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _l === void 0 ? void 0 : _l.icon)) && (hAsync("span", { class: "icon", innerHTML: cellValue("icon") || ((_m = columnProps === null || columnProps === void 0 ? void 0 : columnProps.icon) === null || _m === void 0 ? void 0 : _m.icon) }))), (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) !== "element" &&
@@ -7119,17 +7121,18 @@ class DataTable {
7119
7121
  ["row-header-sticky"]: this.stickyRowHeaders,
7120
7122
  } }, cellValue("title")));
7121
7123
  }
7124
+ const CellContent = this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, cellValue, rowEmphasis, currentRowHeight || undefined);
7122
7125
  if (rowKeys[index] !== "rowOptions") {
7123
7126
  return (hAsync("td", { class: {
7124
7127
  ["table-cell"]: true,
7125
7128
  [`table-density-${this.density}`]: this.notDefaultDensity(),
7126
7129
  ["with-overflow"]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element",
7127
7130
  }, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, this.isObject(cell) &&
7128
- Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis), hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement"),
7131
+ Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, CellContent, hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement"),
7129
7132
  // eslint-disable-next-line react/jsx-no-bind
7130
7133
  onClick: cell.actionOnClick
7131
7134
  ? (event) => this.handleClick(event, cell.actionOnClick)
7132
- : undefined }))) : (this.createCellContent(columnProps, cell, cellSlotName, rowOptions, rowAlignment, hasIcon, currentRowHeight, cellValue, rowEmphasis))));
7135
+ : undefined }))) : (CellContent)));
7133
7136
  }
7134
7137
  });
7135
7138
  };
@@ -7162,16 +7165,28 @@ class DataTable {
7162
7165
  [`text-${this.density}`]: this.notDefaultDensity(),
7163
7166
  } }, title)))));
7164
7167
  this.onRowClick = (row) => {
7165
- if (!this.loading && !this.updating) {
7166
- this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);
7167
- }
7168
- this.selectedRow =
7169
- this.selectedRow !== row && !this.loading && !this.updating && row;
7168
+ const notCurrentlySelected = !this.selectedRows.includes(row);
7169
+ this.selectedRows = notCurrentlySelected
7170
+ ? [...this.selectedRows, row]
7171
+ : this.selectedRows.filter((selectedRow) => selectedRow !== row);
7172
+ this.icSelectedRowChange.emit({
7173
+ row: notCurrentlySelected ? row : null,
7174
+ selectedRows: this.selectedRows,
7175
+ });
7176
+ };
7177
+ this.selectAllRows = () => {
7178
+ this.selectedRows =
7179
+ this.organisedData &&
7180
+ this.selectedRows.length !== this.organisedData.length
7181
+ ? [...this.organisedData]
7182
+ : [];
7183
+ this.icSelectAllRows.emit(this.selectedRows);
7170
7184
  };
7171
7185
  this.createRows = () => {
7186
+ var _a, _b, _c;
7172
7187
  const data = this.showPagination
7173
- ? this.data.slice(this.fromRow, this.toRow)
7174
- : this.data.slice();
7188
+ ? (_a = this.data) === null || _a === void 0 ? void 0 : _a.slice(this.fromRow, this.toRow)
7189
+ : (_b = this.data) === null || _b === void 0 ? void 0 : _b.slice();
7175
7190
  const paginationOffset = this.showPagination ? this.fromRow : 0;
7176
7191
  /**
7177
7192
  * Ensures that createCells has a value in data to map over to actually render the slot.
@@ -7179,7 +7194,7 @@ class DataTable {
7179
7194
  * `addDataToPosition` used to add the element in the correct column order.
7180
7195
  * Adding empty string value in to give `createCells` something to loop over.
7181
7196
  */
7182
- const organisedData = data.map((row, rowIndex) => {
7197
+ this.organisedData = data === null || data === void 0 ? void 0 : data.map((row, rowIndex) => {
7183
7198
  const slottedColumns = this.columns
7184
7199
  .map(({ key }, index) => isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {
7185
7200
  key,
@@ -7192,18 +7207,19 @@ class DataTable {
7192
7207
  ? addDataToPosition(row, slottedColumns, "")
7193
7208
  : row;
7194
7209
  });
7195
- return organisedData
7196
- .sort(!this.sortable || this.disableAutoSort
7210
+ return (_c = this.organisedData) === null || _c === void 0 ? void 0 : _c.sort(!this.sortable || this.disableAutoSort
7197
7211
  ? undefined
7198
- : this.getSortFunction())
7199
- .map((row, index) => {
7200
- return (hAsync("tr", {
7201
- // eslint-disable-next-line react/jsx-no-bind
7202
- onClick: () => this.onRowClick(row), class: {
7203
- ["table-row"]: true,
7204
- ["table-row-selected"]: this.highlightSelectedRow && this.selectedRow === row,
7205
- }
7206
- }, this.createCells(row, index + paginationOffset)));
7212
+ : this.getSortFunction()).map((row, index) => {
7213
+ const isRowSelected = this.rowSelection && this.selectedRows.includes(row);
7214
+ const cellIndex = index + paginationOffset;
7215
+ return (hAsync("tr", { class: {
7216
+ "table-row": true,
7217
+ "table-row-selected": isRowSelected,
7218
+ } }, this.rowSelection && (hAsync("td", { class: {
7219
+ "table-cell": true,
7220
+ "checkbox-cell": true,
7221
+ [`table-density-${this.density}`]: this.notDefaultDensity(),
7222
+ } }, hAsync("div", { class: "checkbox-wrapper" }, hAsync("ic-checkbox", { class: "ic-data-table-checkbox", checked: isRowSelected, disabled: this.updating || this.loading, hideLabel: true, label: `${isRowSelected ? "Deselect" : "Select"} row ${cellIndex}`, onIcCheck: () => this.onRowClick(row), size: this.density === "dense" ? "small" : "medium", value: cellIndex })))), this.createCells(row, cellIndex)));
7207
7223
  });
7208
7224
  };
7209
7225
  this.getObjectValue = (cell, key) => Object.values(cell)[Object.keys(cell).indexOf(key)];
@@ -7246,12 +7262,11 @@ class DataTable {
7246
7262
  }
7247
7263
  };
7248
7264
  this.sortRows = (column) => {
7249
- const sortButton = this.el.shadowRoot.querySelector(`#sort-button-${column}`);
7265
+ var _a, _b, _c, _d;
7250
7266
  const sortOrders = this.sortOptions.sortOrders;
7251
7267
  if (column !== this.sortedColumn) {
7252
7268
  if (this.sortedColumn) {
7253
- const previousSortedButton = this.el.shadowRoot.querySelector(`#sort-button-${this.sortedColumn}`);
7254
- previousSortedButton.setAttribute("aria-label", this.getSortButtonLabel(column)); // Passing through unsorted column returns correct label for newly unsorted column
7269
+ (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#sort-button-${this.sortedColumn}`)) === null || _b === void 0 ? void 0 : _b.setAttribute("aria-label", this.getSortButtonLabel(column)); // Passing through unsorted column returns correct label for newly unsorted column
7255
7270
  }
7256
7271
  this.sortedColumn = column;
7257
7272
  this.sortedColumnOrder = "unsorted";
@@ -7261,50 +7276,57 @@ class DataTable {
7261
7276
  nextSortOrderIndex = 0;
7262
7277
  }
7263
7278
  this.sortedColumnOrder = sortOrders[nextSortOrderIndex];
7264
- sortButton.setAttribute("aria-label", this.getSortButtonLabel(column));
7279
+ (_d = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(`#sort-button-${column}`)) === null || _d === void 0 ? void 0 : _d.setAttribute("aria-label", this.getSortButtonLabel(column));
7265
7280
  this.tableSorted = true;
7266
7281
  this.icSortChange.emit({
7267
7282
  columnName: column,
7268
7283
  sorted: this.sortedColumnOrder,
7269
7284
  });
7270
7285
  };
7286
+ /** Gets all `ic-typography`elements within the data table, excluding column headers and cell descriptions */
7271
7287
  this.getTypographyElements = () => {
7272
- // Filter out column headers and cell descriptions
7273
- return Array.from(this.el.shadowRoot.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)"));
7274
- };
7275
- this.getTooltip = (typographyEl) => {
7276
- return typographyEl.closest(this.TOOLTIP);
7288
+ var _a;
7289
+ return Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ic-typography:not(.column-header-text,.cell-description-text)")) || []);
7277
7290
  };
7291
+ this.getTooltip = (typographyEl) => typographyEl.closest(this.TOOLTIP);
7278
7292
  this.updateTruncationTooltip = (removeTooltipOnly = false) => {
7279
7293
  this.getTypographyElements().forEach((typographyEl) => {
7280
7294
  const tooltip = this.getTooltip(typographyEl);
7281
7295
  const cellContainer = this.getCellContainer(typographyEl);
7282
- if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {
7283
- this.removeTooltip(cellContainer, typographyEl, tooltip);
7284
- typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
7285
- return;
7296
+ if (cellContainer) {
7297
+ if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {
7298
+ this.removeTooltip(cellContainer, typographyEl, tooltip);
7299
+ typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
7300
+ return;
7301
+ }
7302
+ this.regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly);
7286
7303
  }
7287
- this.regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly);
7288
7304
  });
7289
7305
  };
7290
7306
  this.updateScrollOffset = () => {
7291
- this.scrollOffset = this.el.shadowRoot.querySelector(".table-row-container").scrollTop;
7307
+ var _a;
7308
+ const tableRowContainer = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".table-row-container");
7309
+ if (tableRowContainer)
7310
+ this.scrollOffset = tableRowContainer.scrollTop;
7292
7311
  };
7293
7312
  this.updateRowHeightForDescriptions = (rowHeight, cellContainer) => {
7294
- cellContainer.setAttribute("data-row-height", rowHeight.toString());
7313
+ cellContainer.setAttribute(this.DATA_ROW_HEIGHT_STRING, rowHeight.toString());
7295
7314
  cellContainer.setAttribute("style", `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`);
7296
7315
  };
7297
- // Method to update the row heights on cells with descriptions and tooltip truncation
7316
+ /** Method to update the row heights on cells with descriptions and tooltip truncation */
7298
7317
  this.updateCellHeightsWithDescriptions = () => {
7299
- const descriptions = this.el.shadowRoot.querySelectorAll(this.CELL_DESCRIPTION_STRING);
7300
- descriptions.forEach((description) => {
7318
+ var _a, _b;
7319
+ (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(this.CELL_DESCRIPTION_STRING)) === null || _b === void 0 ? void 0 : _b.forEach((description) => {
7301
7320
  const cellContainer = description.closest(`.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`);
7302
- const typography = cellContainer.querySelector(this.IC_TYPOGRAPHY_STRING);
7321
+ const typography = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(this.IC_TYPOGRAPHY_STRING);
7303
7322
  const descriptionMarginTop = window
7304
7323
  .getComputedStyle(description)
7305
7324
  .getPropertyValue("margin-top");
7306
7325
  const descriptionHeight = description.clientHeight + parseInt(descriptionMarginTop, 10);
7307
- if (this.globalRowHeight && this.globalRowHeight !== "auto") {
7326
+ if (typography &&
7327
+ cellContainer &&
7328
+ this.globalRowHeight &&
7329
+ this.globalRowHeight !== "auto") {
7308
7330
  if (!typography.textContent &&
7309
7331
  descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight) {
7310
7332
  this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);
@@ -7312,7 +7334,7 @@ class DataTable {
7312
7334
  else if (this.truncationPattern === this.TOOLTIP_STRING) {
7313
7335
  if (descriptionHeight + this.DEFAULT_LINE_HEIGHT >
7314
7336
  this.globalRowHeight) {
7315
- const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
7337
+ const cellIcon = cellContainer.querySelector(".icon");
7316
7338
  if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {
7317
7339
  // recalculate descriptionHeight as when a word break occurs this value changes
7318
7340
  // Additional spacing given for 300-400% zoom
@@ -7329,7 +7351,8 @@ class DataTable {
7329
7351
  // isn't overflowing the cell to trigger the show more button to appear.
7330
7352
  }
7331
7353
  else if (this.truncationPattern === this.SHOW_HIDE_STRING &&
7332
- descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&
7354
+ descriptionHeight + this.DEFAULT_LINE_HEIGHT >
7355
+ this.globalRowHeight &&
7333
7356
  typography.style.getPropertyValue("--truncation-max-lines") !==
7334
7357
  "initial") {
7335
7358
  this.updateRowHeightForDescriptions(descriptionHeight + this.DEFAULT_LINE_HEIGHT, cellContainer);
@@ -7357,40 +7380,36 @@ class DataTable {
7357
7380
  return tableHostDimensions;
7358
7381
  };
7359
7382
  this.fixCellTooltip = (element) => {
7360
- var _a, _b, _c;
7361
- let tooltip;
7383
+ var _a, _b;
7384
+ let tooltip = null;
7385
+ const tooltipChildElement = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.IC_TOOLTIP_STRING);
7362
7386
  if (element.tagName === "IC-TOOLTIP") {
7363
7387
  tooltip = element;
7364
7388
  }
7365
- else if ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.IC_TOOLTIP_STRING)) {
7366
- tooltip = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(this.IC_TOOLTIP_STRING);
7367
- }
7368
- else {
7369
- if (((_c = element.children) === null || _c === void 0 ? void 0 : _c.length) > 0) {
7370
- Array.from(element.children).forEach((el) => {
7371
- this.fixCellTooltip(el);
7372
- });
7373
- }
7374
- else {
7375
- return;
7376
- }
7389
+ else if (tooltipChildElement) {
7390
+ tooltip = tooltipChildElement;
7377
7391
  }
7378
- if (tooltip) {
7379
- tooltip.setExternalPopperProps({
7380
- strategy: "fixed",
7392
+ else if (((_b = element.children) === null || _b === void 0 ? void 0 : _b.length) > 0) {
7393
+ Array.from(element.children).forEach((el) => {
7394
+ this.fixCellTooltip(el);
7381
7395
  });
7382
7396
  }
7397
+ else {
7398
+ return;
7399
+ }
7400
+ tooltip === null || tooltip === void 0 ? void 0 : tooltip.setExternalPopperProps({
7401
+ strategy: "fixed",
7402
+ });
7383
7403
  };
7384
7404
  this.fixCellTooltips = () => {
7385
- const elements = this.el.shadowRoot.querySelectorAll(".data-type-element");
7386
- elements.forEach((element) => {
7405
+ var _a, _b, _c, _d;
7406
+ (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".data-type-element")) === null || _b === void 0 ? void 0 : _b.forEach((element) => {
7387
7407
  const slotElements = getSlotElements(element);
7388
7408
  slotElements === null || slotElements === void 0 ? void 0 : slotElements.forEach((slottedEl) => {
7389
7409
  this.fixCellTooltip(slottedEl);
7390
7410
  });
7391
7411
  });
7392
- const actionElements = this.el.shadowRoot.querySelectorAll(".action-element");
7393
- actionElements === null || actionElements === void 0 ? void 0 : actionElements.forEach((actionElementSpan) => {
7412
+ (_d = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll(".action-element")) === null || _d === void 0 ? void 0 : _d.forEach((actionElementSpan) => {
7394
7413
  const actionElement = actionElementSpan.firstChild;
7395
7414
  if (actionElement) {
7396
7415
  this.fixCellTooltip(actionElement);
@@ -7398,7 +7417,7 @@ class DataTable {
7398
7417
  });
7399
7418
  };
7400
7419
  this.handleClick = (event, callback) => callback(event);
7401
- this.renderTableBody = (data, loading, overlay) => {
7420
+ this.renderTableBody = (loading, data, overlay) => {
7402
7421
  if (!(data === null || data === void 0 ? void 0 : data.length))
7403
7422
  return;
7404
7423
  if (overlay && loading) {
@@ -7417,7 +7436,7 @@ class DataTable {
7417
7436
  return (hAsync(Fragment, null, hAsync("div", { class: "loading-overlay", ref: (el) => (this.loadingOverlay = el) }), hAsync("ic-loading-indicator", { theme: this.theme, monochrome: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.monochrome, class: {
7418
7437
  "loading-empty": isLoading,
7419
7438
  loading: true,
7420
- }, description: loadingOptions.description || "Loading table data", label: loadingOptions.label || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })));
7439
+ }, description: (loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.description) || "Loading table data", label: (loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.label) || "Loading...", labelDuration: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.labelDuration, max: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.max, min: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.min, progress: loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.progress, ref: (el) => (this.loadingIndicator = el) })));
7421
7440
  };
7422
7441
  this.renderAriaLiveLoading = () => {
7423
7442
  var _a, _b;
@@ -7431,7 +7450,7 @@ class DataTable {
7431
7450
  return "";
7432
7451
  }
7433
7452
  };
7434
- this.renderEmptyState = (data, loading, overlay) => {
7453
+ this.renderEmptyState = (loading, data, overlay) => {
7435
7454
  const emptyStateEl = isSlotUsed(this.el, "empty-state") ? (hAsync("slot", { name: "empty-state" })) : (hAsync("ic-empty-state", { aligned: "center", heading: "No Data", class: "loading-empty" }));
7436
7455
  if (loading && !(data === null || data === void 0 ? void 0 : data.length) && overlay) {
7437
7456
  return emptyStateEl;
@@ -7445,16 +7464,15 @@ class DataTable {
7445
7464
  };
7446
7465
  }
7447
7466
  headerTruncationChangeHandler() {
7467
+ var _a, _b;
7448
7468
  if (this.columnHeaderTruncation) {
7449
7469
  this.prevTableContainerWidth = 0;
7450
7470
  }
7451
7471
  else {
7452
- const headers = this.el.shadowRoot.querySelectorAll("th.column-header");
7453
- headers.forEach((header) => {
7454
- const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);
7455
- if (tooltip) {
7456
- tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);
7457
- }
7472
+ (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("th.column-header")) === null || _b === void 0 ? void 0 : _b.forEach((header) => {
7473
+ var _a;
7474
+ (_a = header
7475
+ .querySelector(this.IC_TOOLTIP_STRING)) === null || _a === void 0 ? void 0 : _a.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);
7458
7476
  });
7459
7477
  }
7460
7478
  }
@@ -7474,14 +7492,17 @@ class DataTable {
7474
7492
  this.previousItemsPerPage = this.rowsPerPage;
7475
7493
  }
7476
7494
  componentDidLoad() {
7477
- const tableElement = this.el.shadowRoot.querySelector("table");
7478
- const tableContainer = this.el.shadowRoot.querySelector(".table-container");
7495
+ var _a, _b;
7496
+ const tableElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("table");
7497
+ const tableContainer = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".table-container");
7479
7498
  checkResizeObserver(this.runHeaderResizeObserver);
7480
7499
  if (this.dataUpdated) {
7481
7500
  this.dataUpdated = false;
7482
7501
  }
7483
- if ((tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientHeight) > (tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.clientHeight) ||
7484
- (tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientWidth) > (tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.clientWidth)) {
7502
+ if (tableElement &&
7503
+ tableContainer &&
7504
+ (tableElement.clientHeight > tableContainer.clientHeight ||
7505
+ tableElement.clientWidth > tableContainer.clientWidth)) {
7485
7506
  this.scrollable = true;
7486
7507
  }
7487
7508
  if (this.loading) {
@@ -7491,7 +7512,8 @@ class DataTable {
7491
7512
  if (this.truncationPattern) {
7492
7513
  this.getTypographyElements().forEach((typographyEl) => {
7493
7514
  const cellContainer = this.getCellContainer(typographyEl);
7494
- if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7515
+ if (cellContainer &&
7516
+ !cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7495
7517
  this.dataTruncation(typographyEl);
7496
7518
  }
7497
7519
  });
@@ -7516,19 +7538,23 @@ class DataTable {
7516
7538
  this.adjustWidthForActionElement();
7517
7539
  }
7518
7540
  truncateUpdatedData() {
7541
+ var _a;
7519
7542
  if (this.dataUpdated) {
7520
7543
  if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7521
7544
  this.getTypographyElements().forEach((typographyEl) => {
7522
7545
  const truncWrapper = this.getTruncWrapper(typographyEl);
7523
7546
  const cellContainer = this.getCellContainer(typographyEl);
7524
- if ((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - this.DEFAULT_LINE_HEIGHT >=
7525
- (truncWrapper === null || truncWrapper === void 0 ? void 0 : truncWrapper.scrollHeight)) {
7547
+ if (truncWrapper &&
7548
+ cellContainer &&
7549
+ cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >=
7550
+ truncWrapper.scrollHeight) {
7526
7551
  this.resetShowHideTruncation(typographyEl);
7527
7552
  return;
7528
7553
  }
7529
7554
  setTimeout(() => {
7530
7555
  // slight delay due to data rendering
7531
- if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)) {
7556
+ if (cellContainer &&
7557
+ typographyEl.scrollHeight > cellContainer.clientHeight) {
7532
7558
  this.addShowHideTruncation(cellContainer, typographyEl);
7533
7559
  }
7534
7560
  }, 150);
@@ -7546,13 +7572,15 @@ class DataTable {
7546
7572
  if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7547
7573
  this.getTypographyElements().forEach((typographyEl) => {
7548
7574
  const cellContainer = this.getCellContainer(typographyEl);
7549
- if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7550
- this.createShowHideTruncation(typographyEl, cellContainer);
7551
- }
7552
- else {
7553
- typographyEl.resetTruncation().then(() => {
7554
- cellContainer.removeAttribute("style");
7555
- });
7575
+ if (cellContainer) {
7576
+ if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7577
+ this.createShowHideTruncation(typographyEl, cellContainer);
7578
+ }
7579
+ else {
7580
+ typographyEl.resetTruncation().then(() => {
7581
+ cellContainer.removeAttribute("style");
7582
+ });
7583
+ }
7556
7584
  }
7557
7585
  });
7558
7586
  }
@@ -7561,49 +7589,48 @@ class DataTable {
7561
7589
  // This function recalculates the tooltip truncation when the rowHeight has been set.
7562
7590
  // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete
7563
7591
  if (this.rowHeightSet) {
7564
- const fontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
7565
- const hasAutoRowHeight = this.globalRowHeight === "auto";
7566
7592
  this.getTypographyElements().forEach((typographyEl) => {
7567
- var _a;
7593
+ var _a, _b;
7568
7594
  const cellContainer = this.getCellContainer(typographyEl);
7569
7595
  const tooltipEl = this.getTooltip(typographyEl);
7570
- if (hasAutoRowHeight) {
7571
- cellContainer.style.height = null;
7572
- if (this.truncationPattern === this.TOOLTIP_STRING) {
7573
- this.removeTooltip(cellContainer, typographyEl, tooltipEl);
7574
- typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
7596
+ if (cellContainer) {
7597
+ if (this.globalRowHeight === "auto") {
7598
+ cellContainer.style.height = "";
7599
+ if (this.truncationPattern === this.TOOLTIP_STRING) {
7600
+ this.removeTooltip(cellContainer, typographyEl, tooltipEl);
7601
+ typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: 0`);
7602
+ }
7603
+ else if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7604
+ this.resetShowHideTruncation(typographyEl);
7605
+ }
7606
+ return;
7575
7607
  }
7576
- else if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7577
- this.resetShowHideTruncation(typographyEl);
7608
+ // If the set row height is bigger than the cell container even
7609
+ // with textWrap, set the row height
7610
+ if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
7611
+ !((_a = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style) === null || _a === void 0 ? void 0 : _a.height) &&
7612
+ this.getRowHeight(cellContainer) > cellContainer.clientHeight &&
7613
+ !cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7614
+ cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
7578
7615
  }
7579
- return;
7580
- }
7581
- const rowHeight = fontSize *
7582
- parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
7583
- // If the set row height is bigger than the cell container even
7584
- // with textWrap, set the row height
7585
- if (!cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
7586
- !((_a = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style) === null || _a === void 0 ? void 0 : _a.height) &&
7587
- rowHeight > cellContainer.clientHeight &&
7588
- !cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {
7589
- cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
7590
- }
7591
- if (this.truncationPattern) {
7592
- // If the set row height is bigger than the typography truncation wrapper
7593
- // scroll height, remove see more / see less button
7594
- if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7595
- const truncWrapper = this.getTruncWrapper(typographyEl);
7596
- const showHideBtn = typographyEl.shadowRoot.querySelector("button");
7597
- if (showHideBtn &&
7598
- (truncWrapper === null || truncWrapper === void 0 ? void 0 : truncWrapper.scrollHeight) <= cellContainer.clientHeight) {
7599
- this.resetShowHideTruncation(typographyEl);
7600
- return;
7616
+ if (this.truncationPattern) {
7617
+ // If the set row height is bigger than the typography truncation wrapper
7618
+ // scroll height, remove see more / see less button
7619
+ if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7620
+ const truncWrapper = this.getTruncWrapper(typographyEl);
7621
+ const showHideBtn = (_b = typographyEl.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("button");
7622
+ if (showHideBtn &&
7623
+ truncWrapper &&
7624
+ truncWrapper.scrollHeight <= cellContainer.clientHeight) {
7625
+ this.resetShowHideTruncation(typographyEl);
7626
+ return;
7627
+ }
7601
7628
  }
7629
+ this.truncate(typographyEl, cellContainer, tooltipEl);
7630
+ }
7631
+ else {
7632
+ this.updateSetRowHeight(typographyEl);
7602
7633
  }
7603
- this.truncate(typographyEl, cellContainer, tooltipEl);
7604
- }
7605
- else {
7606
- this.updateSetRowHeight(typographyEl);
7607
7634
  }
7608
7635
  });
7609
7636
  this.rowHeightSet = false;
@@ -7611,16 +7638,15 @@ class DataTable {
7611
7638
  // Only run truncation on the new rows
7612
7639
  // when the number of items per page has increased
7613
7640
  if (this.itemsPerPageChange) {
7614
- const allRows = this.el.shadowRoot.querySelectorAll(".table-row");
7615
- if (this.rowsPerPage > this.previousItemsPerPage) {
7641
+ const allRows = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".table-row");
7642
+ if (allRows && this.rowsPerPage > this.previousItemsPerPage) {
7616
7643
  const newRows = Array.from(allRows).slice(this.previousItemsPerPage);
7617
7644
  newRows.forEach((row) => {
7618
- row
7619
- .querySelectorAll(this.IC_TYPOGRAPHY_STRING)
7620
- .forEach((typographyEl) => {
7645
+ row.querySelectorAll("ic-typography").forEach((typographyEl) => {
7621
7646
  const cellContainer = this.getCellContainer(typographyEl);
7622
7647
  const tooltipEl = this.getTooltip(typographyEl);
7623
- this.truncate(typographyEl, cellContainer, tooltipEl);
7648
+ if (cellContainer)
7649
+ this.truncate(typographyEl, cellContainer, tooltipEl);
7624
7650
  });
7625
7651
  });
7626
7652
  }
@@ -7634,9 +7660,11 @@ class DataTable {
7634
7660
  // set truncation to see more if opened and next/previous page is pressed
7635
7661
  if (this.truncationPattern === this.SHOW_HIDE_STRING) {
7636
7662
  this.getTypographyElements().forEach((typographyEl) => {
7663
+ var _a;
7637
7664
  const cellContainer = this.getCellContainer(typographyEl);
7638
- const showHideBtn = typographyEl.shadowRoot.querySelector("button");
7639
- if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > cellContainer.clientHeight &&
7665
+ const showHideBtn = (_a = typographyEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("button");
7666
+ if (cellContainer &&
7667
+ (typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > cellContainer.clientHeight &&
7640
7668
  !showHideBtn) {
7641
7669
  this.addShowHideTruncation(cellContainer, typographyEl);
7642
7670
  }
@@ -7648,7 +7676,8 @@ class DataTable {
7648
7676
  this.getTypographyElements().forEach((typographyEl) => {
7649
7677
  const cellContainer = this.getCellContainer(typographyEl);
7650
7678
  const tooltipEl = this.getTooltip(typographyEl);
7651
- this.truncate(typographyEl, cellContainer, tooltipEl);
7679
+ if (cellContainer)
7680
+ this.truncate(typographyEl, cellContainer, tooltipEl);
7652
7681
  });
7653
7682
  this.densityUpdate = false;
7654
7683
  }
@@ -7657,7 +7686,8 @@ class DataTable {
7657
7686
  this.getTypographyElements().forEach((typographyEl) => {
7658
7687
  const cellContainer = this.getCellContainer(typographyEl);
7659
7688
  const tooltipEl = this.getTooltip(typographyEl);
7660
- if (typographyEl.scrollHeight > cellContainer.clientHeight) {
7689
+ if (cellContainer &&
7690
+ typographyEl.scrollHeight > cellContainer.clientHeight) {
7661
7691
  this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);
7662
7692
  }
7663
7693
  });
@@ -7666,29 +7696,24 @@ class DataTable {
7666
7696
  this.getTypographyElements().forEach((typographyEl) => {
7667
7697
  const truncWrapper = this.getTruncWrapper(typographyEl);
7668
7698
  const cellContainer = this.getCellContainer(typographyEl);
7669
- if ((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - this.DEFAULT_LINE_HEIGHT >
7670
- (truncWrapper === null || truncWrapper === void 0 ? void 0 : truncWrapper.scrollHeight)) {
7671
- this.resetShowHideTruncation(typographyEl);
7672
- return;
7673
- }
7674
- if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)) {
7675
- this.addShowHideTruncation(cellContainer, typographyEl);
7699
+ if (cellContainer) {
7700
+ if (truncWrapper &&
7701
+ (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - this.DEFAULT_LINE_HEIGHT >
7702
+ truncWrapper.scrollHeight) {
7703
+ this.resetShowHideTruncation(typographyEl);
7704
+ return;
7705
+ }
7706
+ if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)) {
7707
+ this.addShowHideTruncation(cellContainer, typographyEl);
7708
+ }
7676
7709
  }
7677
7710
  });
7678
7711
  }
7679
7712
  }
7680
7713
  }
7681
- createShowHideTruncation(typographyEl, cellContainer, descriptionHeight) {
7714
+ createShowHideTruncation(typographyEl, cellContainer, descriptionHeight = 0) {
7682
7715
  typographyEl.checkMaxLines(typographyEl.scrollHeight);
7683
- typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
7684
- if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
7685
- descriptionHeight) {
7686
- typographyEl.setAttribute("max-lines", `${Math.floor(((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - descriptionHeight) /
7687
- this.DEFAULT_LINE_HEIGHT)}`);
7688
- }
7689
- else {
7690
- typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
7691
- }
7716
+ typographyEl.setAttribute("max-lines", `${this.getLines(cellContainer.clientHeight - descriptionHeight)}`);
7692
7717
  typographyEl.setShowHideExpanded(false);
7693
7718
  cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);
7694
7719
  }
@@ -7707,26 +7732,30 @@ class DataTable {
7707
7732
  handleTypographyTruncationExpandToggle({ detail, }) {
7708
7733
  const { expanded, typographyEl } = detail;
7709
7734
  const cellContainer = this.getCellContainer(typographyEl);
7710
- if (cellContainer.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE) &&
7735
+ if ((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE)) &&
7711
7736
  expanded) {
7712
7737
  cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, "inherit");
7713
7738
  }
7714
7739
  }
7715
7740
  handlePageChange({ detail, target }) {
7741
+ var _a;
7716
7742
  if (target.parentElement !== this.el) {
7717
7743
  this.fromRow = (detail.value - 1) * this.rowsPerPage;
7718
7744
  this.toRow = this.fromRow + this.rowsPerPage;
7719
- const tableRowsContainer = this.el.shadowRoot.querySelector(".table-row-container");
7720
- if (this.previousRowsPerPage === this.rowsPerPage) {
7721
- tableRowsContainer.scrollTop = 0;
7722
- }
7723
- else if (this.previousRowsPerPage < this.rowsPerPage) {
7724
- tableRowsContainer.scrollTop = this.scrollOffset;
7725
- this.previousRowsPerPage = this.rowsPerPage;
7726
- }
7727
- else {
7728
- this.previousRowsPerPage = this.rowsPerPage;
7745
+ const tableRowsContainer = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".table-row-container");
7746
+ if (tableRowsContainer) {
7747
+ if (this.previousRowsPerPage === this.rowsPerPage) {
7748
+ tableRowsContainer.scrollTop = 0;
7749
+ }
7750
+ else if (this.previousRowsPerPage < this.rowsPerPage) {
7751
+ tableRowsContainer.scrollTop = this.scrollOffset;
7752
+ this.previousRowsPerPage = this.rowsPerPage;
7753
+ }
7754
+ else {
7755
+ this.previousRowsPerPage = this.rowsPerPage;
7756
+ }
7729
7757
  }
7758
+ this.selectedRows = [];
7730
7759
  }
7731
7760
  if (!this.initialLoad && this.previousPaginationPage !== detail.value) {
7732
7761
  // This is to prevent icPageChange from triggering truncation on first load
@@ -7745,10 +7774,6 @@ class DataTable {
7745
7774
  handleDensityChange(ev) {
7746
7775
  this.density = ev.detail.value;
7747
7776
  }
7748
- clickListener(ev) {
7749
- if (ev.target !== this.el)
7750
- this.selectedRow = undefined;
7751
- }
7752
7777
  loadingHandler(newValue) {
7753
7778
  if (newValue)
7754
7779
  this.startLoadingTimer();
@@ -7766,7 +7791,8 @@ class DataTable {
7766
7791
  this.getTypographyElements().forEach((typographyEl) => {
7767
7792
  const cellContainer = this.getCellContainer(typographyEl);
7768
7793
  const tooltip = this.getTooltip(typographyEl);
7769
- this.truncate(typographyEl, cellContainer, tooltip);
7794
+ if (cellContainer)
7795
+ this.truncate(typographyEl, cellContainer, tooltip);
7770
7796
  });
7771
7797
  }
7772
7798
  if (newValue === this.SHOW_HIDE_STRING) {
@@ -7776,17 +7802,20 @@ class DataTable {
7776
7802
  this.getTypographyElements().forEach((typographyEl) => {
7777
7803
  const truncWrapper = this.getTruncWrapper(typographyEl);
7778
7804
  const cellContainer = this.getCellContainer(typographyEl);
7779
- if ((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) - this.DEFAULT_LINE_HEIGHT >
7780
- (truncWrapper === null || truncWrapper === void 0 ? void 0 : truncWrapper.scrollHeight)) {
7781
- this.resetShowHideTruncation(typographyEl);
7782
- return;
7783
- }
7784
- setTimeout(() => {
7785
- // slight delay due to data rendering
7786
- if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)) {
7787
- this.addShowHideTruncation(cellContainer, typographyEl);
7805
+ if (cellContainer) {
7806
+ if (truncWrapper &&
7807
+ cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >
7808
+ truncWrapper.scrollHeight) {
7809
+ this.resetShowHideTruncation(typographyEl);
7810
+ return;
7788
7811
  }
7789
- }, 150);
7812
+ setTimeout(() => {
7813
+ // slight delay due to data rendering
7814
+ if (typographyEl.scrollHeight > cellContainer.clientHeight) {
7815
+ this.addShowHideTruncation(cellContainer, typographyEl);
7816
+ }
7817
+ }, 150);
7818
+ }
7790
7819
  });
7791
7820
  }
7792
7821
  this.truncationPatternUpdated = true;
@@ -7810,10 +7839,12 @@ class DataTable {
7810
7839
  if (typographyEl) {
7811
7840
  const truncWrapper = this.getTruncWrapper(typographyEl);
7812
7841
  const cellContainer = this.getCellContainer(typographyEl);
7813
- if ((truncWrapper === null || truncWrapper === void 0 ? void 0 : truncWrapper.scrollHeight) > (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) &&
7842
+ if (!(cellContainer && truncWrapper))
7843
+ return;
7844
+ if (truncWrapper.scrollHeight > cellContainer.clientHeight &&
7814
7845
  !isEmptyString(typographyEl.getAttribute("max-lines")) &&
7815
7846
  Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT) !==
7816
- +typographyEl.getAttribute("max-lines")) {
7847
+ Number(typographyEl.getAttribute("max-lines"))) {
7817
7848
  typographyEl.checkMaxLines(truncWrapper.scrollHeight);
7818
7849
  typographyEl.setAttribute("max-lines", `${Math.floor((cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) / this.DEFAULT_LINE_HEIGHT)}`);
7819
7850
  typographyEl.setShowHideExpanded(false);
@@ -7831,7 +7862,7 @@ class DataTable {
7831
7862
  this.getTypographyElements().forEach((typographyEl) => {
7832
7863
  const cellContainer = this.getCellContainer(typographyEl);
7833
7864
  typographyEl.resetTruncation().then(() => {
7834
- if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {
7865
+ if (cellContainer && !typographyEl.closest(this.TEXT_WRAP_CLASS)) {
7835
7866
  cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));
7836
7867
  }
7837
7868
  });
@@ -7852,7 +7883,7 @@ class DataTable {
7852
7883
  */
7853
7884
  async resetRowHeights(rowHeight) {
7854
7885
  this.globalRowHeight = rowHeight || "auto";
7855
- this.variableRowHeight = null;
7886
+ this.variableRowHeight = undefined;
7856
7887
  }
7857
7888
  showLoadingIndicator() {
7858
7889
  var _a, _b, _c;
@@ -7896,35 +7927,28 @@ class DataTable {
7896
7927
  }
7897
7928
  }
7898
7929
  removeTooltip(cellContainer, typographyEl, tooltip) {
7899
- const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
7900
- cellTextWrapper.prepend(typographyEl);
7901
- if (tooltip) {
7902
- tooltip.remove();
7903
- }
7930
+ var _a;
7931
+ (_a = cellContainer
7932
+ .querySelector(this.CELL_TEXT_WRAPPER_STRING)) === null || _a === void 0 ? void 0 : _a.prepend(typographyEl);
7933
+ tooltip === null || tooltip === void 0 ? void 0 : tooltip.remove();
7904
7934
  }
7905
7935
  addLineClampCSS(typographyEl, cellContainer) {
7906
7936
  var _a, _b;
7907
7937
  const descriptionCellHeight = (_a = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _a === void 0 ? void 0 : _a.clientHeight;
7938
+ const cellContainerHeight = cellContainer.clientHeight;
7939
+ let totalHeight = cellContainerHeight;
7908
7940
  if (cellContainer.classList.contains(this.CELL_CONTAINER_WITH_DESCRIPTION_STRING) &&
7909
- (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) > descriptionCellHeight) {
7910
- let iconHeight;
7911
- if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {
7912
- const cellIcon = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon");
7913
- iconHeight = cellIcon ? cellIcon.clientHeight : 0;
7914
- }
7915
- else {
7916
- iconHeight = 0;
7917
- }
7918
- const height = (cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight) -
7919
- ((_b = cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)) === null || _b === void 0 ? void 0 : _b.clientHeight) -
7920
- iconHeight;
7921
- typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`);
7922
- }
7923
- else {
7924
- typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.clientHeight)}`);
7941
+ descriptionCellHeight &&
7942
+ cellContainerHeight > descriptionCellHeight) {
7943
+ const iconHeight = (deviceSizeMatches(IC_DEVICE_SIZES.XS) &&
7944
+ ((_b = cellContainer === null || cellContainer === void 0 ? void 0 : cellContainer.querySelector(".icon")) === null || _b === void 0 ? void 0 : _b.clientHeight)) ||
7945
+ 0;
7946
+ totalHeight = totalHeight - descriptionCellHeight - iconHeight;
7925
7947
  }
7948
+ typographyEl.setAttribute("style", `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(totalHeight || 0)}`);
7926
7949
  }
7927
7950
  createTruncationTooltip(typographyEl, cellContainer) {
7951
+ var _a;
7928
7952
  const tooltipEl = document.createElement(this.IC_TOOLTIP_STRING);
7929
7953
  tooltipEl.setAttribute("target", typographyEl.id);
7930
7954
  tooltipEl.setAttribute("label", typographyEl.textContent);
@@ -7933,25 +7957,38 @@ class DataTable {
7933
7957
  // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly
7934
7958
  strategy: "fixed",
7935
7959
  });
7936
- const cellTextWrapper = cellContainer.querySelector(this.CELL_TEXT_WRAPPER_STRING);
7937
- cellTextWrapper.prepend(tooltipEl);
7960
+ (_a = cellContainer
7961
+ .querySelector(this.CELL_TEXT_WRAPPER_STRING)) === null || _a === void 0 ? void 0 : _a.prepend(tooltipEl);
7938
7962
  tooltipEl.prepend(typographyEl);
7939
7963
  }
7940
7964
  render() {
7941
7965
  var _a, _b;
7942
- const { caption, createColumnHeaders, createUpdatingIndicator, data, hideColumnHeaders, loading, loadingOptions, paginationBarOptions, scrollable, scrollOffset, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, theme, } = this;
7943
- return (hAsync(Host, { key: '9fa1cc109610d4370a73d9e9d1dc39ad9b2e34fc', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '7af203ceb2819160686a3074b9800820ed7100a3', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '3cf4ec7bc6edaea9fe152c48b2dad4a8bdf8e347', name: "title-bar" }), hAsync("div", { key: '6fee471259fe2cb37f1646b5e4ffd83b97d6765c', class: {
7966
+ 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;
7967
+ const rowsSelected = selectedRows.length > 0;
7968
+ const allRowsSelected = selectedRows.length === (showPagination ? rowsPerPage : data === null || data === void 0 ? void 0 : data.length);
7969
+ const headerCheckboxLabelState = rowsSelected
7970
+ ? allRowsSelected
7971
+ ? "deselect all"
7972
+ : "select all remaining"
7973
+ : "select all";
7974
+ return (hAsync(Host, { key: 'c70d98425c01e5f0d7b23d12a0a22fcde6bfa8aa', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'b7411965f1bd64038922da836d86791d9fce0766', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: 'de14d3c9613fc5f216f9318c8b584a4fe6d7d0b9', name: "title-bar" }), hAsync("div", { key: 'c28d8074bb81266c7104ce842b2ea0e415ea7576', class: {
7944
7975
  ["table-row-container"]: true,
7945
7976
  scrollable,
7946
- }, tabIndex: scrollable ? 0 : null, onScroll: updateScrollOffset }, hAsync("table", { key: 'e054307fa0e64ba9ee446315db0ab693af13f076', style: {
7947
- ["--table-layout"]: this.tableLayout,
7948
- } }, hAsync("caption", { key: '79a44a034f1718e9a4bca422ec67cba2cf168530', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: '0275b1bbf9983e1cdda744148ffe2e404dfc343f', class: {
7977
+ }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: '283aac0915752eb13c7651fe2594cbbce7eb1164', style: {
7978
+ "--table-layout": tableLayout,
7979
+ } }, hAsync("caption", { key: '9d49941bb4a1f14337af61c35057895a32466c0e', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: '970d0ecda5d04b06b394f0f1cf1e58dfdd93660f', class: {
7949
7980
  ["column-header-sticky"]: stickyColumnHeaders,
7950
7981
  ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
7951
- } }, hAsync("tr", { key: '3be8c99629bef5f9be93a907dacd9c3609ae9167' }, createColumnHeaders()))), updating &&
7982
+ } }, hAsync("tr", { key: 'dd2b7e0e731a8652d726b98c4d4b53de1d4bc89a' }, rowSelection && data && (hAsync("th", { key: 'd1c97faa5830737aa4c9d7020b7bf89a2357d127', class: {
7983
+ "column-header": true,
7984
+ "checkbox-cell": true,
7985
+ "updating-state-headers": updating && !loading,
7986
+ [`table-density-${density}`]: this.notDefaultDensity(),
7987
+ } }, hAsync("div", { key: '93aad327435bc6bc944fc3c7e141c0281beb421b', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: '9f984d73bf5172d756d1553c631a571adad238f6', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
7952
7988
  !loading &&
7953
- (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(data, loading, loadingOptions.overlay)), this.renderEmptyState(data, loading, loadingOptions.overlay)), hAsync("div", { key: 'f39b60c55de7d1769a84429d203ba67d4db7b391', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: '243db49f9f520eb7cc784574e8cd8e55a317069b', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: 'c67e73ce64617844507147a3a5abb5c54990918e', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
7954
- ? `${((_b = this.columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) || sortedColumn} sorted ${sortedColumnOrder}`
7989
+ (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '3b3d4811530dabad832180f06631b32724b7c3c8', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: '4efe794f7f5e48ff1ad762780b5a8e3f291cb8f0', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: '2eadf2de56bcbccfdb70707846a5eaa920cba050', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
7990
+ ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
7991
+ sortedColumn} sorted ${sortedColumnOrder}`
7955
7992
  : "table unsorted")))));
7956
7993
  }
7957
7994
  get el() { return getElement(this); }
@@ -7978,7 +8015,6 @@ class DataTable {
7978
8015
  "embedded": [4],
7979
8016
  "globalRowHeight": [1032, "global-row-height"],
7980
8017
  "height": [1],
7981
- "highlightSelectedRow": [4, "highlight-selected-row"],
7982
8018
  "hideColumnHeaders": [4, "hide-column-headers"],
7983
8019
  "loading": [1028],
7984
8020
  "loadingOptions": [16],
@@ -7986,6 +8022,7 @@ class DataTable {
7986
8022
  "minWidth": [1, "min-width"],
7987
8023
  "minimumLoadingDisplayDuration": [2, "minimum-loading-display-duration"],
7988
8024
  "paginationBarOptions": [16],
8025
+ "rowSelection": [4, "row-selection"],
7989
8026
  "showPagination": [4, "show-pagination"],
7990
8027
  "sortable": [4],
7991
8028
  "sortOptions": [16],
@@ -8003,7 +8040,7 @@ class DataTable {
8003
8040
  "rowsPerPage": [32],
8004
8041
  "scrollable": [32],
8005
8042
  "scrollOffset": [32],
8006
- "selectedRow": [32],
8043
+ "selectedRows": [32],
8007
8044
  "sortedColumn": [32],
8008
8045
  "sortedColumnOrder": [32],
8009
8046
  "toRow": [32],
@@ -8011,7 +8048,7 @@ class DataTable {
8011
8048
  "debounceDelay": [32],
8012
8049
  "resetRowHeights": [64]
8013
8050
  },
8014
- "$listeners$": [[0, "typographyTruncationExpandToggle", "handleTypographyTruncationExpandToggle"], [0, "icPageChange", "handlePageChange"], [0, "icItemsPerPageChange", "handleItemsPerPageChange"], [0, "icTableDensityUpdate", "handleDensityChange"], [8, "click", "clickListener"]],
8051
+ "$listeners$": [[0, "typographyTruncationExpandToggle", "handleTypographyTruncationExpandToggle"], [0, "icPageChange", "handlePageChange"], [0, "icItemsPerPageChange", "handleItemsPerPageChange"], [0, "icTableDensityUpdate", "handleDensityChange"]],
8015
8052
  "$lazyBundleId$": "-",
8016
8053
  "$attrsToReflect$": []
8017
8054
  }; }
@@ -8047,10 +8084,10 @@ class DataTableTitleBar {
8047
8084
  }
8048
8085
  componentWillLoad() {
8049
8086
  const parentEl = this.el.parentElement;
8050
- if (parentEl.tagName === "IC-DATA-TABLE") {
8087
+ if ((parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === "IC-DATA-TABLE") {
8051
8088
  const { caption, density, embedded } = parentEl;
8052
8089
  this.initialDensitySelectOption = density;
8053
- this.isEmbedded = embedded;
8090
+ this.isEmbedded = !!embedded;
8054
8091
  if (this.heading === DEFAULT_TITLE_BAR_HEADING) {
8055
8092
  this.heading = caption;
8056
8093
  }
@@ -8062,14 +8099,14 @@ class DataTableTitleBar {
8062
8099
  isSlotUsed(el, "custom-actions") ||
8063
8100
  !hideDensitySelect;
8064
8101
  const hasDescription = isSlotUsed(el, "description") || description;
8065
- return (hAsync("div", { key: 'ae200cd54744bc200f21426914cbafbb78648e7e', class: {
8102
+ return (hAsync("div", { key: 'f36585c5730a7a5c69ea13b5ebefb0da062cb8b7', class: {
8066
8103
  "title-bar-wrapper": true,
8067
8104
  "full-width": isEmbedded,
8068
- } }, hAsync("div", { key: '505507c0b4cfb023bee49f19f16cd20fe86d6b5e', class: "header-container" }, hAsync("slot", { key: '4d2f19bbb99f5d408e71abb0d145f79afb588720', name: "heading" }, hAsync("ic-typography", { key: '94496f9c6d5d1ca6898419dcecdf34e7ffe7e331', variant: "h3", class: "heading" }, hAsync("h3", { key: '79d6c2515a9decba84300040ddb78bf6b06e9af8' }, heading))), metadata && (hAsync("ic-typography", { key: 'ecc21af952a119dc5948bd6f225d9f93fe02b592', variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (hAsync("div", { key: 'e48ca0055f420a23f2b1ad86206920f67c66e750', class: "description-actions" }, hAsync("slot", { key: 'b942baf4a54917611e1022796180a912f760f01c', name: "description" }, description && (hAsync("ic-typography", { key: 'd02da52e2fa02b134e2add8e44a2d38676e37e7e', variant: "body" }, description))), showActionArea && (hAsync("div", { key: 'b9b1506b8b4d0780b70bce64f520337a7e225a7b', class: "action-area" }, isSlotUsed(el, "custom-actions") && (hAsync("div", { key: '8ddba68dfb413510d05d2b02eab6f95968690178', class: "custom-actions-wrapper" }, hAsync("slot", { key: '730b065e8c73f7cac68f593645f550fe63c5cc29', name: "custom-actions" }))), !hideDensitySelect && (hAsync("ic-select", { key: '0c0cef3758321f381c4f9aff8f58988c1cdd690a', size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
8105
+ } }, 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: [
8069
8106
  { label: "Default", value: "default" },
8070
8107
  { label: "Dense", value: "dense" },
8071
8108
  { label: "Spacious", value: "spacious" },
8072
- ], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '69dadd87109154375dc486a110eb674c9ece8fe6', name: "primary-action" }))))))));
8109
+ ], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '804c56e9ada0368f5fb53320d45d4af47f3e531e', name: "primary-action" }))))))));
8073
8110
  }
8074
8111
  get el() { return getElement(this); }
8075
8112
  static get style() { return IcDataTableTitleBarStyle0; }
@@ -8092,12 +8129,8 @@ const isMonthFirstFormat = (dateString) => {
8092
8129
  const monthFirstFormat = /^(0[1-9]|1[0-2])(\/|-)(0[1-9]|[12][0-9]|3[01])(\/|-)\d{4}$/;
8093
8130
  return monthFirstFormat.test(dateString);
8094
8131
  };
8095
- const isDayFirstFormat = (dateString) => {
8096
- const dayFirstFormat = /^(0[1-9]|[12][0-9]|3[01])(\/|-)(0[1-9]|1[0-2])(\/|-)\d{4}$/;
8097
- return dayFirstFormat.test(dateString);
8098
- };
8099
8132
  const createDate = (date, dateFormat) => {
8100
- let newDate;
8133
+ let newDate = new Date();
8101
8134
  if (isDateOrEpoch(date)) {
8102
8135
  newDate = typeof date === "string" ? new Date(date) : date;
8103
8136
  }
@@ -8110,57 +8143,30 @@ const createDate = (date, dateFormat) => {
8110
8143
  }
8111
8144
  return newDate;
8112
8145
  };
8113
- const isDateOrEpoch = (date) => {
8114
- return date instanceof Date || !isNaN(+new Date(+date));
8115
- };
8146
+ const isDateOrEpoch = (date) => date instanceof Date || !isNaN(+new Date(+date));
8116
8147
  const extractDateFromZuluDateTime = (zuluDateTime) => zuluDateTime.slice(0, zuluDateTime.indexOf("T"));
8117
8148
  const splitStringDate = (date, dateFormat) => {
8118
8149
  // returns an array where item 1 is year, item 2 is month, item 3 is day
8119
- if (date.includes("T") && date.includes("Z")) {
8120
- const nextDate = extractDateFromZuluDateTime(date);
8121
- return nextDate.split("-");
8122
- }
8150
+ if (date.includes("T") && date.includes("Z"))
8151
+ return extractDateFromZuluDateTime(date).split("-");
8123
8152
  let newDate = [];
8124
- const dateWithSlashes = date.replace(/-/g, "/");
8125
- if (dateWithSlashes.split("/").length > 1) {
8126
- const dateParts = dateWithSlashes.split("/");
8127
- // pad any values to 2 characters
8128
- dateParts.forEach((d, i) => {
8129
- if (d.length === 1) {
8130
- dateParts[i] = convertToDoubleDigits(d);
8131
- }
8132
- });
8153
+ const splitDateWithSlashes = date.replace(/-/g, "/").split("/");
8154
+ if (splitDateWithSlashes.length > 1) {
8155
+ const dateParts = splitDateWithSlashes.map((part) => part.length === 1 ? convertToDoubleDigits(part) : part); // pad any values to 2 characters
8133
8156
  if (dateParts[0].length === 4) {
8134
8157
  newDate = [dateParts[0], dateParts[1], dateParts[2]];
8135
8158
  }
8136
8159
  else {
8137
- const newDateStr = dateParts.join("/");
8138
- const validDayFirst = isDayFirstFormat(newDateStr);
8139
- const validMonthFirst = isMonthFirstFormat(newDateStr);
8140
- if (validDayFirst && validMonthFirst) {
8141
- if (dateFormat.charAt(0) === "M") {
8142
- newDate = [dateParts[2], dateParts[0], dateParts[1]];
8143
- }
8144
- else {
8145
- newDate = [dateParts[2], dateParts[1], dateParts[0]];
8146
- }
8147
- }
8148
- else if (validMonthFirst) {
8160
+ newDate = [dateParts[2], dateParts[1], dateParts[0]];
8161
+ if (isMonthFirstFormat(dateParts.join("/")) &&
8162
+ dateFormat.charAt(0) === "M") {
8149
8163
  newDate = [dateParts[2], dateParts[0], dateParts[1]];
8150
8164
  }
8151
- else {
8152
- newDate = [dateParts[2], dateParts[1], dateParts[0]];
8153
- }
8154
8165
  }
8155
8166
  }
8156
8167
  return newDate;
8157
8168
  };
8158
- const convertToDoubleDigits = (value) => {
8159
- if (+value < 10) {
8160
- return `0${value}`;
8161
- }
8162
- return value.toString();
8163
- };
8169
+ const convertToDoubleDigits = (value) => +value < 10 ? `0${value}` : value.toString();
8164
8170
  const getWeekStart = (date, startDay) => {
8165
8171
  const tmpDate = new Date(date);
8166
8172
  const day = tmpDate.getDay();
@@ -8184,14 +8190,11 @@ const getMonthEnd = (date) => {
8184
8190
  /**
8185
8191
  * Compare if two dates are equal exactly equal
8186
8192
  */
8187
- const dateMatches = (a, b) => {
8188
- if (a === null || b === null) {
8189
- return false;
8190
- }
8191
- return (a.getFullYear() === b.getFullYear() &&
8192
- a.getMonth() === b.getMonth() &&
8193
- a.getDate() === b.getDate());
8194
- };
8193
+ const dateMatches = (a, b) => a !== null &&
8194
+ b !== null &&
8195
+ a.getFullYear() === b.getFullYear() &&
8196
+ a.getMonth() === b.getMonth() &&
8197
+ a.getDate() === b.getDate();
8195
8198
  const clampDate = (date, min, max) => {
8196
8199
  const time = date.getTime();
8197
8200
  if (min !== null && time < min.getTime()) {
@@ -8205,21 +8208,9 @@ const clampDate = (date, min, max) => {
8205
8208
  /**
8206
8209
  * Compare if date is within specified range
8207
8210
  */
8208
- const dateInRange = (date, min, max) => {
8209
- return clampDate(date, min, max) === date;
8210
- };
8211
- const yearInRange = (year, min, max) => {
8212
- let allowed = true;
8213
- if (year !== null) {
8214
- if (min !== null && year < min.getFullYear()) {
8215
- allowed = false;
8216
- }
8217
- if (allowed && max !== null && year > max.getFullYear()) {
8218
- allowed = false;
8219
- }
8220
- }
8221
- return allowed;
8222
- };
8211
+ const dateInRange = (date, min, max) => clampDate(date, min, max) === date;
8212
+ const yearInRange = (year, min, max) => !year ||
8213
+ (!(min && year < min.getFullYear()) && !(max && year > max.getFullYear()));
8223
8214
 
8224
8215
  var Clear$1 = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
8225
8216
  <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>
@@ -8241,6 +8232,7 @@ class DateInput {
8241
8232
  this.icBlur = createEvent(this, "icBlur", 7);
8242
8233
  this.icChange = createEvent(this, "icChange", 7);
8243
8234
  this.icFocus = createEvent(this, "icFocus", 7);
8235
+ this.DEFAULT_DATE_FORMAT = "DD/MM/YYYY";
8244
8236
  this.ARIA_INVALID = "aria-invalid";
8245
8237
  this.ARIA_LABEL = "aria-label";
8246
8238
  this.ARIA_LABELLED_BY = "aria-labelledby";
@@ -8273,8 +8265,7 @@ class DateInput {
8273
8265
  /**
8274
8266
  * The format in which the date will be displayed.
8275
8267
  */
8276
- // eslint-disable-next-line sonarjs/no-duplicate-string
8277
- this.dateFormat = "DD/MM/YYYY";
8268
+ this.dateFormat = this.DEFAULT_DATE_FORMAT;
8278
8269
  /**
8279
8270
  * If `true`, every individual input field completed will emit an icChange event.
8280
8271
  */
@@ -8370,9 +8361,11 @@ class DateInput {
8370
8361
  */
8371
8362
  this.validationText = "";
8372
8363
  this.setInputPasteValue = (input, pastedValue) => {
8373
- const inputEl = input;
8374
- inputEl.value = pastedValue;
8375
- inputEl.classList.add(this.FIT_TO_VALUE);
8364
+ if (input) {
8365
+ const inputEl = input;
8366
+ inputEl.value = pastedValue;
8367
+ inputEl.classList.add(this.FIT_TO_VALUE);
8368
+ }
8376
8369
  };
8377
8370
  this.checkSingleCopiedValueIsValid = (input, pastedValue) => {
8378
8371
  let isValid = false;
@@ -8387,9 +8380,6 @@ class DateInput {
8387
8380
  case this.yearInputEl:
8388
8381
  isValid = true;
8389
8382
  break;
8390
- default:
8391
- isValid = false;
8392
- break;
8393
8383
  }
8394
8384
  return isValid;
8395
8385
  };
@@ -8531,8 +8521,10 @@ class DateInput {
8531
8521
  };
8532
8522
  this.handleBlur = (event) => {
8533
8523
  const input = event.target;
8534
- this.setPasteInvalidText();
8535
- this.autocompleteInput(input);
8524
+ if (input) {
8525
+ this.setPasteInvalidText();
8526
+ this.autocompleteInput(input);
8527
+ }
8536
8528
  };
8537
8529
  this.handleLeftRightArrowKeyPress = (input, key) => {
8538
8530
  if (key === "arrowright") {
@@ -8544,13 +8536,15 @@ class DateInput {
8544
8536
  this.setPasteInvalidText();
8545
8537
  };
8546
8538
  this.notifyScreenReaderSelectedDate = () => {
8547
- const dayNames = stringEnumToArray(IcDayNames);
8548
- const months = stringEnumToArray(IcDateInputMonths);
8549
- this.selectedDateInfoEl.textContent = `Selected date: ${dayNames[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${months[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`;
8539
+ if (this.selectedDate && this.selectedDateInfoEl) {
8540
+ const dayNames = stringEnumToArray(IcDayNames);
8541
+ const months = stringEnumToArray(IcDateInputMonths);
8542
+ this.selectedDateInfoEl.textContent = `Selected date: ${dayNames[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${months[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`;
8543
+ }
8550
8544
  };
8551
8545
  this.handleUpDownArrowKeyPress = (input, event) => {
8552
8546
  const minValue = input === this.yearInputEl ? 0 : 1;
8553
- let maxValue;
8547
+ let maxValue = 9999;
8554
8548
  switch (input) {
8555
8549
  case this.dayInputEl:
8556
8550
  maxValue = this.MAX_DAY;
@@ -8593,22 +8587,18 @@ class DateInput {
8593
8587
  else {
8594
8588
  if (event.key === "ArrowDown") {
8595
8589
  event.preventDefault();
8596
- if (input === this.yearInputEl) {
8597
- input.value = new Date().getFullYear().toString();
8598
- }
8599
- else {
8600
- input.value = maxValue.toString();
8601
- }
8590
+ input.value =
8591
+ input === this.yearInputEl
8592
+ ? new Date().getFullYear().toString()
8593
+ : maxValue.toString();
8602
8594
  this.notifyScreenReader(input, event);
8603
8595
  }
8604
8596
  else if (event.key === "ArrowUp") {
8605
8597
  event.preventDefault();
8606
- if (input === this.yearInputEl) {
8607
- input.value = new Date().getFullYear().toString();
8608
- }
8609
- else {
8610
- input.value = `0${minValue}`;
8611
- }
8598
+ input.value =
8599
+ input === this.yearInputEl
8600
+ ? new Date().getFullYear().toString()
8601
+ : `0${minValue}`;
8612
8602
  this.notifyScreenReader(input, event);
8613
8603
  }
8614
8604
  }
@@ -8628,7 +8618,8 @@ class DateInput {
8628
8618
  this.setValueAndEmitChange(this.selectedDate);
8629
8619
  this.notifyScreenReaderSelectedDate();
8630
8620
  }
8631
- else if (!(this.selectedDate === null && this.previousSelectedDate === null)) {
8621
+ else if (!(this.selectedDate === null && this.previousSelectedDate === null) &&
8622
+ this.selectedDateInfoEl) {
8632
8623
  this.setValueAndEmitChange(null);
8633
8624
  this.selectedDateInfoEl.textContent = "";
8634
8625
  }
@@ -8658,19 +8649,20 @@ class DateInput {
8658
8649
  // Set value of each input to value of pasted date part
8659
8650
  // Allows formats separated by '-' or '/'
8660
8651
  this.handlePaste = (event) => {
8652
+ var _a;
8661
8653
  event.preventDefault();
8662
- const pastedValue = event.clipboardData.getData("Text");
8654
+ const pastedValue = ((_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("Text")) || "";
8663
8655
  const isValidDate = this.isPastedStringDateValid(pastedValue);
8664
8656
  this.setPastedValueAndValidation(isValidDate, pastedValue, event);
8665
8657
  };
8666
8658
  this.setDate = (date) => {
8667
8659
  if (date === null || date === "" || date === undefined) {
8668
8660
  if (this.day)
8669
- this.day = null;
8661
+ this.day = "";
8670
8662
  if (this.month)
8671
- this.month = null;
8663
+ this.month = "";
8672
8664
  if (this.year)
8673
- this.year = null;
8665
+ this.year = "";
8674
8666
  this.inputsInOrder.forEach((input) => {
8675
8667
  input.classList.remove(this.FIT_TO_VALUE);
8676
8668
  this.setPreventInput(input, false);
@@ -8708,7 +8700,7 @@ class DateInput {
8708
8700
  const month = convertToDoubleDigits(date.getMonth() + 1);
8709
8701
  const year = date.getFullYear();
8710
8702
  switch (this.dateFormat) {
8711
- case "DD/MM/YYYY":
8703
+ case this.DEFAULT_DATE_FORMAT:
8712
8704
  formattedDate = `${day}/${month}/${year}`;
8713
8705
  break;
8714
8706
  case "MM/DD/YYYY":
@@ -8721,9 +8713,11 @@ class DateInput {
8721
8713
  return formattedDate;
8722
8714
  };
8723
8715
  this.updateInputValues = (day, month, year) => {
8724
- this.dayInputEl.value = day;
8725
- this.monthInputEl.value = month;
8726
- this.yearInputEl.value = year;
8716
+ if (this.dayInputEl && this.monthInputEl && this.yearInputEl) {
8717
+ this.dayInputEl.value = day;
8718
+ this.monthInputEl.value = month;
8719
+ this.yearInputEl.value = year;
8720
+ }
8727
8721
  };
8728
8722
  // Set value in state based on input
8729
8723
  this.setInputValue = (input, clear = false) => {
@@ -8751,7 +8745,9 @@ class DateInput {
8751
8745
  // (used https://www.hectane.com/blog/javascript-date-validation-with-leap-year)
8752
8746
  this.selectedDate = this.convertToDate(this.year, this.month, this.day);
8753
8747
  this.isValidDate =
8754
- +this.selectedDate !== 0 && this.selectedDate.getDate() == +this.day;
8748
+ !!this.selectedDate &&
8749
+ +this.selectedDate !== 0 &&
8750
+ this.selectedDate.getDate() == +this.day;
8755
8751
  this.isDisabledDate = this.isSelectedDateDisabled();
8756
8752
  if (!this.isValidDate || this.isDisabledDate) {
8757
8753
  this.inputsInOrder.forEach((input) => input.setAttribute(this.ARIA_INVALID, "true"));
@@ -8801,13 +8797,13 @@ class DateInput {
8801
8797
  };
8802
8798
  // Set refs to the input elements in the order they are displayed (based on the dateFormat)
8803
8799
  this.setInputsInOrder = () => {
8804
- const inputs = this.el.shadowRoot.querySelectorAll("input");
8805
- inputs.forEach((input) => this.inputsInOrder.push(input));
8800
+ var _a;
8801
+ (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("input").forEach((input) => this.inputsInOrder.push(input));
8806
8802
  };
8807
8803
  // Includes text usually added using aria-describedby
8808
8804
  // (which doesn't work on input component container)
8809
8805
  this.setAriaLabelledBy = () => {
8810
- var _a, _b;
8806
+ var _a, _b, _c;
8811
8807
  if (this.disabled &&
8812
8808
  !isEmptyString((_a = this.inputCompContainerEl) === null || _a === void 0 ? void 0 : _a.getAttribute(this.ARIA_LABELLED_BY))) {
8813
8809
  this.removeAriaLabelledBy();
@@ -8816,14 +8812,14 @@ class DateInput {
8816
8812
  if (this.disabled) {
8817
8813
  return;
8818
8814
  }
8819
- const labelEl = this.el.shadowRoot.querySelector("label");
8815
+ const labelEl = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("label");
8820
8816
  const labelId = `${this.inputId}-label`;
8821
8817
  if (labelEl !== null && labelEl !== undefined) {
8822
8818
  labelEl.id = labelId;
8823
8819
  }
8824
8820
  const hasValidation = !isEmptyString(this.validationStatus) ||
8825
8821
  !isEmptyString(this.invalidDateText);
8826
- const labelledBy = `${(_b = labelEl === null || labelEl === void 0 ? void 0 : labelEl.id) !== null && _b !== void 0 ? _b : ""} ${this.screenReaderInfoId} ${getInputDescribedByText(this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
8822
+ const labelledBy = `${(_c = labelEl === null || labelEl === void 0 ? void 0 : labelEl.id) !== null && _c !== void 0 ? _c : ""} ${this.screenReaderInfoId} ${getInputDescribedByText(this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
8827
8823
  this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);
8828
8824
  };
8829
8825
  // Sets boolean for each input, used to limit the number of characters within each field (2 for day / month, 4 for year)
@@ -8872,7 +8868,7 @@ class DateInput {
8872
8868
  this.getDescOfInputsOrder = () => {
8873
8869
  let description;
8874
8870
  switch (this.dateFormat) {
8875
- case "DD/MM/YYYY":
8871
+ case this.DEFAULT_DATE_FORMAT:
8876
8872
  description = "day, month, and year";
8877
8873
  break;
8878
8874
  case "MM/DD/YYYY":
@@ -8904,7 +8900,7 @@ class DateInput {
8904
8900
  const input = event.target;
8905
8901
  let selectedString;
8906
8902
  if (input) {
8907
- selectedString = input.value.substring(input.selectionStart, input.selectionEnd);
8903
+ selectedString = input.value.substring(input.selectionStart || 0, input.selectionEnd || undefined);
8908
8904
  }
8909
8905
  if (key === "e" ||
8910
8906
  key === "." ||
@@ -8916,81 +8912,60 @@ class DateInput {
8916
8912
  event.preventDefault();
8917
8913
  }
8918
8914
  };
8919
- // Get whether date has been disabled using disableFuture or disablePast prop, but always allow current day
8920
- // Consider using dateClamp and inDateRange
8915
+ /**
8916
+ * Get whether date has been disabled using disableFuture or disablePast prop, but always allow current day
8917
+ * Consider using dateClamp and inDateRange
8918
+ * @returns `boolean`
8919
+ */
8921
8920
  this.isSelectedDateDisabled = () => {
8921
+ if (!this.selectedDate)
8922
+ return false;
8922
8923
  const currentDate = new Date();
8923
- this.isAfterMax = false;
8924
- this.isBeforeMin = false;
8925
- let disabled = false;
8926
8924
  const isNotToday = this.selectedDate.toDateString() !== currentDate.toDateString();
8927
- if (this.minDate && this.selectedDate < this.minDate && isNotToday) {
8928
- this.isBeforeMin = true;
8929
- disabled = true;
8930
- }
8931
- if (this.maxDate && this.selectedDate > this.maxDate && isNotToday) {
8932
- this.isAfterMax = true;
8933
- disabled = true;
8934
- }
8935
- if (this.disableDays.includes(this.selectedDate.getDay())) {
8936
- disabled = true;
8937
- }
8938
- if (((this.disablePast && this.selectedDate < currentDate) ||
8939
- (this.disableFuture && this.selectedDate > currentDate)) &&
8940
- isNotToday) {
8941
- disabled = true;
8942
- }
8943
- return disabled;
8925
+ this.isAfterMax =
8926
+ this.maxDate && this.selectedDate > this.maxDate && isNotToday;
8927
+ this.isBeforeMin =
8928
+ this.minDate && this.selectedDate < this.minDate && isNotToday;
8929
+ return (this.isAfterMax ||
8930
+ this.isBeforeMin ||
8931
+ this.disableDays.includes(this.selectedDate.getDay()) ||
8932
+ (((!!this.disablePast && this.selectedDate < currentDate) ||
8933
+ (!!this.disableFuture && this.selectedDate > currentDate)) &&
8934
+ isNotToday));
8944
8935
  };
8945
8936
  this.moveToNextInput = (currentInput) => {
8946
- const currentInputPos = this.inputsInOrder.findIndex((input) => input === currentInput);
8947
- const nextInput = this.inputsInOrder[currentInputPos + 1];
8937
+ var _a;
8948
8938
  this.preventAutoFormatting = false;
8949
- if (nextInput) {
8950
- nextInput.focus();
8951
- }
8939
+ (_a = this.inputsInOrder[this.inputsInOrder.findIndex((input) => input === currentInput) + 1]) === null || _a === void 0 ? void 0 : _a.focus();
8952
8940
  };
8953
8941
  this.moveToPreviousInput = (currentInput) => {
8954
- const currentInputPos = this.inputsInOrder.findIndex((input) => input === currentInput);
8942
+ var _a;
8955
8943
  this.preventAutoFormatting = false;
8956
- if (this.inputsInOrder[currentInputPos - 1]) {
8957
- this.inputsInOrder[currentInputPos - 1].focus();
8958
- }
8944
+ (_a = this.inputsInOrder[this.inputsInOrder.findIndex((input) => input === currentInput) - 1]) === null || _a === void 0 ? void 0 : _a.focus();
8959
8945
  };
8960
8946
  this.autocompleteInput = (input) => {
8961
- if (input === this.yearInputEl) {
8962
- this.autocompleteYear();
8947
+ const inputValue = input.value;
8948
+ if (this.yearInputEl && input === this.yearInputEl) {
8949
+ // Autocomplete year as current millennium when fewer than 4 characters entered
8950
+ const yearNumbers = ["2", "0", "0"];
8951
+ let autocompletedInput = "";
8952
+ if (inputValue) {
8953
+ yearNumbers.forEach((number, index) => {
8954
+ if (inputValue.length + index <= 3) {
8955
+ autocompletedInput += number;
8956
+ }
8957
+ });
8958
+ this.yearInputEl.value = `${autocompletedInput}${inputValue}`;
8959
+ }
8963
8960
  }
8964
- else {
8965
- const inputValue = input.value;
8961
+ else if (inputValue.length === 1) {
8966
8962
  // Autocomplete input as 2 characters (leading zero) when only 1 character entered (for day and month)
8967
- if (inputValue.length === 1) {
8968
- if (+inputValue === 0) {
8969
- input.value = "01";
8970
- }
8971
- else {
8972
- input.value = `0${inputValue}`;
8973
- }
8974
- }
8963
+ input.value = +inputValue === 0 ? "01" : `0${inputValue}`;
8975
8964
  }
8976
8965
  if (input.value) {
8977
8966
  this.setInputValue(input);
8978
8967
  }
8979
8968
  };
8980
- // Autocomplete year as current millennium when fewer than 4 characters entered
8981
- this.autocompleteYear = () => {
8982
- const inputValue = this.yearInputEl.value;
8983
- const yearNumbers = ["2", "0", "0"];
8984
- let autocompletedInput = "";
8985
- if (inputValue) {
8986
- yearNumbers.forEach((number, index) => {
8987
- if (inputValue.length + index <= 3) {
8988
- autocompletedInput += number;
8989
- }
8990
- });
8991
- this.yearInputEl.value = `${autocompletedInput}${inputValue}`;
8992
- }
8993
- };
8994
8969
  this.convertToDate = (year, month, day) => {
8995
8970
  if (!isEmptyString(year) && !isEmptyString(month) && !isEmptyString(day)) {
8996
8971
  return new Date(+year, +month - 1, +day);
@@ -9004,8 +8979,8 @@ class DateInput {
9004
8979
  this.icBlur.emit({ value: this.selectedDate });
9005
8980
  };
9006
8981
  this.handleHostFocus = () => {
9007
- var _a;
9008
- if ((_a = this.el.shadowRoot.activeElement) === null || _a === void 0 ? void 0 : _a.id.match(/(day|month|year)-input$/)) {
8982
+ var _a, _b;
8983
+ if ((_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) === null || _b === void 0 ? void 0 : _b.id.match(/(day|month|year)-input$/)) {
9009
8984
  this.removeLabelledBy = false;
9010
8985
  }
9011
8986
  else {
@@ -9019,14 +8994,13 @@ class DateInput {
9019
8994
  this.setValidationMessage();
9020
8995
  this.handleDateChange(false);
9021
8996
  };
9022
- this.getAriaLabel = (input) => {
9023
- return input.getAttribute(this.ARIA_LABEL);
9024
- };
8997
+ this.getAriaLabel = (input) => input.getAttribute(this.ARIA_LABEL);
9025
8998
  this.notifyScreenReaderArrowKeys = (input) => {
9026
- const liveRegion = this.el.shadowRoot.querySelector("#live-region");
9027
- let announcement = "";
8999
+ var _a;
9000
+ const liveRegion = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#live-region");
9028
9001
  const ariaLabel = this.getAriaLabel(input);
9029
- if (liveRegion && input.value) {
9002
+ if (liveRegion && input.value && ariaLabel) {
9003
+ let announcement = "";
9030
9004
  if (input === this.monthInputEl &&
9031
9005
  !!IcDateInputMonths[+input.value - 1]) {
9032
9006
  announcement = `${input.value} - ${IcDateInputMonths[+input.value - 1]}, ${ariaLabel}`;
@@ -9038,32 +9012,23 @@ class DateInput {
9038
9012
  }
9039
9013
  };
9040
9014
  this.notifyScreenReaderInput = (input, liveRegion) => {
9041
- let announcement = "";
9042
9015
  const ariaLabel = this.getAriaLabel(input);
9043
- if (input === this.dayInputEl || input === this.monthInputEl) {
9044
- if (input.value.length === 2) {
9045
- if (input === this.monthInputEl &&
9046
- !!IcDateInputMonths[+input.value - 1] &&
9047
- this.isValidMonth) {
9048
- announcement = `${input.value} - ${IcDateInputMonths[+input.value - 1]}, ${ariaLabel}`;
9049
- }
9050
- if (input === this.dayInputEl && this.isValidDay) {
9051
- announcement = `${input.value}, ${ariaLabel}`;
9052
- }
9053
- }
9054
- else {
9055
- announcement = "";
9056
- }
9057
- }
9058
- else {
9059
- if (input.value.length === 4) {
9060
- announcement = `${input.value}, ${ariaLabel}`;
9016
+ const value = input.value;
9017
+ if (ariaLabel && value) {
9018
+ let announcement = "";
9019
+ const monthValue = IcDateInputMonths[+value - 1];
9020
+ if (input === this.monthInputEl &&
9021
+ !!monthValue &&
9022
+ this.isValidMonth &&
9023
+ value.length === 2) {
9024
+ announcement = `${value} - ${monthValue}`;
9061
9025
  }
9062
- else {
9063
- announcement = "";
9026
+ else if ((input === this.dayInputEl && this.isValidDay && value.length === 2) ||
9027
+ (input === this.yearInputEl && value.length === 4)) {
9028
+ announcement = value;
9064
9029
  }
9030
+ liveRegion.textContent = `${announcement}, ${ariaLabel}`;
9065
9031
  }
9066
- liveRegion.textContent = announcement;
9067
9032
  };
9068
9033
  this.setFitToValueStyling = (input) => {
9069
9034
  if (input.value) {
@@ -9074,15 +9039,16 @@ class DateInput {
9074
9039
  }
9075
9040
  };
9076
9041
  this.setAriaInvalid = (validDay, validMonth, validDate, disabledDate) => {
9042
+ var _a, _b;
9077
9043
  if (this.inputsInOrder.length) {
9078
9044
  this.inputsInOrder.forEach((input) => {
9079
9045
  input.removeAttribute(this.ARIA_INVALID);
9080
9046
  });
9081
9047
  if (!validDay) {
9082
- this.dayInputEl.setAttribute(this.ARIA_INVALID, "true");
9048
+ (_a = this.dayInputEl) === null || _a === void 0 ? void 0 : _a.setAttribute(this.ARIA_INVALID, "true");
9083
9049
  }
9084
9050
  if (!validMonth) {
9085
- this.monthInputEl.setAttribute(this.ARIA_INVALID, "true");
9051
+ (_b = this.monthInputEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.ARIA_INVALID, "true");
9086
9052
  }
9087
9053
  if (!validDate || disabledDate) {
9088
9054
  this.inputsInOrder.forEach((input) => {
@@ -9105,15 +9071,15 @@ class DateInput {
9105
9071
  this.inputsInOrder[0].focus();
9106
9072
  };
9107
9073
  this.handleCalendarOpen = (ev) => {
9108
- var _a, _b;
9074
+ var _a, _b, _c, _d, _e, _f;
9109
9075
  ev.stopImmediatePropagation();
9110
- (_a = this.calendarButtonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);
9076
+ (_c = (_b = (_a = this.calendarButtonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("ic-tooltip")) === null || _c === void 0 ? void 0 : _c.displayTooltip(false);
9111
9077
  this.calendarButtonClicked.emit({ value: this.selectedDate });
9112
- (_b = this.calendarButtonEl) === null || _b === void 0 ? void 0 : _b.shadowRoot.querySelector("ic-tooltip").displayTooltip(false);
9078
+ (_f = (_e = (_d = this.calendarButtonEl) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector("ic-tooltip")) === null || _f === void 0 ? void 0 : _f.displayTooltip(false);
9113
9079
  this.isDateSetFromKeyboardEvent = false;
9114
9080
  };
9115
9081
  this.setValueAndEmitChange = (value) => {
9116
- if (!dateMatches(new Date(this.value), value)) {
9082
+ if (!dateMatches(this.value ? new Date(this.value) : null, value)) {
9117
9083
  this.emitIcChange(value);
9118
9084
  this.value = value;
9119
9085
  }
@@ -9143,6 +9109,10 @@ class DateInput {
9143
9109
  this.day !== null ||
9144
9110
  this.month !== null ||
9145
9111
  this.year !== null) {
9112
+ let UTCDate = null;
9113
+ if (d !== null) {
9114
+ UTCDate = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
9115
+ }
9146
9116
  this.icChange.emit({
9147
9117
  value: d,
9148
9118
  dateObject: {
@@ -9150,6 +9120,7 @@ class DateInput {
9150
9120
  month: this.month === "" ? null : this.month,
9151
9121
  year: this.year === "" ? null : this.year,
9152
9122
  },
9123
+ utcValue: UTCDate,
9153
9124
  });
9154
9125
  }
9155
9126
  };
@@ -9189,9 +9160,10 @@ class DateInput {
9189
9160
  }
9190
9161
  }
9191
9162
  watchRequiredHandler() {
9163
+ var _a, _b;
9192
9164
  // Prevent asterisk being read out after the label by screen reader (by applying aria-hidden)
9193
9165
  // Needed because label is included in 'aria-labelledby' instead of using 'aria-label'
9194
- const labelEl = this.el.shadowRoot.querySelector("label");
9166
+ const labelEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("label");
9195
9167
  if (this.required) {
9196
9168
  const asteriskSpan = document.createElement("span");
9197
9169
  asteriskSpan.setAttribute("id", "asterisk-span");
@@ -9200,7 +9172,7 @@ class DateInput {
9200
9172
  labelEl === null || labelEl === void 0 ? void 0 : labelEl.appendChild(asteriskSpan);
9201
9173
  }
9202
9174
  else {
9203
- const asteriskSpan = this.el.shadowRoot.querySelector("#asterisk-span");
9175
+ const asteriskSpan = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("#asterisk-span");
9204
9176
  if (asteriskSpan) {
9205
9177
  asteriskSpan.remove();
9206
9178
  }
@@ -9350,18 +9322,18 @@ class DateInput {
9350
9322
  }
9351
9323
  pasteZuluDateTime(dateParts, index) {
9352
9324
  // ['YYYY', 'MM', 'DD']
9353
- if (index === 0) {
9325
+ if (index === 0 && this.yearInputEl) {
9354
9326
  const dateValue = this.slicePastedDate(4, dateParts[index]);
9355
9327
  this.yearInputEl.value = dateValue;
9356
9328
  this.setInputValue(this.yearInputEl);
9357
9329
  }
9358
- else if (index === 1) {
9330
+ else if (index === 1 && this.monthInputEl) {
9359
9331
  // The month value is the second item in the array
9360
9332
  const dateValue = this.slicePastedDate(2, dateParts[index]);
9361
9333
  this.monthInputEl.value = dateValue;
9362
9334
  this.setInputValue(this.monthInputEl);
9363
9335
  }
9364
- else {
9336
+ else if (this.dayInputEl) {
9365
9337
  const dateValue = this.slicePastedDate(2, dateParts[index]);
9366
9338
  this.dayInputEl.value = dateValue;
9367
9339
  this.setInputValue(this.dayInputEl);
@@ -9386,7 +9358,8 @@ class DateInput {
9386
9358
  }
9387
9359
  }
9388
9360
  notifyScreenReader(input, event) {
9389
- const liveRegion = this.el.shadowRoot.querySelector("#live-region");
9361
+ var _a;
9362
+ const liveRegion = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#live-region");
9390
9363
  if (liveRegion) {
9391
9364
  if (this.isKeyboardOrEvent(event)) {
9392
9365
  this.notifyScreenReaderArrowKeys(input);
@@ -9406,15 +9379,15 @@ class DateInput {
9406
9379
  : "";
9407
9380
  const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
9408
9381
  renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
9409
- return (hAsync(Host, { key: 'a37b652ab1896d583a970f2fe3f23480fe923406', class: {
9382
+ return (hAsync(Host, { key: '5e9f71b2a1c5dbc55f615ea389121c300ed68fd4', class: {
9410
9383
  [`ic-theme-${theme}`]: theme !== "inherit",
9411
9384
  [`ic-date-input-disabled`]: disabled,
9412
- }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '41c1cd439879613d8920593309e19c050e5d451e', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: 'a598faa23eda4cf283cd5e542008aad20150736e', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled })), hAsync("span", { key: '71265eb5808610652efe874a2ad9828c970a9176', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '67121b1b28fa69acd5c143d8dacb9c634db15f05', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '2af3f97d24ed25ba868b08d13b4467075b350a36', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: 'c7c455f3f16458f6a56e604e8f8499834f277933', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'ccf2a9ca8154cdc108fdbbe4a8b1cf2fd6fb5070', class: "input-container" }, hAsync("div", { key: 'c044b44ee99dcf32722bdbfa481c8464a9a4d7bb', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '30818ad45a24cdca204f8b629f064840420afb44', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '99a6a5b62893e56cf5d3a4f6645ce2aa1b77e538', id: "clear-button", "aria-label": "Clear input", class: {
9385
+ }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '64fe93a68d17f2b84e296efb2d9602876628d972', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '69bb1722d84504483a7691fe713c86639025765f', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled })), hAsync("span", { key: '3ef289406284d077b47db67d8b5d45919fdaad0e', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '20222a2534cf00d15fe40610412babb302fc0e7a', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '5d4346a0fec1b1ee9d22057b7f2f1aa3b98f9693', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '1a2adcdeaf2e5cb437f77dd76054dcd872937bfc', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'ad5c42cec33b39329bde1975b094f3f13e974191', class: "input-container" }, hAsync("div", { key: '5bc9b871e605562b50306d5bb6bcc078892bafc5', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '6efb1d64b2eeab1c3da78d1e0b95f3df987fedcc', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '39a73d58a6814d3fac7425050291e3f2f821cd72', id: "clear-button", "aria-label": "Clear input", class: {
9413
9386
  ["clear-button"]: true,
9414
9387
  ["hidden"]: isEmptyString(this.day) &&
9415
9388
  isEmptyString(this.month) &&
9416
9389
  isEmptyString(this.year),
9417
- }, 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: '77a0ba0e9dfa3b99a97252178e42f49261619503', class: "show-calendar-button-wrapper" }, hAsync("div", { key: '70408bceb4963e3ba54fe5630ba95905d15be0a6', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: 'f38c632d59fe23bfda2f20a8a9646028ac40f99b', 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: '614cc74c88f8d83e04ec9bde0d984567c536d65c', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: 'f1dea32613b9f162808ffef69baa6231c86998d3', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (hAsync("ic-input-validation", { key: '802cdf9f7bc52c9164137059b46f5c1dfcbcdb80', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
9390
+ }, 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: '6d05e11943d6bd56f9dd6d20b8306a45062ac3f2', class: "show-calendar-button-wrapper" }, hAsync("div", { key: 'c04cdf2665700c19fdc323bf92435d2b0d710016', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '1a88f2b979c6c1569bb5bff797ea28e86526ff69', 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: '49dc06b59b4ecbee2899842a1dc63d5bbde70cc3', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: 'bd2d89299077ceaf51b03fc5f22e6d0ff2f1550a', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (hAsync("ic-input-validation", { key: 'd1502e42604239e61c7ec08840c258d2ea4d07e8', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
9418
9391
  }
9419
9392
  static get delegatesFocus() { return true; }
9420
9393
  get el() { return getElement(this); }
@@ -9504,7 +9477,7 @@ const DayButton = ({ focussed, today, day, monthInView, onFocusDay, onBlurDay, o
9504
9477
  hAsync("button", { class: {
9505
9478
  "day-button": true,
9506
9479
  "outside-month": outsideMonth,
9507
- "outside-range": outsideRange,
9480
+ "outside-range": !!outsideRange,
9508
9481
  hidden: outsideMonth && !showDaysOutsideMonth,
9509
9482
  disabled: disabled,
9510
9483
  today: today,
@@ -9613,7 +9586,7 @@ class DatePicker {
9613
9586
  this.dayPickerKeyboardNav = false;
9614
9587
  this.dialogDescription = "";
9615
9588
  this.focusDay = true;
9616
- this.liveRegionEl = null;
9589
+ this.liveRegionEl = undefined;
9617
9590
  this.monthNames = [];
9618
9591
  this.monthInViewUpdateHandled = false;
9619
9592
  this.myCalendarButtonClicked = false;
@@ -9748,11 +9721,12 @@ class DatePicker {
9748
9721
  this.decadeEnd = decadeArr[10];
9749
9722
  };
9750
9723
  this.setSelectedDate = (d, emit = true) => {
9724
+ var _a;
9751
9725
  if (d === null || !dateMatches(d, this.selectedDate)) {
9752
9726
  this.selectedDate = d;
9753
9727
  this.value = d;
9754
9728
  if (emit) {
9755
- this.inputEl.triggerIcChange(d);
9729
+ (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.triggerIcChange(d);
9756
9730
  }
9757
9731
  }
9758
9732
  };
@@ -9770,10 +9744,11 @@ class DatePicker {
9770
9744
  this.calendarOpen = false;
9771
9745
  };
9772
9746
  this.keyDownHandler = (event) => {
9747
+ var _a;
9773
9748
  if (event.key === "Escape") {
9774
9749
  if (this.calendarOpen) {
9775
9750
  this.closeButtonClickHandler();
9776
- this.inputEl.setCalendarFocus();
9751
+ (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.setCalendarFocus();
9777
9752
  event.stopImmediatePropagation();
9778
9753
  }
9779
9754
  }
@@ -9789,10 +9764,14 @@ class DatePicker {
9789
9764
  this.monthButtonEl.setFocus();
9790
9765
  };
9791
9766
  this.focusLastElement = () => {
9792
- if (this.showPickerClearButton && !this.clearButtonEl.disabled) {
9767
+ if (this.showPickerClearButton &&
9768
+ this.clearButtonEl &&
9769
+ !this.clearButtonEl.disabled) {
9793
9770
  this.clearButtonEl.setFocus();
9794
9771
  }
9795
- else if (this.showPickerTodayButton && !this.todayButtonEl.disabled) {
9772
+ else if (this.showPickerTodayButton &&
9773
+ this.todayButtonEl &&
9774
+ !this.todayButtonEl.disabled) {
9796
9775
  this.todayButtonEl.setFocus();
9797
9776
  }
9798
9777
  else if (this.monthPickerVisible) {
@@ -9838,7 +9817,8 @@ class DatePicker {
9838
9817
  setTimeout(() => this.focusFocussedDay(), FOCUS_TIMER);
9839
9818
  };
9840
9819
  this.todayButtonKeyDownHandler = (ev) => {
9841
- if (ev.key === "Tab" && !ev.shiftKey && this.clearButtonEl.disabled) {
9820
+ var _a;
9821
+ if (ev.key === "Tab" && !ev.shiftKey && ((_a = this.clearButtonEl) === null || _a === void 0 ? void 0 : _a.disabled)) {
9842
9822
  this.focusFirstElement();
9843
9823
  ev.preventDefault();
9844
9824
  }
@@ -9960,9 +9940,7 @@ class DatePicker {
9960
9940
  this.isNextYearAllowed = () => {
9961
9941
  return this.isYearAllowed(this.yearInView + 1);
9962
9942
  };
9963
- this.isYearAllowed = (yr) => {
9964
- return yearInRange(yr, this.minDate, this.maxDate);
9965
- };
9943
+ this.isYearAllowed = (yr) => yearInRange(yr, this.minDate, this.maxDate);
9966
9944
  this.getMonthView = (date) => {
9967
9945
  const start = getWeekStart(getMonthStart(date), this.startOfWeek);
9968
9946
  const end = getWeekEnd(getMonthEnd(date), this.startOfWeek);
@@ -9981,20 +9959,23 @@ class DatePicker {
9981
9959
  return (d.getFullYear() === this.yearInView && d.getMonth() === this.monthInView);
9982
9960
  };
9983
9961
  this.updateMonthInView = () => {
9984
- this.currMonthView = this.getMonthView(this.focussedDate);
9985
- this.focussedDay = this.focussedDate.getDate();
9986
- this.monthInView = this.focussedDate.getMonth();
9987
- this.yearInView = this.focussedDate.getFullYear();
9988
- if (this.dayPickerKeyboardNav) {
9989
- this.monthInViewUpdateHandled = true;
9990
- this.setAriaLiveRegionText(this.getMonthInViewText());
9991
- this.dayPickerKeyboardNav = false;
9962
+ if (this.focussedDate) {
9963
+ this.currMonthView = this.getMonthView(this.focussedDate);
9964
+ this.focussedDay = this.focussedDate.getDate();
9965
+ this.monthInView = this.focussedDate.getMonth();
9966
+ this.yearInView = this.focussedDate.getFullYear();
9967
+ if (this.dayPickerKeyboardNav) {
9968
+ this.monthInViewUpdateHandled = true;
9969
+ this.setAriaLiveRegionText(this.getMonthInViewText());
9970
+ this.dayPickerKeyboardNav = false;
9971
+ }
9992
9972
  }
9993
9973
  };
9994
9974
  this.handleSelectDay = (day) => {
9975
+ var _a;
9995
9976
  this.setSelectedDate(day);
9996
9977
  this.calendarOpen = false;
9997
- this.inputEl.setCalendarFocus();
9978
+ (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.setCalendarFocus();
9998
9979
  };
9999
9980
  this.handleSelectMonth = (month) => {
10000
9981
  this.moveMonths(month - this.monthInView);
@@ -10201,11 +10182,13 @@ class DatePicker {
10201
10182
  break;
10202
10183
  case "ArrowLeft":
10203
10184
  this.dayPickerKeyboardNav = true;
10204
- this.moveDays(-1 * this.getNextDayToFocus(this.focussedDate, false));
10185
+ if (this.focussedDate)
10186
+ this.moveDays(-1 * this.getNextDayToFocus(this.focussedDate, false));
10205
10187
  break;
10206
10188
  case "ArrowRight":
10207
10189
  this.dayPickerKeyboardNav = true;
10208
- this.moveDays(this.getNextDayToFocus(this.focussedDate, true));
10190
+ if (this.focussedDate)
10191
+ this.moveDays(this.getNextDayToFocus(this.focussedDate, true));
10209
10192
  break;
10210
10193
  case "PageUp":
10211
10194
  this.dayPickerKeyboardNav = true;
@@ -10235,10 +10218,11 @@ class DatePicker {
10235
10218
  }
10236
10219
  };
10237
10220
  this.calendarTabHandler = (ev) => {
10221
+ var _a;
10238
10222
  let handled = false;
10239
10223
  if (!ev.shiftKey &&
10240
10224
  (!this.showPickerTodayButton || this.isCurrentMonth()) &&
10241
- (!this.showPickerClearButton || this.clearButtonEl.disabled)) {
10225
+ (!this.showPickerClearButton || ((_a = this.clearButtonEl) === null || _a === void 0 ? void 0 : _a.disabled))) {
10242
10226
  this.focusFirstElement();
10243
10227
  handled = true;
10244
10228
  }
@@ -10255,47 +10239,50 @@ class DatePicker {
10255
10239
  this.dayButtonFocussed = false;
10256
10240
  };
10257
10241
  this.getNextDayToFocus = (currDay, forward, level = 1) => {
10242
+ var _a;
10258
10243
  const move = forward ? 1 : -1;
10259
10244
  const nextDay = new Date(currDay);
10260
10245
  nextDay.setDate(nextDay.getDate() + move);
10261
- const nextDayNum = Number(nextDay.getDay());
10262
- if (this.disableDays.includes(nextDayNum)) {
10263
- return this.getNextDayToFocus(nextDay, forward, level + 1);
10264
- }
10265
- else {
10266
- return level;
10267
- }
10246
+ return ((_a = this.disableDays) === null || _a === void 0 ? void 0 : _a.includes(Number(nextDay.getDay())))
10247
+ ? this.getNextDayToFocus(nextDay, forward, level + 1)
10248
+ : level;
10268
10249
  };
10269
10250
  this.moveDays = (numDays) => {
10270
- const d = new Date(this.focussedDate);
10271
- d.setDate(d.getDate() + numDays);
10272
- this.setFocussedDate(d);
10251
+ if (this.focussedDate) {
10252
+ const d = new Date(this.focussedDate);
10253
+ d.setDate(d.getDate() + numDays);
10254
+ this.setFocussedDate(d);
10255
+ }
10273
10256
  };
10274
10257
  this.moveMonths = (numMonths) => {
10275
- const newMonth = this.focussedDate.getMonth() + numMonths;
10276
- const min = new Date(new Date(getMonthStart(this.focussedDate)).setMonth(newMonth));
10277
- const max = getMonthEnd(min);
10278
- const newDate = new Date(new Date(this.focussedDate).setMonth(newMonth));
10279
- this.setFocussedDate(clampDate(newDate, min, max));
10280
- if (this.monthPickerVisible === false &&
10281
- this.yearPickerVisible === false &&
10282
- this.monthInViewUpdateHandled === false) {
10283
- this.setAriaLiveRegionText(this.getMonthInViewText());
10284
- }
10285
- this.monthInViewUpdateHandled = false;
10258
+ if (this.focussedDate) {
10259
+ const newMonth = this.focussedDate.getMonth() + numMonths;
10260
+ const min = new Date(new Date(getMonthStart(this.focussedDate)).setMonth(newMonth));
10261
+ const max = getMonthEnd(min);
10262
+ const newDate = new Date(new Date(this.focussedDate).setMonth(newMonth));
10263
+ this.setFocussedDate(clampDate(newDate, min, max));
10264
+ if (this.monthPickerVisible === false &&
10265
+ this.yearPickerVisible === false &&
10266
+ this.monthInViewUpdateHandled === false) {
10267
+ this.setAriaLiveRegionText(this.getMonthInViewText());
10268
+ }
10269
+ this.monthInViewUpdateHandled = false;
10270
+ }
10286
10271
  };
10287
10272
  this.moveYears = (numYears) => {
10288
- const newYear = this.focussedDate.getFullYear() + numYears;
10289
- const min = new Date(new Date(getMonthStart(this.focussedDate)).setFullYear(newYear));
10290
- const max = getMonthEnd(min);
10291
- const newDate = new Date(new Date(this.focussedDate).setFullYear(newYear));
10292
- this.setFocussedDate(clampDate(newDate, min, max));
10293
- if (this.monthPickerVisible === false &&
10294
- this.yearPickerVisible === false &&
10295
- this.monthInViewUpdateHandled === false) {
10296
- this.setAriaLiveRegionText(this.getMonthInViewText());
10297
- }
10298
- this.monthInViewUpdateHandled = false;
10273
+ if (this.focussedDate) {
10274
+ const newYear = this.focussedDate.getFullYear() + numYears;
10275
+ const min = new Date(new Date(getMonthStart(this.focussedDate)).setFullYear(newYear));
10276
+ const max = getMonthEnd(min);
10277
+ const newDate = new Date(new Date(this.focussedDate).setFullYear(newYear));
10278
+ this.setFocussedDate(clampDate(newDate, min, max));
10279
+ if (this.monthPickerVisible === false &&
10280
+ this.yearPickerVisible === false &&
10281
+ this.monthInViewUpdateHandled === false) {
10282
+ this.setAriaLiveRegionText(this.getMonthInViewText());
10283
+ }
10284
+ this.monthInViewUpdateHandled = false;
10285
+ }
10299
10286
  };
10300
10287
  this.updateFocussedMonth = (adjust) => {
10301
10288
  const d = new Date(this.focussedYear, this.focussedMonth, 1);
@@ -10367,16 +10354,16 @@ class DatePicker {
10367
10354
  inputProps.disablePastMessage = this.disablePastMessage;
10368
10355
  }
10369
10356
  }
10370
- if (this.disableDays.length > 0) {
10357
+ if (this.disableDays && this.disableDays.length > 0) {
10371
10358
  inputProps.disableDays = this.disableDays;
10372
10359
  if (this.disableDaysMessage !== DEFAULT_DISABLE_DAYS_MSG) {
10373
10360
  inputProps.disableDaysMessage = this.disableDaysMessage;
10374
10361
  }
10375
10362
  }
10376
- if (this.max !== null && this.max !== "") {
10363
+ if (this.max !== null && this.max !== "" && this.maxDate) {
10377
10364
  inputProps.max = this.maxDate;
10378
10365
  }
10379
- if (this.min !== null && this.min !== "") {
10366
+ if (this.min !== null && this.min !== "" && this.minDate) {
10380
10367
  inputProps.min = this.minDate;
10381
10368
  }
10382
10369
  if (this.helperText !== undefined) {
@@ -10568,35 +10555,38 @@ class DatePicker {
10568
10555
  : "Open month picker";
10569
10556
  const yearLabel = this.yearInView ? this.yearInView : "Open year picker";
10570
10557
  let minDay = minDate;
10571
- if (this.disablePast) {
10558
+ if (minDate && this.disablePast) {
10572
10559
  const yesterday = new Date(minDate);
10573
10560
  yesterday.setDate(minDate.getDate() - 1);
10574
10561
  minDay = yesterday;
10575
10562
  }
10576
- return (hAsync(Host, { key: '5e9ccc7a11ec9af59b92c82a57220d2331487ae3', onKeyDown: this.keyDownHandler, class: {
10563
+ return (hAsync(Host, { key: 'cc90bc5878c0b27ef385c662cbe9e294af725f7d', onKeyDown: this.keyDownHandler, class: {
10577
10564
  [`ic-date-picker-${size}`]: true,
10578
10565
  [`ic-theme-${theme}`]: theme !== "inherit",
10579
- } }, hAsync("div", { key: '4a955bd86f7d40729b9e06a951b74f1ac8e6537d', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: 'dfad29fcd55af0bd223043829bf9ba0a50a13c83', ref: (el) => (this.inputEl = el) }, dateInputProps))), calendarOpen && (hAsync("div", { key: '54b425398ff5d01f48579295f11afe134dd4754d' }, hAsync("span", { key: '7dd1c85c21aa42e4e349ed3b5c49e30d8079b805', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '60277961fe96cd039c2896667c540799da9ee791', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
10566
+ } }, hAsync("div", { key: '65d2149e34caf284fa187c3b2dd8ed21d6bb5a44', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: '2ae06cec893443c8a300a0faa3bec5c7b9b4a652', ref: (el) => (this.inputEl = el) }, dateInputProps))), calendarOpen && (hAsync("div", { key: '81bf1e0fc12cc1180e5dee420e6792be18860789' }, hAsync("span", { key: '12198d7c301931a0d1dc046e57e736ad872362bd', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '1738f61431f776ba6e0377dd657cc3085d111db6', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
10580
10567
  "calendar-container": true,
10581
10568
  above: this.showPickerAbove,
10582
- }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '13e933dec8f72ad6b3c321e2d20068e44676d526', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: 'ef5b6ecc2837afa98e54b3d1f3f7c35b9d76cbe8', class: {
10569
+ }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '210fa127f438a467e7fe89c5a6e900cd4d69ec2a', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: '500e2e2dbd101bb0f770d4ba8cd793dc9c4ebb57', class: {
10583
10570
  "month-year-nav-container": true,
10584
- } }, hAsync("div", { key: '4d0758186767ffc0a53bbd98546c71d6f3ae68e1', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: '87a8892fcc48cbdd31e71e98677afb4a65b4509a', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '54562344011fdc11a801ed4ab3bf0f9d1cbb0720', 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: 'cd717c2e91642b10bef03f749c839caaeb90c5d4', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: '41b425d37f008489a105a540ab0e05460e10c322', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: '06c7108cddf69046a6c2b5ac6226dff3ff3ff5c3', 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: '280daa0c705cdd4016b461aef7e8d781e79a99b4', class: {
10571
+ } }, hAsync("div", { key: '36ce54eee3ff375aa188e8ebccb56e767d43a64f', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: 'e5ff7fe31f7b7ead833a4b46430ee59688516b1d', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '8ac0849ffda32901e0877c3c2c99badc1c73eaf6', 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: '832776e6191be307b0da81a8443f21ab799e5a56', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: '46cdeb8c52e33b5b3b520ef225887a42fc1bf058', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: 'f44e816f812ba381360493b3720aebef8a29aac1', 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: '6467d4df41dd58ff2b1578bcdbfec543e1b97e79', class: {
10585
10572
  calendar: true,
10586
10573
  hidden: monthPickerVisible || yearPickerVisible,
10587
- }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: 'fb5ca495827648da54f931081d7ada104813d6d6', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
10574
+ }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: 'b2852f026f9f5a10d53a82062e194d128bb19ba4', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
10588
10575
  const header = size === "small" ? dayName.charAt(0) : dayName;
10589
10576
  return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
10590
- })), hAsync("div", { key: 'cb969df058c5c9992eea64185219c12dd4f63f16', class: "calendar-days-container" }, this.currMonthView.map((day) => (hAsync(DayButton, { day: day, disableDay: this.disableDays.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 })))))), hAsync("div", { key: '6878f71a8e9849309935aed5f3ace0ea0528a5b9', class: {
10577
+ })), hAsync("div", { key: '7213ab26144c1cade134c5acec0c261631772631', class: "calendar-days-container" }, this.currMonthView.map((day) => {
10578
+ var _a;
10579
+ 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 }));
10580
+ })))), hAsync("div", { key: '49df75ac411965cac3efc5a9f5c8345f931d60f9', class: {
10591
10581
  "month-picker-container": true,
10592
10582
  hidden: !monthPickerVisible,
10593
- } }, monthPickerVisible && (hAsync(MonthPicker, { key: '3adce24e8a23ce361de3f6e377eadcea09ba9407', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: 'c645f72d43f2ca109ee37f182d1e8d3ee54e8b91', class: {
10583
+ } }, monthPickerVisible && (hAsync(MonthPicker, { key: '97a612ef85dec4982ae6a5f48ca7ef48d6ce83ab', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: '0780257482c6fa52e35b4a21c40ce4418d94ca1b', class: {
10594
10584
  "year-picker-container": true,
10595
10585
  hidden: !yearPickerVisible,
10596
- } }, yearPickerVisible && (hAsync(YearPicker, { key: '3e3022a85c04a79e59f141e2e11b969712e40ca9', 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: '6cbaef27a87bb48333241842a2654facb90578a6', class: {
10586
+ } }, yearPickerVisible && (hAsync(YearPicker, { key: '0b0933ec68d70ec042c2896820b2fc8a44394886', 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: '668baa66a596cfffae88374648d99e3ab57606fa', class: {
10597
10587
  "bottom-buttons": true,
10598
10588
  "no-today": !showPickerTodayButton,
10599
- } }, showPickerTodayButton && (hAsync("ic-button", { key: 'efdb2b56aa7b886c3bb90379a553d86143a5479a', 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: 'd54bb6a21e9cf1164d09c27a01d1b334a52eb433', 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 === "" ||
10589
+ } }, showPickerTodayButton && (hAsync("ic-button", { key: 'cc8b644d97f9f11fccca0e3c2c4cb577863aa70b', 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: 'e4e1f2a4e67d7a4acb0d18765ba02ea6f57b5557', 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 === "" ||
10600
10590
  this.value === null ||
10601
10591
  this.value === undefined }, "Clear"))))))));
10602
10592
  }
@@ -10705,10 +10695,6 @@ class Dialog {
10705
10695
  this.resizeObserver = null;
10706
10696
  this.dialogRendered = false;
10707
10697
  this.fadeIn = false;
10708
- /**
10709
- * If set to `false`, default buttons will not be shown, but slotted dialog controls will still be displayed.
10710
- */
10711
- this.buttons = true;
10712
10698
  /**
10713
10699
  * If set to `false`, the dialog will not close when the backdrop is clicked.
10714
10700
  */
@@ -10734,6 +10720,10 @@ class Dialog {
10734
10720
  * If `true`, the close button will not be displayed.
10735
10721
  */
10736
10722
  this.hideCloseButton = false;
10723
+ /**
10724
+ * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.
10725
+ */
10726
+ this.hideDefaultControls = false;
10737
10727
  /**
10738
10728
  * If `true`, the dialog will be displayed.
10739
10729
  */
@@ -10875,19 +10865,11 @@ class Dialog {
10875
10865
  element.hasAttribute("disabled") ||
10876
10866
  (element.tagName === this.IC_ACCORDION_GROUP &&
10877
10867
  element.hasAttribute("single-expansion"));
10878
- let shouldSkipElement = false;
10879
- if (isHidden) {
10880
- shouldSkipElement = true;
10881
- }
10882
- else {
10883
- if (element.getAttribute("type") === "radio") {
10884
- const radioEl = element.closest("ic-radio-option");
10885
- if (radioEl && !radioEl.hasAttribute("selected")) {
10886
- shouldSkipElement = true;
10887
- }
10888
- }
10889
- }
10890
- return shouldSkipElement;
10868
+ const radioEl = element.closest("ic-radio-option");
10869
+ return (isHidden ||
10870
+ (element.getAttribute("type") === "radio" &&
10871
+ !!radioEl &&
10872
+ !radioEl.hasAttribute("selected")));
10891
10873
  };
10892
10874
  this.focusElement = (element, shiftKey = false) => {
10893
10875
  let nextFocusEl = element;
@@ -10912,18 +10894,18 @@ class Dialog {
10912
10894
  }
10913
10895
  };
10914
10896
  this.renderDialog = () => {
10915
- const { buttons, size, heading, label, destructive, dismissLabel, hideCloseButton, } = this;
10897
+ const { hideDefaultControls, size, heading, label, destructive, dismissLabel, hideCloseButton, disableHeightConstraint, disableWidthConstraint, closeIconClick, DIALOG_CONTROLS, } = this;
10898
+ const controlsSlotUsed = isSlotUsed$1(this.el, DIALOG_CONTROLS);
10916
10899
  return (hAsync("dialog", { class: {
10917
- ["dialog"]: true,
10900
+ dialog: true,
10918
10901
  [`${size}`]: true,
10919
- ["disable-height-constraint"]: !!this.disableHeightConstraint,
10920
- ["disable-width-constraint"]: !!this.disableWidthConstraint,
10921
- }, "aria-labelledby": "dialog-label dialog-heading", "aria-describedby": "dialog-alert dialog-content", ref: (el) => (this.dialogEl = el) }, hAsync("div", { class: "heading-area" }, hAsync("div", { class: "heading-content" }, hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }, hAsync("ic-typography", { variant: "label", id: "dialog-label" }, label))), hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4", id: "dialog-heading" }, heading)))), !hideCloseButton && (hAsync("ic-button", { class: "close-icon", variant: "icon", innerHTML: closeIcon, "aria-label": dismissLabel, onClick: this.closeIconClick, "data-gets-focus": destructive || !buttons ? "" : null }))), hAsync("div", { class: "content-area" }, isSlotUsed$1(this.el, "alert") && hAsync("slot", { name: "alert" }), hAsync("div", { id: "dialog-content" }, hAsync("slot", null))), buttons &&
10922
- (isSlotUsed$1(this.el, this.DIALOG_CONTROLS) ? (hAsync("div", { class: {
10923
- [this.DIALOG_CONTROLS]: true,
10924
- } }, hAsync("slot", { name: this.DIALOG_CONTROLS }))) : (hAsync("div", { class: {
10925
- [this.DIALOG_CONTROLS]: true,
10926
- } }, hAsync("ic-button", { variant: "tertiary", onClick: () => this.cancelDialog(), class: "dialog-control-button", "data-gets-focus": null }, "Cancel"), hAsync("ic-button", { variant: this.destructive ? "destructive" : "primary", onClick: () => this.confirmDialog(), class: "dialog-control-button", "data-gets-focus": "" }, "Confirm"))))));
10902
+ "disable-height-constraint": !!disableHeightConstraint,
10903
+ "disable-width-constraint": !!disableWidthConstraint,
10904
+ }, "aria-labelledby": "dialog-label dialog-heading", "aria-describedby": "dialog-alert dialog-content", ref: (el) => (this.dialogEl = el) }, hAsync("div", { class: "heading-area" }, hAsync("div", { class: "heading-content" }, hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }, hAsync("ic-typography", { variant: "label", id: "dialog-label" }, label))), hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4", id: "dialog-heading" }, heading)))), !hideCloseButton && (hAsync("ic-button", { class: "close-icon", variant: "icon", innerHTML: closeIcon, "aria-label": dismissLabel, onClick: closeIconClick, "data-gets-focus": destructive || (hideDefaultControls && !controlsSlotUsed)
10905
+ ? ""
10906
+ : null }))), hAsync("div", { class: "content-area" }, isSlotUsed$1(this.el, "alert") && hAsync("slot", { name: "alert" }), hAsync("div", { id: "dialog-content" }, hAsync("slot", null))), (controlsSlotUsed || !hideDefaultControls) && (hAsync("div", { class: {
10907
+ [DIALOG_CONTROLS]: true,
10908
+ } }, controlsSlotUsed ? (hAsync("slot", { name: DIALOG_CONTROLS })) : (hAsync(Fragment, null, hAsync("ic-button", { variant: "tertiary", onClick: () => this.cancelDialog(), class: "dialog-control-button", "data-gets-focus": null }, "Cancel"), hAsync("ic-button", { variant: destructive ? "destructive" : "primary", onClick: () => this.confirmDialog(), class: "dialog-control-button", "data-gets-focus": "" }, "Confirm")))))));
10927
10909
  };
10928
10910
  }
10929
10911
  watchOpenHandler() {
@@ -10958,13 +10940,11 @@ class Dialog {
10958
10940
  onComponentRequiredPropUndefined$1([{ prop: this.heading, propName: "heading" }], "Dialog");
10959
10941
  }
10960
10942
  componentDidRender() {
10961
- if (getComputedStyle(this.el).display !== "none" &&
10962
- this.disableHeightConstraint) {
10963
- document.body.style.overflow = "hidden";
10964
- }
10965
- else {
10966
- document.body.style.overflow = "auto";
10967
- }
10943
+ document.body.style.overflow =
10944
+ getComputedStyle(this.el).display !== "none" &&
10945
+ this.disableHeightConstraint
10946
+ ? "hidden"
10947
+ : "auto";
10968
10948
  }
10969
10949
  handleKeyboard(ev) {
10970
10950
  if (this.dialogRendered) {
@@ -10987,11 +10967,11 @@ class Dialog {
10987
10967
  if (this.dialogEl &&
10988
10968
  this.closeOnBackdropClick &&
10989
10969
  ev.composedPath().indexOf(this.dialogEl) <= 0) {
10990
- const rect = this.dialogEl.getBoundingClientRect();
10991
- const isInDialog = rect.top <= ev.clientY &&
10992
- ev.clientY <= rect.top + rect.height &&
10993
- rect.left <= ev.clientX &&
10994
- ev.clientX <= rect.left + rect.width;
10970
+ const { top, height, left, width } = this.dialogEl.getBoundingClientRect();
10971
+ const isInDialog = top <= ev.clientY &&
10972
+ ev.clientY <= top + height &&
10973
+ left <= ev.clientX &&
10974
+ ev.clientX <= left + width;
10995
10975
  if (!isInDialog) {
10996
10976
  this.open = false;
10997
10977
  }
@@ -11026,12 +11006,13 @@ class Dialog {
11026
11006
  }
11027
11007
  }
11028
11008
  render() {
11029
- return (hAsync(Host, { key: 'e686f8e849f9647ee4a812e4261b7a1576d9c179', class: {
11030
- ["ic-dialog-hidden"]: !this.dialogRendered,
11031
- ["ic-dialog-fade-in"]: this.fadeIn,
11032
- ["disable-height-constraint"]: !!this.disableHeightConstraint,
11033
- [`ic-theme-${this.theme}`]: this.theme !== "inherit",
11034
- } }, this.disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
11009
+ const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
11010
+ return (hAsync(Host, { key: '2920aac3b3891cae0e6575c735e507c4c76752f9', class: {
11011
+ "ic-dialog-hidden": !dialogRendered,
11012
+ "ic-dialog-fade-in": fadeIn,
11013
+ "disable-height-constraint": !!disableHeightConstraint,
11014
+ [`ic-theme-${theme}`]: theme !== "inherit",
11015
+ } }, disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
11035
11016
  }
11036
11017
  get el() { return getElement(this); }
11037
11018
  static get watchers() { return {
@@ -11042,13 +11023,13 @@ class Dialog {
11042
11023
  "$flags$": 9,
11043
11024
  "$tagName$": "ic-dialog",
11044
11025
  "$members$": {
11045
- "buttons": [4],
11046
11026
  "closeOnBackdropClick": [4, "close-on-backdrop-click"],
11047
11027
  "destructive": [4],
11048
11028
  "dismissLabel": [1, "dismiss-label"],
11049
11029
  "disableHeightConstraint": [4, "disable-height-constraint"],
11050
11030
  "disableWidthConstraint": [4, "disable-width-constraint"],
11051
11031
  "hideCloseButton": [4, "hide-close-button"],
11032
+ "hideDefaultControls": [4, "hide-default-controls"],
11052
11033
  "heading": [1],
11053
11034
  "label": [1],
11054
11035
  "open": [1540],
@@ -11844,7 +11825,7 @@ class HorizontalScroll {
11844
11825
  }; }
11845
11826
  }
11846
11827
 
11847
- const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n --border-color-pressed,\n var(--ic-color-border-neutral-pressed)\n )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";
11828
+ const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n --border-color-pressed,\n var(--ic-color-border-neutral-pressed)\n )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";
11848
11829
  var IcInputComponentContainerStyle0 = icInputComponentContainerCss;
11849
11830
 
11850
11831
  /**
@@ -15554,7 +15535,7 @@ class NavigationButton {
15554
15535
  }; }
15555
15536
  }
15556
15537
 
15557
- const icNavigationGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}:host(.in-side-menu) .navigation-group{height:2.5rem;width:100%;text-align:left}:host(.in-side-menu) .navigation-group .ic-typography-label{width:11.875rem}:host(.in-side-menu) .navigation-group-side-menu{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu:hover,:host(.in-side-menu) .navigation-group-side-menu:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}:host(.in-side-menu) .navigation-group-side-menu:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}:host(.in-side-menu) .navigation-group-side-menu:focus{outline:var(--ic-hc-focus-outline)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
15538
+ const icNavigationGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:12rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}";
15558
15539
  var IcNavigationGroupStyle0 = icNavigationGroupCss;
15559
15540
 
15560
15541
  class NavigationGroup {
@@ -15574,7 +15555,7 @@ class NavigationGroup {
15574
15555
  this.focusStyle = getBrandForegroundAppearance();
15575
15556
  this.inTopNavSideMenu = false;
15576
15557
  /**
15577
- * If `true`, the group will be expandable in the side menu.
15558
+ * If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.
15578
15559
  */
15579
15560
  this.expandable = false;
15580
15561
  /**
@@ -15735,7 +15716,7 @@ class NavigationGroup {
15735
15716
  ["selected"]: this.dropdownOpen && !this.inTopNavSideMenu,
15736
15717
  }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : undefined, ref: (el) => (this.dropdown = el) }, hAsync("nav", { class: {
15737
15718
  ["navigation-group-dropdown-items"]: !this.inTopNavSideMenu,
15738
- } }, hAsync("ul", null, hAsync("slot", null)))));
15719
+ }, "aria-labelledby": "nav-group-title" }, hAsync("ul", null, hAsync("slot", null)))));
15739
15720
  this.renderGroupedLinks = () => (hAsync("ul", { class: "grouped-links-wrapper" }, hAsync("slot", null)));
15740
15721
  /**
15741
15722
  * Gets the total height of navigation links to improve
@@ -15764,6 +15745,7 @@ class NavigationGroup {
15764
15745
  this.setGroupedLinksElementHeight(linkWrapper, this.expandedNavItemsHeight);
15765
15746
  }
15766
15747
  };
15748
+ this.renderGroupTitleText = () => (hAsync("ic-typography", { id: "nav-group-title", variant: this.navigationType === "side" ? "caption" : "label" }, this.label));
15767
15749
  this.renderNavigationItems = () => {
15768
15750
  if (this.dropdownOpen || (this.inTopNavSideMenu && !this.expandable)) {
15769
15751
  return this.renderDropdownGroupedLinks();
@@ -15852,26 +15834,28 @@ class NavigationGroup {
15852
15834
  groupedNavItemWrapper.style.setProperty("--navigation-child-items-height", height);
15853
15835
  }
15854
15836
  render() {
15855
- const { label, dropdownOpen, inTopNavSideMenu, expandable } = this;
15856
- return (hAsync(Host, { key: '642acbeff8a4ff9569bd49e84a3437fea5805101', class: {
15837
+ const { dropdownOpen, inTopNavSideMenu, expandable } = this;
15838
+ const navGroupTitleClassNames = {
15839
+ ["navigation-group"]: true,
15840
+ [this.focusStyle]: !inTopNavSideMenu,
15841
+ ["navigation-group-side-menu-collapsed"]: inTopNavSideMenu && !!expandable && !dropdownOpen,
15842
+ ["navigation-group-side-menu-expanded"]: inTopNavSideMenu && !!expandable && dropdownOpen,
15843
+ ["selected"]: dropdownOpen && !inTopNavSideMenu,
15844
+ };
15845
+ return (hAsync(Host, { key: '570cbd828d1e8bff3642c637c10d0129c3ba0add', class: {
15857
15846
  ["in-side-menu"]: inTopNavSideMenu,
15858
15847
  "ic-navigation-group-expanded": this.expanded,
15859
15848
  "ic-navigation-group-collapsed": !this.expanded,
15860
15849
  ["ic-navigation-group-side-nav"]: this.navigationType === "side",
15861
15850
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
15862
- }, role: "listitem" }, hAsync("button", { key: 'c6d9e31b96f715579af6cfffcb9e5dbf4b676745', onMouseEnter: !inTopNavSideMenu && this.navigationType === "top"
15851
+ ["ic-navigation-group-expandable"]: !!expandable,
15852
+ }, role: "listitem" }, this.expandable ||
15853
+ (!inTopNavSideMenu && this.navigationType === "top") ? (hAsync("button", { onMouseEnter: !inTopNavSideMenu && this.navigationType === "top"
15863
15854
  ? this.handleMouseEnter
15864
- : undefined, onMouseLeave: this.navigationType === "top" ? this.handleMouseLeave : undefined, tabindex: inTopNavSideMenu && !expandable ? "-1" : "0", onBlur: this.handleBlur, onClick: expandable ? this.handleClick : undefined, onKeyDown: this.handleKeydown, class: {
15865
- ["navigation-group"]: true,
15866
- [this.focusStyle]: !inTopNavSideMenu,
15867
- ["navigation-group-side-menu"]: inTopNavSideMenu && !expandable,
15868
- ["navigation-group-side-menu-collapsed"]: inTopNavSideMenu && !!expandable && !dropdownOpen,
15869
- ["navigation-group-side-menu-expanded"]: inTopNavSideMenu && !!expandable && dropdownOpen,
15870
- ["selected"]: dropdownOpen && !inTopNavSideMenu,
15871
- }, ref: (el) => (this.groupEl = el), "aria-expanded": `${dropdownOpen || this.expanded}`, "aria-haspopup": `${!inTopNavSideMenu && this.navigationType === "top"}` }, hAsync("ic-typography", { key: '4eedda13cf661fd31a272abbf549751146f2da2d', variant: this.navigationType === "side" ? "caption" : "label" }, label), this.navigationType === "side" && expandable && (hAsync("div", { key: 'ce67b3b8aeb81de3630b3b635a88d93509496290', class: {
15855
+ : undefined, onMouseLeave: this.navigationType === "top" ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), "aria-expanded": `${dropdownOpen || this.expanded}`, "aria-haspopup": `${!inTopNavSideMenu && this.navigationType === "top"}` }, this.renderGroupTitleText(), this.navigationType === "side" && expandable && (hAsync("div", { class: {
15872
15856
  "chevron-toggle-icon-wrapper": true,
15873
15857
  "chevron-toggle-icon-closed": this.expanded,
15874
- }, innerHTML: chevronIcon }))), this.renderNavigationItems()));
15858
+ }, innerHTML: chevronIcon })))) : this.navigationType === "side" && !this.isSideNavExpanded ? null : (hAsync("div", { class: navGroupTitleClassNames }, this.renderGroupTitleText())), this.renderNavigationItems()));
15875
15859
  }
15876
15860
  static get delegatesFocus() { return true; }
15877
15861
  get el() { return getElement(this); }
@@ -15890,6 +15874,7 @@ class NavigationGroup {
15890
15874
  "inTopNavSideMenu": [32],
15891
15875
  "navigationType": [32],
15892
15876
  "parentEl": [32],
15877
+ "isSideNavExpanded": [32],
15893
15878
  "setFocus": [64]
15894
15879
  },
15895
15880
  "$listeners$": [[0, "childBlur", "childBlurHandler"], [4, "navigationGroupOpened", "handleNavigationGroupOpened"], [0, "navItemClicked", "navItemClickHandler"], [4, "brandChange", "brandChangeHandler"]],
@@ -16288,16 +16273,16 @@ class NavigationMenu {
16288
16273
  }
16289
16274
  }
16290
16275
  render() {
16291
- return (hAsync(Host, { key: 'ac20556d28ccb50fa78fdb0a14e6096e1793d808', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'e429e9f4554ee2f40aa8b4e44c2cb3bc4dbb448e', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '9fb05be7a68bea1bc06cca1034f0ae77dd09797e', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'e0ac3dfe4995af4270ab21f5f559ef86e9eae2de', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '3d1b37adb6d60d486f97eddf28324f69049924a3', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '45b00dbad25c373903c39d5cfca30717fa865150', class: {
16276
+ return (hAsync(Host, { key: 'd8a429fb76fa3a1ef80580957fd6481e240f5317', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '7bf2fffdc59f70baa6674deae32a1bc4b94ad1c7', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '5f040801d741e34fa84396292a7ff2e6c371c004', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'e1b5a6eb1689c24845f8dde72d4b4439333889a2', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: 'cfe33959155fc33481c1d71b43e740c97d59447f', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: 'd6bcbb09f3477305ec0dacd2274d7be1b92818c4', class: {
16292
16277
  ["menu-close-button-container"]: true,
16293
16278
  ["nav-group-first"]: this.navGroupFirst,
16294
- } }, hAsync("ic-button", { key: '4da3bf37bc5a3ee5622e05053828dd0991445084', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: 'cb90b4946f8f649ceb98915ff2a57f234b5f8ed4', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'a49a4b42ddf2c9060070cd93eaba2a55c3e474cb', 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: '78878e2499e04a899f93bbe4b9a6a2a9aff080ab', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'cb8eb1bf24e483d5ad4aad20dadb926e106eb2c2', class: {
16279
+ } }, hAsync("ic-button", { key: '29c00c1baf94e77fc12c4f5808b7f959261b9307', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '8117252bd49a7fb0a884730ed79d059955cd973e', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'f7b68f7e0b0860dc30f3477ef49f3b9da41e2625', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: '42a9be2b531c8aeffd12ecbe1b8b089121416def', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '53bd2be53748f6ce6aff7d835e2fa05ae4a4302f', class: {
16295
16280
  ["menu-buttons-container"]: true,
16296
16281
  ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
16297
- } }, hAsync("slot", { key: '1d36a228ba3a62686f9939df9c8dd6e29289ebb8', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'c4b0d0c4140644eea60d24eac6bd845c21965969', class: {
16282
+ } }, hAsync("slot", { key: 'fc5df99477f01b812d5ff4fdcadf8766a613734d', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '74d83ccdcd72f225733da95a63313d1ac1fc9cbd', class: {
16298
16283
  ["menu-status-version-container"]: true,
16299
16284
  ["status-version-no-buttons"]: !this.hasButtons,
16300
- } }, this.status !== "" && (hAsync("div", { key: '02add8908b41c544f2d01f0c780812d06ea749a9', class: "menu-status" }, hAsync("ic-typography", { key: '11311c3647663e911e45bd8de112f6e0ca895b11', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'c65a3bcac0289629f181fac381693ea648811312', class: "menu-version" }, hAsync("ic-typography", { key: '4de53de27365201c2cff5500c0b0d17da4628faa', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
16285
+ } }, this.status !== "" && (hAsync("div", { key: '5b41cca5949cb96006b7660334561c378e039fd9', class: "menu-status" }, hAsync("ic-typography", { key: 'c068f6a9e6f4f3dcb4386185e5b34547c93dcbc2', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'bcd01f93742c4a3b1106437da91ec7e6541e5e13', class: "menu-version" }, hAsync("ic-typography", { key: 'aa25f91209bd326e9b2f4f34869885e9e78d263c', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
16301
16286
  }
16302
16287
  get el() { return getElement(this); }
16303
16288
  static get style() { return IcNavigationMenuStyle0; }
@@ -16425,23 +16410,24 @@ class PageHeader {
16425
16410
  checkResizeObserver$1(this.runResizeObserver);
16426
16411
  }
16427
16412
  render() {
16413
+ var _a, _b;
16428
16414
  const { size, border, heading, subheading, aligned, sticky, stickyDesktopOnly, theme, } = this;
16429
- const navAriaLabel = heading
16430
- ? `${heading} page sections`
16431
- : "navigation-landmark-page-header";
16432
- return (hAsync(Host, { key: '882e854b99de01f0ea135d35f2e57e01f5987f1a', class: {
16415
+ const navAriaLabel = `${isSlotUsed$1(this.el, "heading")
16416
+ ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
16417
+ : heading !== null && heading !== void 0 ? heading : ""} page sections`;
16418
+ return (hAsync(Host, { key: 'cf0a316e1397ddc7fb6d3c31dc9a311583e16a91', class: {
16433
16419
  ["ic-page-header-sticky"]: !!sticky,
16434
16420
  ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
16435
16421
  [`ic-theme-${theme}`]: theme !== "inherit",
16436
- }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '6f725d92b668fcb497c7cb78ac2ee84616d4800d', class: {
16422
+ }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'a4f043e2af90f690fba09b93a4013d1389515e0a', class: {
16437
16423
  ["border-bottom"]: !!border,
16438
16424
  ["tabs"]: isSlotUsed$1(this.el, "tabs"),
16439
- }, role: "presentation" }, hAsync("ic-section-container", { key: 'e8072cda194f34af9cb12f1fb51322afae1aa760', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '286b74debcda61aa1f749b3745345e159f620e3d', class: "breadcrumb-area" }, hAsync("slot", { key: 'bc103c6d95854acc0d5e90e75356d839c87355f4', name: "breadcrumbs" }))), hAsync("div", { key: '62a089e84bbe549456a0a1fbe4ad79fbb952ac70', class: "main-content" }, hAsync("div", { key: '09bbf9e2f146a58c6dd9359bb795713a8a74ce68', class: "title-area" }, hAsync("div", { key: '7bc020f3742cb3823bd730e10a65f463b879f388', class: "header-content" }, hAsync("slot", { key: 'b28a847a6d54a14a1a49dde1a24327748d621a2f', name: "heading" }, hAsync("ic-typography", { key: 'f4be51b8fbd7a8761809f1a5646be051841b2f15', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '129278fabb48a457e9a1bce2c0821556eb9cebe0' }, heading))), hAsync("slot", { key: 'd5893b073ae3adb82b5dc02b55bd77b2a91ed836', name: "heading-adornment" })), hAsync("div", { key: 'cda4eaa4dd594c20e3bcf4b111a9cb2056d6a3da', class: {
16425
+ }, role: "presentation" }, hAsync("ic-section-container", { key: '2face790c85ada31be50963b94cb4a238f35472c', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '54976512713ea354459fc3531070db32feb92e71', class: "breadcrumb-area" }, hAsync("slot", { key: '1ae4415737707e7d83ae0d8d20def16162584d31', name: "breadcrumbs" }))), hAsync("div", { key: '1bb89b5a996f3f1dafcfdefd901e04e7b4e43143', class: "main-content" }, hAsync("div", { key: '0e9da2b22ef20eba75b79727ec52f6451c165547', class: "title-area" }, hAsync("div", { key: '80977a001794dbfbfb8388936b5c08486ab2a55a', class: "header-content" }, hAsync("slot", { key: '011e08fffff718640e5d1fd85deab17aa13f52ec', name: "heading" }, hAsync("ic-typography", { key: '41c906715db6466ca30c3e1826feb8e385a6ed15', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '17036720f03d87e51c5c35c9c36a4d3ffc44445a' }, heading))), hAsync("slot", { key: '3002be9cc0995887ccc71379062a73380afc289d', name: "heading-adornment" })), hAsync("div", { key: 'e8f563e8010b6167533fbc89dbb7f8c9c760d420', class: {
16440
16426
  ["subheading-content"]: !!subheading || isSlotUsed$1(this.el, "subheading"),
16441
16427
  ["small"]: size === "small",
16442
- } }, hAsync("slot", { key: 'a5abeb5c108606003e927cf6aaef9c8c129fe9ad', name: "subheading" }, hAsync("ic-typography", { key: '6a5120a1d5b8a1418b93ee8e95cf25f3db122795', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'b818b7aea1bb215262cbfb13166a0c72e7c5d9a2', class: "action-area" }, hAsync("slot", { key: 'bb02b1d90b57eee375eda287a541c1e2f9f37974', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '3bd62ecd4ee4db29b630fdcb7c8c0f6e832063f0', class: "input-area" }, hAsync("slot", { key: '32673f28c2e77e9ad94cb98e19df930248448405', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
16443
- isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '7ef6826ab1ea8d305578467598489b59b1ac407e', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
16444
- !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '8e130ca5af125f3a7d467bd9401e4f5210331772', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: 'fac3c42199384e83fbd28e2fefbac75120330fa3', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '609faefbe4cfb3eebbacfd6af1f55e57f693b96e' }, hAsync("ul", { key: '112155bb171589043490962f5e96ca6916ae3dbc', class: "tabs-slot" }, hAsync("slot", { key: 'b4bb6d08d4aededce542c12f449bd509eb412432', name: "tabs" })))))))))));
16428
+ } }, hAsync("slot", { key: '5ade2c01dfbdb1c808486b126e081c1877a513ff', name: "subheading" }, hAsync("ic-typography", { key: 'fb6900da321f46663774ceab59982e56741f877d', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'f4f481e78ace183a6da6533b5fc9cbe5086b5c0b', class: "action-area" }, hAsync("slot", { key: '7d7afb45226d1bcde3e3e4416f2bdf4c08ef2983', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '2d9c41769a6b4719e81923e43c58fcafc939e139', class: "input-area" }, hAsync("slot", { key: 'b873a5210cbf2bc353a249bcac581d5132f3f36f', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
16429
+ isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: 'a9d7f5aa5982d2a0add73f08eae35346009c7509', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
16430
+ !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '73959a3937f2a1b29dcabf1c6f005f4f51038cbc', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: 'b50e37d8d8463483735ef40ba438cc2ede29c0bd', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '4d52cf2984deed193908dbbd23e8a14fe8ac0724' }, hAsync("ul", { key: '8cfa92fd9424ea59182b4a20ab2d968351129589', class: "tabs-slot" }, hAsync("slot", { key: 'd59fc58ca6aaa2f266ab64a26071047c89bec440', name: "tabs" })))))))))));
16445
16431
  }
16446
16432
  get el() { return getElement(this); }
16447
16433
  static get style() { return IcPageHeaderStyle0; }
@@ -16477,7 +16463,7 @@ var paginationFirstLast = `<svg width="12" height="10" viewBox="0 0 12 10" fill=
16477
16463
  <path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>
16478
16464
  </svg>`;
16479
16465
 
16480
- const icPaginationCss = "/*! 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{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}ic-button.first-last::part(button),ic-button.next-previous::part(button){color:var(--ic-pagination-chevron)}:host(.ic-pagination-monochrome) ic-button.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.next-previous::part(button){color:var(--ic-pagination-chevron-monochrome)}ic-button.ic-button-disabled.first-last::part(button),ic-button.ic-button-disabled.next-previous::part(button){color:var(--ic-pagination-chevron-disabled)}.disabled{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}.sr-only{position:absolute;left:-9999px}";
16466
+ const icPaginationCss = "/*! 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{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}ic-button.first-last::part(button),ic-button.next-previous::part(button){color:var(--ic-pagination-chevron)}:host(.ic-pagination-monochrome) ic-button.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.next-previous::part(button){color:var(--ic-pagination-chevron-monochrome)}ic-button.ic-button-disabled.first-last::part(button),ic-button.ic-button-disabled.next-previous::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.first-last::part(button),:host(.ic-pagination-monochrome) ic-button.ic-button-disabled.next-previous::part(button){color:var(--ic-pagination-chevron-disabled)}.disabled{color:var(--ic-color-text-disabled-mid);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}";
16481
16467
  var IcPaginationStyle0 = icPaginationCss;
16482
16468
 
16483
16469
  class Pagination {
@@ -16719,14 +16705,14 @@ class Pagination {
16719
16705
  }
16720
16706
  render() {
16721
16707
  const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
16722
- return (hAsync(Host, { key: 'd2d60e613bb2c0830b8cb4e234bad974c7a5e617', class: {
16708
+ return (hAsync(Host, { key: '4787d5960a8d0742450c667f69fb5bec1b9fd904', class: {
16723
16709
  [`ic-theme-${theme}`]: theme !== "inherit",
16724
16710
  ["ic-pagination-monochrome"]: !!monochrome,
16725
- } }, type === "simple" && (hAsync("nav", { key: 'bc523b8c06315458efbf1a8971fa6cf59c43ed11', class: {
16711
+ } }, type === "simple" && (hAsync("nav", { key: '6e048bd0824217797cac254036ed755da3438e0f', class: {
16726
16712
  ["disabled"]: !!disabled,
16727
- }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '6e9edfdc7bc5ab49ae37d06837dbc8b9906bd622', 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: 'fca0b1e64a1b2eb2ae66fc0049bb514aec75a3a0', class: {
16713
+ }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'df77f23f3b194257466323bb5d5948afaa989fd0', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '4be33ba10d0b4444e57746408b77e651007f1753', class: {
16728
16714
  ["disabled"]: !!disabled,
16729
- }, 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: '06da4ca938338c231dd7004db877bc6b8b5a278f', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
16715
+ }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: 'ef4efbec3670434f55022b9bd15e3218b7fb1546', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
16730
16716
  }
16731
16717
  get el() { return getElement(this); }
16732
16718
  static get watchers() { return {
@@ -16846,8 +16832,8 @@ class PaginationBar {
16846
16832
  this.setUpperBound();
16847
16833
  };
16848
16834
  this.focusElFromLabel = (el) => {
16849
- var _a;
16850
- (_a = this.paginationBarEl.querySelector(el)) === null || _a === void 0 ? void 0 : _a.setFocus();
16835
+ var _a, _b;
16836
+ (_b = (_a = this.paginationBarEl) === null || _a === void 0 ? void 0 : _a.querySelector(el)) === null || _b === void 0 ? void 0 : _b.setFocus();
16851
16837
  };
16852
16838
  this.goToPage = () => {
16853
16839
  var _a;
@@ -16923,15 +16909,17 @@ class PaginationBar {
16923
16909
  }
16924
16910
  };
16925
16911
  this.runResizeObserver = () => {
16926
- this.resizeObserver = new ResizeObserver(() => {
16927
- const { clientWidth } = this.paginationBarEl;
16928
- if (clientWidth - this.paginationWidth > 50 ||
16929
- clientWidth - this.paginationWidth < -50) {
16930
- this.paginationWidth = clientWidth;
16931
- this.paginationShouldWrap();
16932
- }
16933
- });
16934
- this.resizeObserver.observe(this.paginationBarEl);
16912
+ if (this.paginationBarEl) {
16913
+ this.resizeObserver = new ResizeObserver(() => {
16914
+ const { clientWidth } = this.paginationBarEl;
16915
+ if (clientWidth - this.paginationWidth > 50 ||
16916
+ clientWidth - this.paginationWidth < -50) {
16917
+ this.paginationWidth = clientWidth;
16918
+ this.paginationShouldWrap();
16919
+ }
16920
+ });
16921
+ this.resizeObserver.observe(this.paginationBarEl);
16922
+ }
16935
16923
  };
16936
16924
  this.setInputError = (el, error, focus = true) => {
16937
16925
  this.inputError = error;
@@ -17083,12 +17071,12 @@ class PaginationBar {
17083
17071
  this.watchSelectedItemsPerPageHandler();
17084
17072
  }
17085
17073
  componentDidLoad() {
17086
- var _a, _b;
17087
- this.paginationWidth = this.paginationBarEl.clientWidth;
17074
+ var _a, _b, _c;
17075
+ this.paginationWidth = ((_a = this.paginationBarEl) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
17088
17076
  checkResizeObserver(this.runResizeObserver);
17089
- const textField = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);
17077
+ const textField = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);
17090
17078
  if (textField) {
17091
- const input = (_b = textField === null || textField === void 0 ? void 0 : textField.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("input");
17079
+ const input = (_c = textField === null || textField === void 0 ? void 0 : textField.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector("input");
17092
17080
  if (input) {
17093
17081
  input.style.textAlign = "center";
17094
17082
  input.style.padding = "0";
@@ -17102,21 +17090,21 @@ class PaginationBar {
17102
17090
  }
17103
17091
  render() {
17104
17092
  const { alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, } = this;
17105
- return (hAsync(Host, { key: '7ef2c2060d9ac4f6c23b188767cda59db38f2b99', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '16a835a43dec46d877d1cedd128f2fce8f09b306', class: {
17093
+ return (hAsync(Host, { key: '67aec388114190d8a4f229d474f554ae29a524c8', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'b1dda605384e9049425b28f9638843fc80ffbea4', class: {
17106
17094
  ["pagination-bar"]: true,
17107
17095
  [`pagination-bar-${alignment}`]: true,
17108
- }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: '766057b637859197ee116e3b18ffbe4700fb934e', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: '9a1eccf626fbe305360bbe62e3c860878f5fd274', class: "items-per-page-holder" }, hAsync("ic-typography", { key: '32e16c437bcf438e75cffdee1012265297a1ee96', class: {
17096
+ }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: 'ef090d0b893ddc8e3da12d5c476b3b87dd991dd3', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: 'eeaad0a16f7d0f303f8ecea6b2ab3c9f9aa22e7e', class: "items-per-page-holder" }, hAsync("ic-typography", { key: '51d4a14ebf7d9ce4fe07e4d1a832abc80f7b85d6', class: {
17109
17097
  ["items-per-page-control-label"]: true,
17110
- }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: 'c7d47154fbe297282c395217c33555023050565b', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
17098
+ }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: '75ce8f26a71f2be9f785ad802295152c03e4ab56', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
17111
17099
  (rangeLabelType === "data" ? (hAsync("ic-typography", { class: {
17112
17100
  ["item-pagination-label"]: true,
17113
17101
  }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
17114
17102
  `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (hAsync("ic-typography", { class: {
17115
17103
  ["page-pagination-label"]: true,
17116
- }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '3185dc183a80d08c18ce1e60db6c296e52a22970', class: {
17104
+ }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '35f5c5199bf3567a16e8ee0421831a6db53ff751', class: {
17117
17105
  ["pagination-controls"]: true,
17118
17106
  ["pagination-controls-wrap"]: this.paginationWrapped,
17119
- } }, hAsync("div", { key: 'e3899117392a622f11d0bc474de3bc13870ba8ac', class: "pagination-holder" }, hAsync("ic-pagination", { key: 'b5c8fa1ecaf911f05557ec38de8b5a46582c0113', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (hAsync("div", { key: '4ac7aa8efcccb680d6609ca59e33bd12ce73221c', class: "go-to-page-holder" }, hAsync("ic-typography", { key: '9fd371e534f5d8a04e55bf84b5fabd0e9dc2b80e', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '953ce9b43b5f198ecc07df3818f34c119cae4309', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("ic-text-field", { key: 'a51a3b4441f190b3f9ad078ae274b8d1ea7a9779', 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: '5c07b04cda0807438eb514d07d33663af6fdf182', appearance: this.handleButtonAppearance(), variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
17107
+ } }, hAsync("div", { key: '86b0a5a35af9c0906cac145e824d395fe2849f91', class: "pagination-holder" }, hAsync("ic-pagination", { key: '37713ff47842f04a038efe4f2f97718c38e4d35b', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (hAsync("div", { key: 'c0ad6f401ef4ba4d5eb58dc15b8313e3cf227a15', class: "go-to-page-holder" }, hAsync("ic-typography", { key: '0749d7a68ffa9259cedcca5e4fdf2c48b1facc73', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '5cd37e20a6128e45444fb88ab4068029eebae5bb', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("ic-text-field", { key: '1db591684779fff24c5b8d241bcb40b7410070e1', 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: '6343bc5e0ccf0ccda69b89b421a8f6c8fa606e84', appearance: this.handleButtonAppearance(), variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
17120
17108
  }
17121
17109
  get el() { return getElement(this); }
17122
17110
  static get watchers() { return {
@@ -17170,7 +17158,7 @@ class PaginationBar {
17170
17158
  }; }
17171
17159
  }
17172
17160
 
17173
- const icPaginationItemCss = "/*! 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}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}.monochrome .ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{--ic-typography-color:var(--ic-pagination-page-number)}.monochrome .page{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}.simple-current{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}.monochrome .item-container.page:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}.monochrome .item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}.selected{pointer-events:none;outline:none}.selected::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}.monochrome .selected::after{background-color:var(--ic-pagination-selected-banner-monochrome)}.page-selected{--ic-typography-color:var(--ic-pagination-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}ic-typography.light,ic-typography.page-selected.light{--ic-typography-color:var(--ic-architectural-white)}.selected.light::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}ic-typography.dark{--ic-typography-color:var(--ic-color-text-primary)}.selected.dark::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}.disabled{--ic-typography-color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}.disabled{--ic-typography-color:GrayText}}";
17161
+ const icPaginationItemCss = "/*! 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}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}.monochrome .ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{--ic-typography-color:var(--ic-pagination-page-number)}.monochrome .page{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}.simple-current{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}.monochrome .item-container.page:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}.monochrome .item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}.selected{pointer-events:none;outline:none}.selected::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}.monochrome .selected::after{background-color:var(--ic-pagination-selected-banner-monochrome)}.page-selected{--ic-typography-color:var(--ic-pagination-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}ic-typography.light,ic-typography.page-selected.light{--ic-typography-color:var(--ic-architectural-white)}.selected.light::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}ic-typography.dark{--ic-typography-color:var(--ic-color-text-primary)}.selected.dark::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome-dark)}.disabled{--ic-typography-color:var(--ic-pagination-text-disabled);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled.page ic-typography{--ic-typography-color:var(--ic-pagination-page-number-disabled)}.disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-disabled)}.monochrome .disabled.page{--ic-typography-color:var(--ic-pagination-page-number-monochrome-disabled)}.monochrome .disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome-disabled)}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}.disabled{--ic-typography-color:GrayText}}";
17174
17162
  var IcPaginationItemStyle0 = icPaginationItemCss;
17175
17163
 
17176
17164
  class PaginationItem {
@@ -17213,7 +17201,7 @@ class PaginationItem {
17213
17201
  }
17214
17202
  render() {
17215
17203
  const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
17216
- return (hAsync("a", { key: '5e8aa2f75823a830e87d8f9badde5028284ea387', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
17204
+ return (hAsync("a", { key: '96b78185d8162b10bbd8d728f87ff50df44f9b79', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
17217
17205
  ["item-container"]: true,
17218
17206
  ["ellipsis"]: true,
17219
17207
  ["disabled"]: !!disabled,
@@ -17522,17 +17510,17 @@ class PopoverMenu {
17522
17510
  }
17523
17511
  }
17524
17512
  render() {
17525
- return (hAsync(Host, { key: '22d7146fb66905fd58370ecdb03dcbe750d5c287', class: {
17513
+ return (hAsync(Host, { key: 'cc25af9952d51db883220b52946da6c645a87bd1', class: {
17526
17514
  ["ic-popover-menu-open"]: !!this.open,
17527
17515
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
17528
- } }, hAsync("div", { key: '63efc4505ce4a676839c259b174604c79b0e7781', id: this.parentPopover === undefined
17516
+ } }, hAsync("div", { key: '19757297884b585b4f8fe182237757aa7c36f696', id: this.parentPopover === undefined
17529
17517
  ? `ic-popover-submenu-${this.submenuId}`
17530
17518
  : "", class: {
17531
17519
  menu: true,
17532
- } }, hAsync("span", { key: '14860cdc189b85398dd92dce52907869d8223598', class: {
17520
+ } }, hAsync("span", { key: '8a6facb49d5c5c3d6eec3107bfcf9ae625d4dfc9', class: {
17533
17521
  "opening-from-parent": this.openingFromParent,
17534
17522
  "opening-from-child": this.openingFromChild,
17535
- } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: '8e7a29c0d1159c156313247279c9b4bfb3e6ada4' }, hAsync("span", { key: 'c2f9aa89fb51c822714ba71d078add0f55e529b1', role: "menu" }, hAsync("ic-menu-item", { key: '619dc3d8ba9dd9d479623d67fad0e3bc0d45f113', 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: '61974e7d25308ab26ee4759243ba2f577f0e7ca8', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '11e3b1b7496c19deeb22af35d4033e33d9c71b15', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '4f55d2cdc04fdc15157a76176339d8cb6548b3f2', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { key: 'ad2855ce0d5366fdf3a9ecaff58fba23edaee6f9', class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '1f8122018db85fc386bc24fdb710de976d967240' }))))));
17523
+ } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: 'c64495ca5447f34b430140bf8fd9f75dbd89ed68' }, hAsync("span", { key: 'cdbcf7e3ddf674e941534e6742c3679257f5a88e', role: "menu" }, hAsync("ic-menu-item", { key: '9d70b7621f9173af0000591a5e8cc328c352f849', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '7bc91d66855037df4cf642b7dc112186dff28cf8', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '72bb21d3a27e3093cdd8544574a9be3f3876bd27', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '9a09923d96579833195956fc92951ff5ebcc1b05', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { key: '4c0490b94abbb32c9be46c05a1b72c83f3835696', class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'ab1e92b234c4c1e41bccb7824db02f3d022566c8' }))))));
17536
17524
  }
17537
17525
  static get delegatesFocus() { return true; }
17538
17526
  get el() { return getElement(this); }
@@ -17601,7 +17589,7 @@ class RadioGroup {
17601
17589
  */
17602
17590
  this.validationStatus = "";
17603
17591
  /**
17604
- * The validation text - e.g. 'error' | 'warning' | 'success'.
17592
+ * The text to display as the validation message.
17605
17593
  */
17606
17594
  this.validationText = "";
17607
17595
  /**
@@ -17790,16 +17778,16 @@ class RadioGroup {
17790
17778
  }
17791
17779
  render() {
17792
17780
  const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, theme, } = this;
17793
- return (hAsync(Host, { key: '9f07c5018d0c6ef36c2e1a220045335f1ea81642', onKeyDown: handleKeyDown, class: {
17781
+ return (hAsync(Host, { key: 'a2be8db5421324c2472c9bfd3358ab60eb94c8f0', onKeyDown: handleKeyDown, class: {
17794
17782
  "ic-radio-group-small": size === "small",
17795
17783
  [`ic-theme-${theme}`]: theme !== "inherit",
17796
- } }, hAsync("div", { key: 'f6bcb770d627ed019dc7ee65b0ebfad6c1040041', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: 'b8751c85ae97574bb7d0374158d3d9a019e91c0b', class: {
17784
+ } }, hAsync("div", { key: '08c660c22bd427d0dc36a569617ec3b288c0b2df', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '49270136f37944161e2d8c7a13c997a72ce7228d', class: {
17797
17785
  [`${validationStatus}`]: true,
17798
17786
  ["disabled"]: !!disabled,
17799
- }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: 'c3f83bbda4750a0f40a2c11e01e0dd856eae04f4', class: {
17787
+ }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: '91c6b269bd61a898b51c08a8b33cde311679bced', class: {
17800
17788
  "radio-buttons-container": true,
17801
17789
  horizontal: currentOrientation === this.RADIO_HORIZONTAL,
17802
- }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: '37931a40139b6198338551079a239238af645d14' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: 'acb5eef3938c9c12225c1ba38b6cb2f6203ecffb', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
17790
+ }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: '1fc06b8010e17ddd4ec38c424ecbf2c44d81aee8' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '857d44767a37fedbcf2f67f8edb50121b28e81bf', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
17803
17791
  }
17804
17792
  get el() { return getElement(this); }
17805
17793
  static get watchers() { return {
@@ -18028,7 +18016,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
18028
18016
  <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
18029
18017
  </svg>`;
18030
18018
 
18031
- const icSearchBarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-search-bar-search){display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}:host(.ic-search-bar-disabled){--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}:host(.ic-search-bar-search:hover){--border-color:var(--ic-search-bar-outline-hover)}:host(.ic-search-bar-search:active){--border-color:var(--ic-search-bar-outline-pressed)}:host(.ic-search-bar-search.ic-search-bar-small){--divider-height:1rem}:host(.ic-search-bar-full-width){width:100%}:host(.ic-search-bar-search) .ic-button-disabled:hover{border-color:var(--ic-architectural-200)}:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg{color:var(--ic-architectural-200)}:host(.ic-search-bar-search) .ic-button-disabled svg{color:var(--ic-architectural-400)}::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}input{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}input:focus{border:0;outline:0}input:disabled{color:var(--ic-search-bar-disabled-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-left-pad{padding-left:0}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button-unfocused *{fill:var(--ic-search-bar-clear-button)}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-unfocused *{fill:var(--ic-search-bar-filled-icon)}.search-submit-button-disabled *{fill:var(--ic-search-bar-icon-disabled)}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){.search-submit-button-unfocused *{fill:canvastext}.search-submit-button-disabled *{fill:GrayText}}";
18019
+ const icSearchBarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-search-bar-search){display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}:host(.ic-search-bar-disabled){--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}:host(.ic-search-bar-search:hover){--border-color:var(--ic-search-bar-outline-hover)}:host(.ic-search-bar-search:active){--border-color:var(--ic-search-bar-outline-pressed)}:host(.ic-search-bar-search.ic-search-bar-small){--divider-height:1rem}:host(.ic-search-bar-full-width){width:100%}::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}input{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}input:focus{border:0;outline:0}input:disabled::-moz-placeholder{color:var(--ic-search-bar-disabled-text)}input:disabled,input:disabled::placeholder{color:var(--ic-search-bar-disabled-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-left-pad{padding-left:0}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button-unfocused *{fill:var(--ic-search-bar-clear-button)}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-unfocused *{fill:var(--ic-search-bar-filled-icon)}.search-submit-button-disabled *{fill:var(--ic-search-bar-icon-disabled)}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){.search-submit-button-unfocused *{fill:canvastext}.search-submit-button-disabled *{fill:GrayText}}";
18032
18020
  var IcSearchBarStyle0 = icSearchBarCss;
18033
18021
 
18034
18022
  let inputIds$3 = 0;
@@ -18670,12 +18658,12 @@ class SectionContainer {
18670
18658
  }
18671
18659
  render() {
18672
18660
  const { aligned, fullHeight } = this;
18673
- return (hAsync(Host, { key: '1ea49a87f38808b073be910c77fa568292133548', class: {
18661
+ return (hAsync(Host, { key: 'a826359cf3cf5d7f9f37b0bdac2ab58ae79c9df4', class: {
18674
18662
  ["aligned-left"]: aligned === "left" || aligned === null,
18675
18663
  ["aligned-center"]: aligned === "center",
18676
18664
  ["aligned-full-width"]: aligned === "full-width",
18677
18665
  ["no-vertical-padding"]: !!fullHeight,
18678
- } }, hAsync("slot", { key: 'ed8ec14d1abfe97003ce6a4a152287d75baf22cc' })));
18666
+ } }, hAsync("slot", { key: 'cc1c0250e0e19864f093ff72bfa312a72f4bdd75' })));
18679
18667
  }
18680
18668
  static get style() { return IcSectionContainerStyle0; }
18681
18669
  static get cmpMeta() { return {
@@ -18701,7 +18689,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
18701
18689
  </svg>
18702
18690
  `;
18703
18691
 
18704
- const icSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-labe);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle\n );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle-disabled\n )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs) !important}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,.placeholder{color:var(--ic-select-content-placeholder-text)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot=\"icon\"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot=\"icon\"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
18692
+ const icSelectCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-labe);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle\n );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle-disabled\n )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs) !important}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot=\"icon\"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot=\"icon\"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
18705
18693
  var IcSelectStyle0 = icSelectCss;
18706
18694
 
18707
18695
  let inputIds$2 = 0;
@@ -19560,16 +19548,16 @@ class Select {
19560
19548
  (searchable
19561
19549
  ? this.searchableSelectInputValue
19562
19550
  : currValue && showClearButton);
19563
- return (hAsync(Host, { key: 'b648c4ce0e6857a7d3cb8ee576227a76502238c2', class: {
19551
+ return (hAsync(Host, { key: '0c1e3c9c3f0f02e6c90f477a92227645bbb383be', class: {
19564
19552
  "ic-select-disabled": !!disabled,
19565
19553
  "ic-select-searchable": !!searchable,
19566
19554
  [`ic-select-${size}`]: size !== "medium",
19567
19555
  "ic-select-full-width": !!fullWidth,
19568
19556
  [`ic-theme-${theme}`]: theme !== "inherit",
19569
- }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '2297242b13d87560ea0b3cdcd3dcef6d0fc82d8a', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '65dc301bdd942344c0926f902add9da46dea58b9', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: 'b05b9bea3da1eec103e0a192f71123b5c4ecab4e', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: 'a5c509b3c5ae8d0b4e7aadcbbe1dd24a1a35e6d2', slot: "left-icon", class: {
19557
+ }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'd5717cb6d0f74236066e5d21979d19a52d39afcd', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '1bcbd58fcdad81bc02911dc405b554aa03552b6b', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: '72401753a0b711ba9ff7f5b574085fd5fc3e2215', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: 'b1d8d94dddea38195ca54d546e894aef314698ee', slot: "left-icon", class: {
19570
19558
  ["readonly"]: !!readonly,
19571
19559
  ["has-value"]: !!this.value,
19572
- } }, hAsync("slot", { key: '0fb4fdcb39c9d5d8bd7b53011132d30060ea4f69', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
19560
+ } }, hAsync("slot", { key: '47c722f6b782b628a33c05bad04613ba0ffa17e9', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
19573
19561
  if (option.children) {
19574
19562
  return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
19575
19563
  }
@@ -19595,7 +19583,7 @@ class Select {
19595
19583
  } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
19596
19584
  "expand-icon": true,
19597
19585
  "expand-icon-open": this.open,
19598
- }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'b44ead58c89e05ff0bfcdeda827b4b436dd05f1c', class: {
19586
+ }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'f34f8aeca465e1f2cf7b721c06f58e4a0bab4ac3', class: {
19599
19587
  "no-results": this.loading ||
19600
19588
  this.hasTimedOut ||
19601
19589
  (this.noOptions !== null &&
@@ -19605,7 +19593,7 @@ class Select {
19605
19593
  ? this.searchableSelectElement
19606
19594
  : this.customSelectElement), inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || multiple || this.selectOnEnter
19607
19595
  ? "manual"
19608
- : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: '178feb2274a4942b173858f35b98f2e64031d419', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: '65c7647103b74749c240af0cfdee7c5e2afdeca0', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
19596
+ : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: '4f7d83b5ce52b334acf98de594c02ad34a58f2f6', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: '3405974e038368a51105ba901a499e4234df5944', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
19609
19597
  }
19610
19598
  static get delegatesFocus() { return true; }
19611
19599
  get el() { return getElement(this); }
@@ -19681,7 +19669,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
19681
19669
  </svg>
19682
19670
  `;
19683
19671
 
19684
- 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 0;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-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-width:100%;--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-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)}: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}}";
19672
+ 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 0;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}}";
19685
19673
  var IcSideNavigationStyle0 = icSideNavigationCss;
19686
19674
 
19687
19675
  /**
@@ -20115,7 +20103,7 @@ class SideNavigation {
20115
20103
  isAppNameSubtitleVariant,
20116
20104
  appTitle: appTitle || "",
20117
20105
  };
20118
- return (hAsync(Host, { key: 'da621f79cc6d0e721b46d89689623ab603869c5c', class: {
20106
+ return (hAsync(Host, { key: 'fb3b4d0f5aacea466c00d2070666498fad03cb7e', class: {
20119
20107
  "xs-menu-open": menuOpen && isSDevice,
20120
20108
  "xs-menu-close": !menuOpen && isSDevice,
20121
20109
  "sm-collapsed": !isSDevice && !menuExpanded,
@@ -20124,12 +20112,12 @@ class SideNavigation {
20124
20112
  [`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
20125
20113
  ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
20126
20114
  ["ic-side-navigation-inline"]: !!inline,
20127
- } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'e1a1746cf0b72f95df40c4de8c5b24142e42958c', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'fb4d44f6de1f637c1f913c7bc1979d261b138961', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: 'd242bf8b7266a913ddf15cd6d3c710b67998478b', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '5496dfe55e4ea5b5a86ff9cbf49d3a1948580c38', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '5c963c5a63930a85c8d56a8acf9f402b11cb5717', class: "navigation-list" }, hAsync("slot", { key: '6e9893f2302d72b8a8dd8c91efc69324e28b7845', name: "primary-navigation" }))))), hAsync("div", { key: '3a5a9c6510d4e70389ff271e089d46732b7ff35a', class: {
20115
+ } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'cfcf5cf40063506b1d5e11999bd772d59be886ba', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'e1199b3ddd25f85a9923b539d679bf11b85eb07e', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: 'd3d89fab68ebecdde70bd6d6261c0fd81bdda1a9', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'd87c01d166d182b5a767e296aa22238de118ff4a', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '671878664c41e8d44ed62b620acf25c6078e26d0', class: "navigation-list" }, hAsync("slot", { key: '205c67d3279edbe83853a99592d228dff2e98b27', name: "primary-navigation" }))))), hAsync("div", { key: 'be621438d3883452a9ce44f471898cc19b723a10', class: {
20128
20116
  ["bottom-wrapper"]: true,
20129
20117
  ["classification-spacing"]: hasClassificationBanner(),
20130
- } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: 'a325206b9aaab5d2c68e0854b6d88f6c0754a2f7', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: 'cce653a875b1768a5c5960d2c86a55e42e104456', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: 'd61e1b6969d597bdb48ba59be75e50f95c3327e9', class: "navigation-list" }, hAsync("slot", { key: '75d0ddba3f9b6663f0888e579d60dfdf77455944', name: "secondary-navigation" })))), hAsync("div", { key: 'a5e646f3027491a5e3288bafb03a49699ad7fe16', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '709a1cd78355adb93d7d5e0636252ba8b53cc3dc' }), displayExpandBtn && (hAsync("button", { key: '2f61bbc7a06cbd5f1d90a126507a6fce4d329545', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '8c21e3ecb652850205f4fbe785be95acd7d8120b', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '96b2fe13baecbb436c6f90d69bc1eba2447ef37d', class: {
20118
+ } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: '0075e727cb1618ff3b09c5d1d613c8788a4463ab', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: 'c2bf5cd0a50611ee03a51d520d9976e35f27267a', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '684998117db93f3c22c07d3d550310aae9968bf2', class: "navigation-list" }, hAsync("slot", { key: 'db05162c302b252d92f3921257904119c34a1bd1', name: "secondary-navigation" })))), hAsync("div", { key: '44a26aafd9510543bb000f3fbaca4872a1fc989b', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '1e8dea5e2686b5dd43a8e79589bf557a965f6b91' }), displayExpandBtn && (hAsync("button", { key: '64bef7ce7c1fe3f6d837c9dadfc55b3fe0eddec1', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '4166d9cba9edc66f773552280b82e58f9b5aed6d', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '01a05942ac2d77a6c71501ef8308dfc7b42c6502', class: {
20131
20119
  ["app-status"]: true,
20132
- } }, hAsync("ic-typography", { key: '017292fb3f29859ee96b6af1f12e787a95300a3d', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: 'ded1fc5cf16022ec9c2eea424910cbc0c88132a8', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
20120
+ } }, hAsync("ic-typography", { key: 'f417366c7c2ff3be1c653bfdd376563da5c0a343', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '58c3bb697b4d13712ec0ac9b4ad732659f6a4b3e', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
20133
20121
  }
20134
20122
  get el() { return getElement(this); }
20135
20123
  static get watchers() { return {
@@ -20192,11 +20180,11 @@ class Skeleton {
20192
20180
  width: el.style.width || (variant === "circle" ? "25px" : "260px"),
20193
20181
  }
20194
20182
  : undefined;
20195
- return (hAsync(Host, { key: '290562b171e12d21f1601025abd9060c12c31a81', class: {
20183
+ return (hAsync(Host, { key: '6026c06cedc2bf04f95a2f311a4d943a391bc1de', class: {
20196
20184
  skeleton: true,
20197
20185
  "ic-skeleton-circle": variant === "circle",
20198
20186
  [`ic-theme-${theme}`]: theme !== "inherit",
20199
- }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '6dc00a6ea22197f315d938e1bdf9a8d5b792b09f' })));
20187
+ }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'cbb1b173f3ba8165b5381be2c0220f531bcd024d' })));
20200
20188
  }
20201
20189
  get el() { return getElement(this); }
20202
20190
  static get style() { return IcSkeletonStyle0; }
@@ -20246,9 +20234,9 @@ class SkipLink {
20246
20234
  }
20247
20235
  render() {
20248
20236
  const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
20249
- return (hAsync(Host, { key: 'ed2c4e6527f04dbf634a971c0f8e5ebc6655f27e', class: {
20237
+ return (hAsync(Host, { key: '64ac2ffd70f0240d311d7ebfdfee23526fb0c764', class: {
20250
20238
  [`ic-theme-${theme}`]: theme !== "inherit",
20251
- } }, hAsync("ic-link", { key: 'f72fcc3cdff5e39b0ed5ca843feed93241ff5603', class: {
20239
+ } }, hAsync("ic-link", { key: '4c43fc77e85292af003718b84adb0c34b41169f9', class: {
20252
20240
  "display-top": !inline,
20253
20241
  "full-width": !!fullWidth,
20254
20242
  "show-background": !transparentBackground,
@@ -20275,7 +20263,7 @@ class SkipLink {
20275
20263
  }; }
20276
20264
  }
20277
20265
 
20278
- const icStatusTagCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none}}";
20266
+ const icStatusTagCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){.tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none;--ic-typography-color:var(--ic-status-tag-text)}}";
20279
20267
  var IcStatusTagStyle0 = icStatusTagCss;
20280
20268
 
20281
20269
  class StatusTag {
@@ -20312,12 +20300,12 @@ class StatusTag {
20312
20300
  }
20313
20301
  render() {
20314
20302
  const { label, status, variant, size, announced, theme, uppercase } = this;
20315
- return (hAsync(Host, { key: '075fe7813451ec40295b6e403ee8994bc4738713', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '4c7f641b2b8bad2914e4ddd80d0c618be41b9062', class: {
20303
+ return (hAsync(Host, { key: '2ac2523a20a7520be1219cb32374b08a9bb6db57', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '9098c32e9038dc2eb76ca5425537f0f9e5dc3947', class: {
20316
20304
  ["tag"]: true,
20317
20305
  [`${variant}-${status}`]: true,
20318
20306
  ["outlined"]: variant === "outlined",
20319
20307
  [`${size}`]: true,
20320
- } }, hAsync("ic-typography", { key: '9b1453a83e975da79f7f66b37150c05ba409186d', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'de7e72ae356e5d1fc5d73d9a9d0fae110ee95425' }, label)))));
20308
+ } }, hAsync("ic-typography", { key: 'e54d4ef968acc6ccfa85fca33cb6c76b62c2ce51', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '5dae654cf0367927bb3a89fb075dd2b467f66dcf' }, label)))));
20321
20309
  }
20322
20310
  static get style() { return IcStatusTagStyle0; }
20323
20311
  static get cmpMeta() { return {
@@ -20342,7 +20330,7 @@ var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" x
20342
20330
  <path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
20343
20331
  </svg>`;
20344
20332
 
20345
- const icStepCss = ":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%}:host(.ic-step-default) .step-icon{background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default.ic-step-light) .current,:host(.ic-step-default.ic-step-light) .current .heading-area{color:var(--ic-status-info-contrast)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-light) .heading-area{color:var(--ic-architectural-200)}:host(.ic-step-compact.ic-step-light) .heading-area{color:var(--ic-architectural-white)}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}:host(.ic-step-default.ic-step-light) .completed,:host(.ic-step-default.ic-step-light) .completed .heading-area{color:var(--ic-status-success-contrast)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}:host(.ic-step-light) .active .step-icon-inner{color:var(--ic-architectural-white)}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-architectural-200)}:host(.ic-step-default.ic-step-light) .disabled,:host(.ic-step-default.ic-step-light) .disabled .heading-area{color:var(--ic-architectural-400)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";
20333
+ const icStepCss = ":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%}:host(.ic-step-default) .step-icon{background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";
20346
20334
  var IcStepStyle0 = icStepCss;
20347
20335
 
20348
20336
  class Step {
@@ -20401,29 +20389,29 @@ class Step {
20401
20389
  // STATUS ICON FOR COMPACT STEP
20402
20390
  let statusIcon;
20403
20391
  if (this.type === "completed" || this.compactStepStyling === "completed") {
20404
- statusIcon = (hAsync("span", { key: 'd194d450b8be634e0305a9d69148b8e01c0ad921', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
20392
+ statusIcon = (hAsync("span", { key: '037cdd093417bdeff6f9de2795a2c0a29e23db63', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
20405
20393
  }
20406
20394
  else if (this.type === "disabled" ||
20407
20395
  this.compactStepStyling === "disabled") {
20408
- statusIcon = (hAsync("span", { key: '37abea1127139c235751e0e5fa159c0123e26045', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
20396
+ statusIcon = (hAsync("span", { key: '115e2d476464fb4b4c48516e6cfc108928e6ebdc', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
20409
20397
  }
20410
20398
  // COMPACT STEP COMPONENT
20411
- const compactStep = (hAsync("div", { key: 'b085f35dc01eaca3182762eaa6b985fcdbcc36f6', class: {
20399
+ const compactStep = (hAsync("div", { key: 'ff799c9a5ac470cd917ecf47896c07d3e8ad6a55', class: {
20412
20400
  ["step"]: true,
20413
20401
  ["current"]: !!this.current,
20414
20402
  [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
20415
20403
  ["disabled"]: this.type === "disabled" || this.compactStepStyling === "disabled",
20416
- } }, hAsync("ic-loading-indicator", { key: '76d67bd6140d55727e79410263986a6a8b7e8f39', class: {
20404
+ } }, hAsync("ic-loading-indicator", { key: 'd96083b68c5bd6c34adb1062ab508adf2f3274c0', class: {
20417
20405
  "compact-step-progress-indicator": true,
20418
20406
  "not-required": this.type === "disabled" ||
20419
20407
  this.compactStepStyling === "disabled",
20420
- }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: 'e1a0ab7ef462c6f9db62d1d5cc21518230c31531', class: "heading-area" }, hAsync("ic-typography", { key: 'cebf670137674ac37747fea2e320d36a465cac42', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: 'c9a9a5ae0bef717bbdb1cd690596dac06b6a73e2', class: "info-line" }, hAsync("ic-typography", { key: '311760b3af071f4d9864954fb727a9c9b1c7c00d', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: '87135f130983c602f8909da57c12c2ae02d3655d', class: "visually-hidden" }, " steps")), (this.subheading ||
20408
+ }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: '1f6b95b5b99ab252f68e3501f6909b9b8240546b', class: "heading-area" }, hAsync("ic-typography", { key: '8de4cab1512b2406d9d6e38a34026dd786727c56', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: 'f0aac2d40c6d7c75dba1a8ea061fe70fde1684f8', class: "info-line" }, hAsync("ic-typography", { key: 'd7802839d057c38f72319063302e0f556b4b8799', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: 'b1f8716701f30af917c056dea0b77b23cbb86a09', class: "visually-hidden" }, " steps")), (this.subheading ||
20421
20409
  this.type === "completed" ||
20422
20410
  this.type === "disabled" ||
20423
20411
  (this.variant === "compact" &&
20424
20412
  !!this.compactStepStyling &&
20425
20413
  this.compactStepStyling !== "active") ||
20426
- !!this.status) && (hAsync("div", { key: '0a5a230fd701a8a589dc774d7d5a11ab4a8f22ec', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: '60f32a581e356b2b86616c0a4d6895e2a765e661', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
20414
+ !!this.status) && (hAsync("div", { key: '230dc72e7a579193f8cf1a8552d1ef5749b1d04c', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: '4a089ec12dc7e4f77d3469e08e4ef77b3d3144a3', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
20427
20415
  ? this.subheading
20428
20416
  : this.type === "disabled" ||
20429
20417
  (this.variant === "compact" &&
@@ -20436,26 +20424,26 @@ class Step {
20436
20424
  // ICON FOR DEFAULT STEP
20437
20425
  let icon;
20438
20426
  if (this.type !== "completed") {
20439
- icon = (hAsync("ic-typography", { key: '316ca02b237660b9ce7dfc2cfa7ee7a9a405850f', variant: "subtitle-small" }, hAsync("span", { key: '28c285e0de19f766bde7540a84a7b6f92f2722f6', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
20427
+ icon = (hAsync("ic-typography", { key: '74584e3b8e9d2d3554723b3b7f23ca9fd2637800', variant: "subtitle-small" }, hAsync("span", { key: '60a00009b73f622ff0d040d09d9b569b28be9cde', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
20440
20428
  }
20441
20429
  else {
20442
- icon = (hAsync("div", { key: '8a57441521368e3e48abda6607fa7ed834b76539', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '244a4c8979621768867cb1b876ad41c96368f048', class: "check-icon", innerHTML: checkIcon })));
20430
+ icon = (hAsync("div", { key: 'fae4dd9d0eab63264e9aed6e7b659da9d3ff511e', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '7f83174116e62e676940ca9ec23561250803d15f', class: "check-icon", innerHTML: checkIcon })));
20443
20431
  }
20444
20432
  // STEP CONNECT FOR DEFAULT STEP
20445
- const partialBar = this.type === "current" && (hAsync("div", { key: 'e0e0134d5e347c12d2db12c7a7c1fd2f796e680a', class: "step-connect-inner" }));
20446
- const finalStep = !this.lastStep && (hAsync("div", { key: '87b3f5541a9fa51784d054ab418ffd270aa5d131', class: {
20433
+ const partialBar = this.type === "current" && (hAsync("div", { key: 'eb8b63c2d0af8d883c09a56b8d3c47afac3e5f81', class: "step-connect-inner" }));
20434
+ const finalStep = !this.lastStep && (hAsync("div", { key: 'cc6e694712782a11aeccc78a0a4f06f39fec3819', class: {
20447
20435
  ["step-connect"]: true,
20448
20436
  ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
20449
20437
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
20450
20438
  } }, partialBar));
20451
20439
  // DEFAULT STEP COMPONENT
20452
- const defaultStep = (hAsync("div", { key: '942e50008de22ed3bf9cfc6f5878fe20780224d4', class: {
20440
+ const defaultStep = (hAsync("div", { key: '91c97641133852cc4a5f4d3b8d1cae4996789cc3', class: {
20453
20441
  ["step"]: true,
20454
20442
  [`${this.type}`]: true,
20455
- } }, hAsync("div", { key: 'ea7466090610c4ca42426a95c5b5eea07c0a3e20', class: "step-top" }, hAsync("div", { key: '8e7a36165cdb25aa4939e7dad24211b6f42deb9b', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: 'd6e7a5a41587217e8e29390f7fdccc06c2c772d8', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: '235524fbe7fc0dd3991dfef222bdf29dfe80bedc', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: '2d29260629ca84280981ceedc7196fd0be347c3b', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
20443
+ } }, hAsync("div", { key: '6ebf175f84536a4ab79e3a130e952b592ec9e965', class: "step-top" }, hAsync("div", { key: '23f9b5a7cd4fb0908b7f65ea55c192ee3a2964de', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '7be8f0257f73a29c0ff6f6bf31830a40cb3fe81f', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: 'fd775a67501c4bd5db9498fc8fa57404f2a51163', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: '2a857f45ff18834e6199a56330e68d40b034afae', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
20456
20444
  ? this.subheading
20457
20445
  : stepStatus))))));
20458
- return (hAsync(Host, { key: 'c8b18833e54cb4cf0eac30b3f3b487a53ef9392f', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
20446
+ return (hAsync(Host, { key: 'ad0c3301d762c11a2a2c78c3a25b4581dca348e9', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
20459
20447
  ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
20460
20448
  !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
20461
20449
  [`ic-step-${this.variant}`]: true,
@@ -20736,11 +20724,11 @@ class Stepper {
20736
20724
  checkResizeObserver$1(this.runResizeObserver);
20737
20725
  }
20738
20726
  render() {
20739
- return (hAsync(Host, { key: 'a0b411b1a82a297557333526c50a6a41eb855f65', class: {
20727
+ return (hAsync(Host, { key: '6184a1c30e7030f1e364eda2e56f3ead3c8c5e8f', class: {
20740
20728
  [`ic-stepper-${this.variant}`]: true,
20741
20729
  ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
20742
20730
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
20743
- } }, hAsync("ul", { key: 'a798647cf04f1c1d1111f90b4650b0b57f1268ce', class: "step-item-list" }, hAsync("slot", { key: '861e89142ad76fd5eab82317d94284ba24ddf2be' }))));
20731
+ } }, hAsync("ul", { key: 'b0cb92330e78579947ec33066858ee53ae2c1adb', class: "step-item-list" }, hAsync("slot", { key: 'd797bf78df3340efc566de5e1f62f3ecf8245d49' }))));
20744
20732
  }
20745
20733
  get el() { return getElement(this); }
20746
20734
  static get watchers() { return {
@@ -20869,16 +20857,16 @@ class Switch {
20869
20857
  const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
20870
20858
  const isSmall = size === "small";
20871
20859
  renderHiddenInput$1(true, this.el, name, checkedState ? value : "", disabled);
20872
- return (hAsync(Host, { key: 'c90330966be33431cd7487fe80b4c59e320ea3d4', class: {
20860
+ return (hAsync(Host, { key: '4654ef1f6473fdea79fd053879fa7bbf1699418d', class: {
20873
20861
  [`ic-theme-${theme}`]: theme !== "inherit",
20874
- } }, hAsync("label", { key: '21a29a36fc0ccc5c4b859eb7a0f0bb6e8dba9403', class: {
20862
+ } }, hAsync("label", { key: 'c6dca6f468eeb7c9e8151af1168fd8429c82d72b', class: {
20875
20863
  "ic-switch-container": true,
20876
20864
  "ic-switch-disabled": !!disabled,
20877
20865
  "ic-switch-small": isSmall,
20878
- }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f649d5e53635ad80eca02a73adfc149ca1272660', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
20866
+ }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '5622227e775f787aac275619841e65c34209102a', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
20879
20867
  "ic-switch-label": true,
20880
20868
  "ic-switch-label-small": isSmall,
20881
- } })), !hideLabel && hAsync("span", { key: '0ec406fdad2f6c31f8ee8ba77f34116c7b451929', class: "ic-switch-line-break" }), hAsync("input", { key: '2b8e0940cefb3affdcfe08050c90a5a873f1959f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '02ee9bd811ee41b748114219c2c6677cf6ede77e', class: "ic-switch-toggle" }, hAsync("svg", { key: 'd380d7ffe4f9244fe2ce0f081f9bf597ec9fbfbf', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '5016993ed02e2bd5ce7d786f2b0137719c2433d6', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '444d1eb42515ff0189c81413326dd7be5a0c1461', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '444696f8447b3ae211b61e4ec1cc7a5fa6c3c9e2', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: '5f5e257885362d3a01958f50d7f57a1bdc873322', name: "right-adornment" }))));
20869
+ } })), !hideLabel && hAsync("span", { key: '74ec90ef32d23a02c7c6ceb7571e19d4c81091c8', class: "ic-switch-line-break" }), hAsync("input", { key: 'f518a9a4db7eeb7ceafe5bb44c632ba6d3a9f64f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '72c49eeeb4bf26416dba25a612757a172a896bf0', class: "ic-switch-toggle" }, hAsync("svg", { key: '2b31b154fd70258f3386013e287d0e10e4e4e56c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '61f089501da929a5bec439c9b6c7bf3cd1233b6f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '1ed62e82659c4c1a0a6935eb3805aa65a3117353', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '54012f70a4ed7c1fba7a0679cab8bdc8c0179b80', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: '89de0ba1f401d01ae0cf6cb9be70f802686577fd', name: "right-adornment" }))));
20882
20870
  }
20883
20871
  static get delegatesFocus() { return true; }
20884
20872
  get el() { return getElement(this); }
@@ -20910,7 +20898,7 @@ class Switch {
20910
20898
  }; }
20911
20899
  }
20912
20900
 
20913
- const icTabCss = "/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{color:var(--ic-architectural-300);--ic-typography-color:var(--ic-architectural-300)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}";
20901
+ const icTabCss = "/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon)}:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-disabled)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{--ic-typography-color:var(--ic-tab-label-disabled)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography{color:var(--ic-tab-label-monochrome-disabled)}:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]){fill:var(--ic-tab-icon-monochrome-disabled)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}";
20914
20902
  var IcTabStyle0 = icTabCss;
20915
20903
 
20916
20904
  /**
@@ -21256,7 +21244,7 @@ class TabContext {
21256
21244
  }
21257
21245
  }
21258
21246
  render() {
21259
- return hAsync("slot", { key: '9a3bc1f2f3c3cfee3d5001e333c9c16cd8df323a' });
21247
+ return hAsync("slot", { key: '83e9c882369eebc5fd170b2ceabf423047cd14d6' });
21260
21248
  }
21261
21249
  get el() { return getElement(this); }
21262
21250
  static get watchers() { return {
@@ -21302,11 +21290,11 @@ class TabGroup {
21302
21290
  }
21303
21291
  render() {
21304
21292
  const { inline, theme, label, monochrome } = this;
21305
- return (hAsync(Host, { key: 'b0eea28186a58d99f94366067954dcc562366f9d', role: "tablist", "aria-label": label, class: {
21293
+ return (hAsync(Host, { key: 'f42b97ec6fa8e200fbb5b5d2114f3f98d4f6ad35', role: "tablist", "aria-label": label, class: {
21306
21294
  ["ic-tab-group-inline"]: !!inline,
21307
21295
  [`ic-theme-${theme}`]: theme !== "inherit",
21308
21296
  ["ic-tab-group-monochrome"]: !!monochrome,
21309
- } }, hAsync("ic-horizontal-scroll", { key: '090c8a2391c282ba6aae53f6617160f2a58ac481', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'd3d5a2b2b61ba7353cb713cdc9e9c06ad579535b', class: "tabs-container" }, hAsync("slot", { key: 'bf81f817067d514b487f92cb9ae88851777bdf2b' })))));
21297
+ } }, hAsync("ic-horizontal-scroll", { key: 'fdfe2de9cecf661c164dda34f523c73520f6bce6', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '6523acdad07d4b4a48dab269da3cca2bf3003899', class: "tabs-container" }, hAsync("slot", { key: '032517ca94833114e39faf4ad5da3126197e780a' })))));
21310
21298
  }
21311
21299
  static get delegatesFocus() { return true; }
21312
21300
  static get style() { return IcTabGroupStyle0; }
@@ -21349,10 +21337,10 @@ class TabPanel {
21349
21337
  }
21350
21338
  render() {
21351
21339
  const { active, theme } = this;
21352
- return (hAsync(Host, { key: '7103bebb99dcf021ea957f40dce81738542f8031', class: {
21340
+ return (hAsync(Host, { key: '629c66ac51b529d443ad613d61f6875958e9d1a2', class: {
21353
21341
  [`ic-theme-${theme}`]: theme !== "inherit",
21354
21342
  "ic-tab-panel-hidden": !active,
21355
- }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '8ffa4a6096fae286bda779e1387fa979f8ddb5da' }, hAsync("slot", { key: 'e7f5eb5e6d63f50c1ef0db45cfc85d0260d195f9' }))));
21343
+ }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '1f018abefa14feeaa6a1de08aa3c84c78788e8ea' }, hAsync("slot", { key: '86343dd2934fa698c26dfe09b88a4b9004b62184' }))));
21356
21344
  }
21357
21345
  get el() { return getElement(this); }
21358
21346
  static get style() { return IcTabPanelStyle0; }
@@ -21373,7 +21361,7 @@ class TabPanel {
21373
21361
  }; }
21374
21362
  }
21375
21363
 
21376
- const icTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n --ic-text-field-state-icon-warning\n );--ic-input-validation-success-icon-color:var(\n --ic-text-field-state-icon-success\n );--ic-input-component-container-success-icon-inline-color:var(\n --ic-text-field-state-icon-success\n )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n --ic-text-field-text-area-placeholder-text-disabled\n )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}::placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n --text-field-typing-cursor,\n var(--ic-text-field-typing-cursor)\n )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n --text-field-disabled-text-color,\n var(--ic-text-field-text-disabled)\n )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=\"number\"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot=\"icon\"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
21364
+ const icTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n --ic-text-field-state-icon-warning\n );--ic-input-validation-success-icon-color:var(\n --ic-text-field-state-icon-success\n );--ic-input-component-container-success-icon-inline-color:var(\n --ic-text-field-state-icon-success\n )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n --ic-text-field-text-area-placeholder-text-disabled\n )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}::placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n --text-field-typing-cursor,\n var(--ic-text-field-typing-cursor)\n )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n --text-field-disabled-text-color,\n var(--ic-text-field-text-disabled)\n )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=\"number\"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot=\"icon\"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot=\"icon\"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none}input[type=\"search\"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot=\"icon\"]){fill:currentcolor}}";
21377
21365
  var IcTextFieldStyle0 = icTextFieldCss;
21378
21366
 
21379
21367
  let inputIds = 0;
@@ -21458,10 +21446,28 @@ class TextField {
21458
21446
  * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)
21459
21447
  */
21460
21448
  this.maxCharacters = 0;
21449
+ /**
21450
+ * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.
21451
+ */
21452
+ // prettier-ignore
21453
+ this.maxCharactersMessage = `Maximum input is ${this.maxCharacters} characters`;
21454
+ /**
21455
+ * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.
21456
+ */
21457
+ this.maxMessage = `Maximum value of ${this.max} exceeded`;
21461
21458
  /**
21462
21459
  * The minimum number of characters that can be entered in the field.
21463
21460
  */
21464
21461
  this.minCharacters = 0;
21462
+ /**
21463
+ * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.
21464
+ */
21465
+ // prettier-ignore
21466
+ this.minCharactersMessage = `Minimum input is ${this.minCharacters} characters`;
21467
+ /**
21468
+ * The text to display as the error message when the minimum value (the `min` prop value) has not been met.
21469
+ */
21470
+ this.minMessage = `Minimum value of ${this.min} not met`;
21465
21471
  /**
21466
21472
  * The name of the control, which is submitted with the form data.
21467
21473
  */
@@ -21515,7 +21521,7 @@ class TextField {
21515
21521
  */
21516
21522
  this.validationStatus = "";
21517
21523
  /**
21518
- * The validation state - e.g. 'error' | 'warning' | 'success'.
21524
+ * The text to display as the validation message.
21519
21525
  */
21520
21526
  this.validationText = "";
21521
21527
  /**
@@ -21670,7 +21676,7 @@ class TextField {
21670
21676
  (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
21671
21677
  }
21672
21678
  render() {
21673
- const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
21679
+ const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
21674
21680
  const el = this.el;
21675
21681
  const disabledMode = readonly || disabled;
21676
21682
  const currentStatus = maxValueExceeded ||
@@ -21682,13 +21688,13 @@ class TextField {
21682
21688
  : IcInformationStatus$1.Error
21683
21689
  : validationStatus;
21684
21690
  const currentValidationText = maxCharactersWarning
21685
- ? `Maximum input is ${maxCharacters} characters`
21691
+ ? maxCharactersMessage
21686
21692
  : maxValueExceeded
21687
- ? `Maximum value of ${max} exceeded`
21693
+ ? maxMessage
21688
21694
  : minValueUnattained
21689
- ? `Minimum value of ${min} not met`
21695
+ ? minMessage
21690
21696
  : minCharactersUnattained
21691
- ? `Minimum input is ${minCharacters} characters`
21697
+ ? minCharactersMessage
21692
21698
  : validationText;
21693
21699
  const maxNumChars = readonly ? 0 : maxCharacters;
21694
21700
  const messageAriaLive = maxCharactersWarning ||
@@ -21711,14 +21717,14 @@ class TextField {
21711
21717
  hiddenInput
21712
21718
  ? renderHiddenInput$1(true, this.el, name, value, disabledMode)
21713
21719
  : removeHiddenInput(this.el);
21714
- return (hAsync(Host, { key: '9175054afc7f5ab0f44c2c02d73a209676690f26', class: {
21720
+ return (hAsync(Host, { key: '86521a8f619d3f6d09b60fc5251ac153e7f3238d', class: {
21715
21721
  "ic-text-field-full-width": !!fullWidth,
21716
21722
  [`ic-theme-${theme}`]: theme !== "inherit",
21717
21723
  "ic-text-field-disabled": !!disabledMode,
21718
- } }, hAsync("ic-input-container", { key: '2cf32636f95f8ec80f25424483fcdf2afe262534', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { key: '3ee4d01a7e1705d1bdd1e88dc734a16f990c35c9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: 'd6300116fc334d565681cedb6c2e4b637dd8fe5f', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '2dae55d8265539a3c1b1975ebb63015fb2b66ceb', class: {
21724
+ } }, hAsync("ic-input-container", { key: '2096846a987f396e8786d916f6eca14b277dd6a3', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { key: '1bb84c2156b0d8af5bba67a06a8680b8cd44b7d0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: 'a1eb781a88dbfbed7a7b084344fd0ca685e35b99', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '96639821c5f5ab88716be7b01a66462ae92ab358', class: {
21719
21725
  readonly: !!readonly,
21720
21726
  "has-value": this.getNumberOfCharacters(value) > 0,
21721
- }, slot: "left-icon" }, hAsync("slot", { key: 'c363bc9c876a3be7db91dd1afd8eac8013f176a2', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
21727
+ }, slot: "left-icon" }, hAsync("slot", { key: 'b3381ff815a38032d600619bc8245c01d8aa1dd7', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
21722
21728
  "no-left-pad": !showLeftIcon && !!readonly,
21723
21729
  readonly: !!readonly,
21724
21730
  "truncate-value": !!truncateValue,
@@ -21726,19 +21732,19 @@ class TextField {
21726
21732
  "no-resize": resize === false || !!readonly,
21727
21733
  "no-left-pad": !showLeftIcon && !!readonly,
21728
21734
  readonly: !!readonly,
21729
- }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: 'f08406702167a6155246e26df7fe64ef06b82976', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '58c8ed7ed396953f0d4dff0aba462b10e58bd78b', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: '15496f93b502c8b0d55b0a2da6622e8ab425ef49', name: "menu" }), (!isEmptyString$1(validationStatus) ||
21735
+ }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '5e5bdb069b688fa77e1c5c91f38e82a4e3dd40bc', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '2c0304de79f15bb6a42c96541a7ac51b65b4a5ec', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: 'c1d7d1239091fcc56e807b4dabcd1310a87e098e', name: "menu" }), (!isEmptyString$1(validationStatus) ||
21730
21736
  !isEmptyString$1(validationText) ||
21731
21737
  maxNumChars > 0 ||
21732
21738
  maxValueExceeded ||
21733
21739
  maxCharactersWarning ||
21734
21740
  minCharactersUnattained ||
21735
21741
  minValueUnattained) &&
21736
- !validationInlineInternal && (hAsync("ic-input-validation", { key: '675805dbde2426192861938a009728af5d0ea56f', status: this.hasStatus(currentStatus) === false ||
21742
+ !validationInlineInternal && (hAsync("ic-input-validation", { key: 'a7e01f7f27d62f34168bc3646fa6b7b4045eac3c', status: this.hasStatus(currentStatus) === false ||
21737
21743
  (currentStatus === IcInformationStatus$1.Success &&
21738
21744
  validationInline) ||
21739
21745
  validationInlineInternal
21740
21746
  ? ""
21741
- : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '92b805a2b9b4d87347f767c750c7d9ce8be6c909', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '2a24743dc253ab95c360c2ae78e559c0437202dc', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'a71f41c5313d828123d275a41ae694ec2c0b2f5e', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '9c6d7a87b3d4a0f2baf9b1f732f0940d5e0fbe7b', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { key: '3aba077c149ce80fa5732245829e6e02c4bf52c8', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
21747
+ : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '083cc90a38f57ee6b4ec82536e8dc432fed387b6', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'ca3571863c4e9c47fb1a8e06eb5ebf700e640fd6', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'f9435768788239f7f7e8ef46a80406ba5da9b525', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'd0f9fef8adb1d92d6d5479995fe3f3b28202dbe1', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { key: '892a02dca5b1deeecfc774ee56ca74830644b18a', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
21742
21748
  }
21743
21749
  get el() { return getElement(this); }
21744
21750
  static get watchers() { return {
@@ -21770,8 +21776,12 @@ class TextField {
21770
21776
  "label": [1],
21771
21777
  "max": [8],
21772
21778
  "maxCharacters": [2, "max-characters"],
21779
+ "maxCharactersMessage": [1, "max-characters-message"],
21780
+ "maxMessage": [1, "max-message"],
21773
21781
  "min": [8],
21774
21782
  "minCharacters": [2, "min-characters"],
21783
+ "minCharactersMessage": [1, "min-characters-message"],
21784
+ "minMessage": [1, "min-message"],
21775
21785
  "name": [1],
21776
21786
  "placeholder": [1],
21777
21787
  "readonly": [516],
@@ -21869,7 +21879,7 @@ class Theme {
21869
21879
  }
21870
21880
  render() {
21871
21881
  const { themeClass } = this;
21872
- return (hAsync(Host, { key: '150b08cd6c8d10d97155b7f0869ccfdf118e4727', class: themeClass }, hAsync("slot", { key: '40c1ae3e7ea1119db1df6b41dd16ab3d3800e6e7' })));
21882
+ return (hAsync(Host, { key: '8b3a86598f9539940fdfc534c4482246b043985c', class: themeClass }, hAsync("slot", { key: '0d55a0ae9b75cfeccf0aa30bd31a2c3a09058ce7' })));
21873
21883
  }
21874
21884
  static get watchers() { return {
21875
21885
  "brandColor": ["watchBrandColorPropHandler"],
@@ -21889,7 +21899,7 @@ class Theme {
21889
21899
  }; }
21890
21900
  }
21891
21901
 
21892
- 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)}.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)}.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-light)}.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}}";
21902
+ 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)}.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)}.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}}";
21893
21903
  var IcToastStyle0 = icToastCss;
21894
21904
 
21895
21905
  const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
@@ -22094,13 +22104,13 @@ class Toast {
22094
22104
  }
22095
22105
  render() {
22096
22106
  const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
22097
- return (hAsync(Host, { key: 'fa6a7d6728859eb5b7269aa107c1245f95e8c070', 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: 'bd9d63cf3aa162336af8c98c7b5ef0eef9727a05', class: "container" }, variant && visible && (hAsync("div", { key: 'ab69806c35fc984bf2bccdb45f2568dd7e43b45c', class: "toast-icon-container" }, hAsync("div", { key: 'f69c093a9d15bcf6592c39736657ea7d921b436b', class: {
22107
+ return (hAsync(Host, { key: '3bb9efd8ae3679ba4558b388a275d2cd634268b8', class: { ["ic-toast-hidden"]: !visible }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '49277a9c418908cfd3eb9302bae684462e1c6d55', class: "container" }, variant && visible && (hAsync("div", { key: '805dbac817d5a7e714ce5b4478e426144df02cb8', class: "toast-icon-container" }, hAsync("div", { key: '769af7c12a009955bff31c02008f09530bc19a77', class: {
22098
22108
  ["divider"]: true,
22099
22109
  [`divider-${variant}`]: true,
22100
- } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '58c6b130bf233edf14a9306eded733671a9bcc7a', class: {
22110
+ } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'b9987c78c1bdd2def39ecd64ad5a7acb19568a90', class: {
22101
22111
  ["toast-content"]: true,
22102
22112
  ["no-icon"]: variant === "neutral" && !isSlotUsed$1(this.el, "neutral-icon"),
22103
- } }, hAsync("div", { key: 'a99ef4a5497b62d3724f1c3001b592bee3b7c76f', class: "toast-text" }, hAsync("ic-typography", { key: '08ff7bf5c471121d854cdc34d78ff42194c6a50d', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '905b01333ed90c57a3e538b1fb9f10df970f1331', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'a54c00d59185300ec781bbc4d2cf8f19aaa695a9' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '56a80eeb87e7c886cb4dd31ec059020ff1ba820b', class: "toast-action-container" }, hAsync("slot", { key: '4e09a9eaf12503e0bd377e112617e8390b1eac5e', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", "aria-label": dismissButtonAriaLabel })))));
22113
+ } }, hAsync("div", { key: 'bda1df0dfb9e5a05a84ec6d825a4eef72978127e', class: "toast-text" }, hAsync("ic-typography", { key: '9631f1f1ec54f4694cbe3d80849079d04d9e987e', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '87dd87445e270972bab5d931c48b0ae2a70c94ad', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'bfe2daf83b1d9e62c4606a00c8615f1f899d0506' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '8041f14d81743cd478241aae8e4921b204d68745', class: "toast-action-container" }, hAsync("slot", { key: '0d3cc468aeee3827643be5e0ae17791cd1332f84', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", "aria-label": dismissButtonAriaLabel })))));
22104
22114
  }
22105
22115
  get el() { return getElement(this); }
22106
22116
  static get watchers() { return {
@@ -22172,7 +22182,7 @@ class ToastRegion {
22172
22182
  }
22173
22183
  }
22174
22184
  render() {
22175
- return hAsync("slot", { key: '209454da6ebc3e40c90956cae73550c9c7fe7af3' });
22185
+ return hAsync("slot", { key: '6dbc76c96060dfd2265e50d622e10ee5c2202b67' });
22176
22186
  }
22177
22187
  get el() { return getElement(this); }
22178
22188
  static get watchers() { return {
@@ -22190,7 +22200,7 @@ class ToastRegion {
22190
22200
  }; }
22191
22201
  }
22192
22202
 
22193
- const icToggleButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-hover\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-pressed\n )}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed\n );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-hover:var(\n --ic-toggle-button-unselected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n --ic-toggle-button-selected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-selected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-selected-text-monochrome\n )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-unselected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-disabled-monochrome\n )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-selected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-selected-text-disabled-monochrome\n )}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host ::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover)}:host ::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active)}:host(.ic-toggle-button-disabled) ::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-border-focus),\n var(--ic-border-focus)}:host ::part(button):hover{background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n --ic-toggle-button-unselected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n --ic-toggle-button-selected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text),\n var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed\n );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed\n );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}";
22203
+ const icToggleButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-hover\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-pressed\n )}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed\n );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-hover:var(\n --ic-toggle-button-unselected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n --ic-toggle-button-selected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-selected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-selected-text-monochrome\n )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-unselected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-disabled-monochrome\n )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n --ic-toggle-button-selected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-selected-text-disabled-monochrome\n )}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host ::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover)}:host ::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active)}:host(.ic-toggle-button-disabled) ::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-border-focus),\n var(--ic-border-focus)}:host ::part(button):hover{background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n --ic-toggle-button-unselected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n --ic-toggle-button-selected-background-hover-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text),\n var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n white 20%\n );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed\n );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed\n );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}";
22194
22204
  var IcToggleButtonStyle0 = icToggleButtonCss;
22195
22205
 
22196
22206
  /**
@@ -22326,7 +22336,7 @@ class ToggleButton {
22326
22336
  }
22327
22337
  }
22328
22338
  render() {
22329
- return (hAsync(Host, { key: 'c78713dd36d802105c7a3ed6ebfa544cecc5dd29', class: {
22339
+ return (hAsync(Host, { key: '3af5618d6fcc757a400771e528fb0cf9f6bca618', class: {
22330
22340
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22331
22341
  ["ic-toggle-button-disabled"]: !!this.disabled,
22332
22342
  ["ic-toggle-button-checked"]: !!this.checked,
@@ -22335,7 +22345,7 @@ class ToggleButton {
22335
22345
  ["ic-toggle-button-loading"]: !!this.loading,
22336
22346
  ["ic-toggle-button-monochrome"]: !!this.monochrome,
22337
22347
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22338
- }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'cc47670cd6c3943dacbb6df162dd8cb4c5d44822', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '8fe9637604ed05bf2e1515391b58c8bb7fece5c8' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: '935dbc29cb5f0433685f37cb9ed8233bdca72660', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '56423a0b4de8dee8e329427189355ccc90884951', name: "badge", slot: "badge" })))));
22348
+ }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'ebdfe0fb37f690d9cfd1b3fac8a00bf07adcb4bf', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '70d7727fa11def0e2a584cf4f109f478c7ea890b' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: '1ea0fbc98887941e6aa06c8424c6d32c70236238', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '9d15b5e6e2dc70c046d0425738601bbcd20500e2', name: "badge", slot: "badge" })))));
22339
22349
  }
22340
22350
  static get delegatesFocus() { return true; }
22341
22351
  get el() { return getElement(this); }
@@ -22599,14 +22609,14 @@ class ToggleButtonGroup {
22599
22609
  return Array.from(this.el.querySelectorAll("ic-toggle-button"));
22600
22610
  }
22601
22611
  render() {
22602
- return (hAsync(Host, { key: '5651ab98b697d63064e16adb92c98b85e84b9565', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
22612
+ return (hAsync(Host, { key: '38b50c347fb706a9cf4f047bacf37141b68d2163', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
22603
22613
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22604
22614
  ["ic-toggle-button-group-full-width"]: !!this.fullWidth,
22605
22615
  ["ic-toggle-button-group-loading"]: !!this.loading,
22606
22616
  ["ic-toggle-button-group-disabled"]: this.disabled,
22607
22617
  [`ic-toggle-button-group-monochrome`]: !!this.monochrome,
22608
22618
  [`ic-theme-${this.theme}`]: this.theme !== "inherit",
22609
- }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '7e873ee8e49dba8b00a8f3b4723178471e1f2ad4' })));
22619
+ }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '5364b0056716f8a66296eb3a680961f8d2424b6d' })));
22610
22620
  }
22611
22621
  get el() { return getElement(this); }
22612
22622
  static get watchers() { return {
@@ -22902,7 +22912,7 @@ class Tooltip {
22902
22912
  }; }
22903
22913
  }
22904
22914
 
22905
- const icTopNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text)}:host(.dark){color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-icon-and-label:var(--ic-color-text-primary-light);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed);--navigation-link-colour:var(--ic-color-text-primary-light)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
22915
+ const icTopNavigationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text)}:host(.dark){color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-icon-and-label:var(--ic-color-text-primary-light);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed);--navigation-link-colour:var(--ic-color-text-primary-light)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
22906
22916
  var IcTopNavigationStyle0 = icTopNavigationCss;
22907
22917
 
22908
22918
  /**
@@ -23118,13 +23128,9 @@ class TopNavigation {
23118
23128
  [`ic-theme-${theme}`]: theme !== "inherit",
23119
23129
  } }, hAsync("div", { key: '3447c99cc05b7203ea80d0651f1ac066122697e1', class: "top-navigation" }, hAsync("ic-section-container", { key: '563a2b3fc3c7d456fee7261c2d5645948301e953', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '61d58c8a68ff59cfa1b5cf75daef6c62b2b4692a', role: "banner" }, hAsync("div", { key: '17108bd26152301bf07afe95a061debb23184e8b', class: "top-panel-container" }, hAsync("div", { key: '86fe01bd6227bc0a1e1633cab7d6cff654e2a808', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'c6f2a1ed6ce7b7813f12352401c89852d6646327', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'c5a2e2961b16b5f5dc6e918ba6f758e7bce09cd7', class: "app-icon-container" }, hAsync("slot", { key: '9b6d5636aa1f474bac2add8948bcd598f3d5c231', name: "app-icon" }))), deviceSize <= DEVICE_SIZES$1.S &&
23120
23130
  (!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
23121
- `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: 'f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb', class: "app-status" }, hAsync("ic-typography", { key: '9d03f72e0533c1d721142cba78ba216c9abf61c5', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '318b6cf7cd4359429a6d698d40e3b99f46ac67e0', class: "app-version" }, hAsync("ic-typography", { key: '67cc4163765fb967729ba4fa03e857c1b0cc96e3', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676', class: "search-menu-container" }, hAsync("div", { key: 'a4033e992457aa434c705d0e35d24c9efb291195', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: 'd9347964c2972b338c4e09833ab94f820d8b49c8', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: '2a3abd194a9b28efc44cf5a41151693eb718010e', id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum$1.Light
23122
- ? IcBrandForegroundEnum$1.Dark
23123
- : IcBrandForegroundEnum$1.Light, onClick: searchButtonClickHandler }, hAsync("slot", { key: 'c16f8b29d593012ed8dd2b4b445d31dd82d480ba', name: "toggle-icon" }, hAsync("svg", { key: '15d23b9c31988779b6de7b70bd25034eba481ba0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: '6ea762e76e64bda987fc499de9b3824bd8ac51e4', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: 'f3d1542e3882a2181b2878a3f8efffefa25364da', d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '1f7983df6dec97f32f424bcedc8a7f535dcb32f1', class: "icon-buttons-container" }, hAsync("slot", { key: '6f4003a0878f3a117f8912cdb6c7c933da3a301c', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: 'e1297f88b99a24cf167cb0b7b0a4e2e8a8af7fc5', class: "menu-button-container" }, hAsync("span", { key: '2c3d59c6da504e06992c8ac9e28df5b9b1bfa9bd', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: 'd5b8883f1d10f224d59abf78a0f34d3a61270005', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: '9ad9fb74ad3a9b0eeec6092e99c2ef8391aa9b11', id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum$1.Light
23124
- ? IcBrandForegroundEnum$1.Dark
23125
- : IcBrandForegroundEnum$1.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { key: 'ded3f2e5f78a55707eede6d016e98e844af16eb1', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: 'b4fddeaafdf0461389ec523374090dfd7b73dac3', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: 'd82f4575eccb93cd129ff89b926197fc916fa6c4', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: 'b0501b50966797481c17928a8c74b51067ce0704', class: "search-bar-container" }, hAsync("slot", { key: '3efa664363b652768dac4edd539b9a12d7ce380d', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '2910033612e40f130aecbd481227b6b35696f8fa', class: "navigation-tabs" }, hAsync("span", { key: '5985db842168ce13f23474ef2f6a12be41b2c3a4', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: 'd47d0ee9ebb470f648ac1174281b6b929963dda6', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'b7e46ecab3d288786f6bdbbdd5ba4c005a77d0a5', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'b9298804c3faf2d1408814b07a4308ed5996d2fa', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '0de95baf787a0590056083079f1a37d10582322a', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '2874e8759b549ad92e1d381fe392a3e06803219e', version: version, status: status, class: {
23131
+ `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: 'f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb', class: "app-status" }, hAsync("ic-typography", { key: '9d03f72e0533c1d721142cba78ba216c9abf61c5', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '318b6cf7cd4359429a6d698d40e3b99f46ac67e0', class: "app-version" }, hAsync("ic-typography", { key: '67cc4163765fb967729ba4fa03e857c1b0cc96e3', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676', class: "search-menu-container" }, hAsync("div", { key: 'a4033e992457aa434c705d0e35d24c9efb291195', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: 'd9347964c2972b338c4e09833ab94f820d8b49c8', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: 'b980ecf6adf49457b2477865c98aac4e95ea4d8a', id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { key: '1488d2319238d970a190b867db0ccc85c026a94f', name: "toggle-icon" }, hAsync("svg", { key: '67e8c1448faf4b9a78098bb8809c8d75135e7671', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: '2f04deb0ec8098168de56fab593d0e1b9d37639a', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '797b58f8ad7489b4cd149ae46b32ecce0c9a85cf', d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '173e7158dc1c4667be9442b7f64be140faebb102', class: "icon-buttons-container" }, hAsync("slot", { key: 'afa131f570550779b8c52403c0f8abf90ba68369', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: 'ca353958a7b441eeb82ecab62b3f0ba1de625fcc', class: "menu-button-container" }, hAsync("span", { key: 'b13a1b5ba472b65d150a194bd7f2fb846d434b8b', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: '8c47f744b6aaa53afe14a09f78f8e231d7e5137b', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: '4365bba111555335f4a04fb168d9e4659e0ca788', id: "menu-button", theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { key: '05366f4016a367fd4ae143e044eb7401f2a23bbb', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: '40f079a4c147f2adfb5bbfe1b8bfeef64e444abe', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '0419ea11aee74c5993643dde955ca7ccbd836ad6', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: '160ea58b8338c6b09482bb5808afa93de039c2b4', class: "search-bar-container" }, hAsync("slot", { key: 'a415f0c6a409b4dbea14697c8c63967ee4c05dcc', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: 'db58d987843728204f3c08ffcc730bc9400c5f75', class: "navigation-tabs" }, hAsync("span", { key: 'c27c1d0868d4acf6385e7b39060d42d04b617e28', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: 'a9d72cda63f8f15b2c5df447a6f544cf9637286a', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '717a0f8855c98de7c688467b6e08acaf59a50f15', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '6e0a057b908929ceca9e5b6113590b7a596fe091', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '401932642750d3d4cece6a886a1e6c4316c218c8', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '0816b74f63c67e9d6869cabeb7a45651ca0eb139', version: version, status: status, class: {
23126
23132
  ["inline"]: !!inline,
23127
- } }, hasIconButtons && (hAsync("div", { key: 'fac76dda5e049b25a748b4764b88e38652b4ea47', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '2764b8cd6c0aa44ff2021953906a1b8f3e6e3cb2', name: "buttons" }))), hAsync("ul", { key: 'f492fdb06133f3717d4df00a33fad12701e0c58e', slot: "navigation" }, hAsync("slot", { key: '57611b195adad0c9bc003fd38dc6c3389b7e345c', name: "navigation" }))))));
23133
+ } }, hasIconButtons && (hAsync("div", { key: '2bf599f25216d608a72e9e3b8537983419ad6a27', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '3483da6f4815d9f37d25ee021622c00c5a64af79', name: "buttons" }))), hAsync("ul", { key: '92b83221e6e974101b0f1186fcae040a070e248f', slot: "navigation" }, hAsync("slot", { key: 'f3f64918abe306948d0709cfac63abde69a61eae', name: "navigation" }))))));
23128
23134
  }
23129
23135
  get el() { return getElement(this); }
23130
23136
  static get watchers() { return {
@@ -23232,29 +23238,20 @@ class TreeItem {
23232
23238
  this.watchSelectedHandler();
23233
23239
  };
23234
23240
  this.setTreeItemPadding = () => {
23241
+ var _a;
23235
23242
  let level = 1;
23236
23243
  let parentElement = this.el.parentElement;
23237
- const treeItemContent = this.el.shadowRoot.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR);
23244
+ const treeItemContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR);
23238
23245
  if (!parentElement) {
23239
23246
  return;
23240
23247
  }
23241
- const isSiblingOfParent = Array.from(parentElement.children)
23242
- .map((sibling) => {
23243
- if (sibling !== this.el &&
23244
- !sibling.querySelector('[slot="router-item"]') &&
23245
- !sibling.querySelector('[slot="label"]')) {
23246
- return sibling.children.length > 0;
23247
- }
23248
- else {
23249
- return false;
23250
- }
23251
- })
23252
- .includes(true);
23253
- const isChild = parentElement.tagName === this.treeItemTag;
23254
- const isRouterItem = this.hasRouterSlot();
23248
+ const isSiblingOfParent = Array.from(parentElement.children).some((sibling) => sibling !== this.el &&
23249
+ !sibling.querySelector('[slot="router-item"]') &&
23250
+ !sibling.querySelector('[slot="label"]') &&
23251
+ sibling.children.length > 0);
23255
23252
  if ((isSiblingOfParent && !this.el.isParent) ||
23256
- (isChild && !this.el.isParent)) {
23257
- if (isRouterItem) {
23253
+ (parentElement.tagName === this.treeItemTag && !this.el.isParent)) {
23254
+ if (this.hasRouterSlot()) {
23258
23255
  this.routerSlot.classList.add("ic-tree-item-single");
23259
23256
  }
23260
23257
  else {
@@ -23264,36 +23261,35 @@ class TreeItem {
23264
23261
  while (parentElement) {
23265
23262
  if (parentElement.tagName === this.treeItemTag) {
23266
23263
  level++;
23267
- if (!this.el.isParent && isSiblingOfParent) {
23268
- treeItemContent.style.paddingLeft = `calc(var(--ic-space-xl) + ${level * 16}px)`;
23269
- }
23270
- else if (!this.el.isParent) {
23271
- treeItemContent.style.paddingLeft = `calc(var(--ic-space-xs) + ${level * 24}px`;
23272
- }
23273
- else {
23274
- treeItemContent.style.paddingLeft = `${level * 16}px`;
23275
- }
23264
+ treeItemContent.style.paddingLeft = !this.el.isParent
23265
+ ? `calc(var(--ic-space-${isSiblingOfParent ? "xl" : "xs"}) + ${level * (isSiblingOfParent ? 16 : 24)}px)`
23266
+ : `${level * 16}px`;
23276
23267
  }
23277
23268
  parentElement = parentElement.parentElement;
23278
23269
  }
23279
23270
  };
23280
23271
  this.truncateTreeItemLabel = (treeItem) => {
23281
- let typographyEl = treeItem.shadowRoot.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);
23272
+ var _a, _b;
23273
+ let typographyEl = (_a = treeItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);
23282
23274
  const slottedContent = treeItem.querySelector("[slot='router-item']");
23283
23275
  let contentHeight = slottedContent === null || slottedContent === void 0 ? void 0 : slottedContent.scrollHeight;
23284
- if (!typographyEl) {
23276
+ if (!typographyEl && slottedContent) {
23285
23277
  const newTypographyEl = document.createElement("ic-typography");
23286
23278
  newTypographyEl.innerHTML = slottedContent.textContent;
23287
23279
  newTypographyEl.classList.add("tree-item-label");
23288
23280
  slottedContent.replaceChild(newTypographyEl, slottedContent.firstChild);
23289
23281
  typographyEl = newTypographyEl;
23290
23282
  }
23291
- else {
23283
+ else if (typographyEl) {
23292
23284
  contentHeight = typographyEl.scrollHeight;
23293
23285
  }
23294
23286
  const tooltipAlreadyExists = !!(typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP));
23295
- const treeContent = treeItem.shadowRoot.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR) || slottedContent;
23296
- if (contentHeight > (treeContent === null || treeContent === void 0 ? void 0 : treeContent.clientHeight) && !tooltipAlreadyExists) {
23287
+ const treeContent = ((_b = treeItem.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR)) || slottedContent;
23288
+ if (contentHeight &&
23289
+ (treeContent === null || treeContent === void 0 ? void 0 : treeContent.clientHeight) &&
23290
+ contentHeight > treeContent.clientHeight &&
23291
+ !tooltipAlreadyExists &&
23292
+ typographyEl) {
23297
23293
  const tooltipEl = document.createElement("ic-tooltip");
23298
23294
  tooltipEl.setAttribute("target", this.el.id);
23299
23295
  tooltipEl.setAttribute("label", typographyEl.textContent);
@@ -23313,19 +23309,22 @@ class TreeItem {
23313
23309
  }
23314
23310
  };
23315
23311
  this.removeTreeItemTruncation = (treeItem) => {
23312
+ var _a, _b;
23316
23313
  const slottedContent = treeItem.querySelector("[slot='router-item']");
23317
- const typographyEl = treeItem.shadowRoot.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR) ||
23314
+ const typographyEl = ((_a = treeItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR)) ||
23318
23315
  slottedContent.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);
23319
23316
  const tooltipEl = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
23320
- const treeContent = treeItem.shadowRoot.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR) || slottedContent;
23317
+ const treeContent = ((_b = treeItem.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR)) || slottedContent;
23321
23318
  if (tooltipEl) {
23322
23319
  typographyEl.classList.remove("ic-text-overflow");
23323
- treeContent.replaceChild(treeContent === slottedContent ? typographyEl.firstChild : typographyEl, tooltipEl);
23320
+ treeContent.replaceChild(treeContent === slottedContent
23321
+ ? typographyEl.firstChild
23322
+ : typographyEl, tooltipEl);
23324
23323
  }
23325
23324
  };
23326
23325
  this.handleDisplayTooltip = (display) => {
23327
- const typographyEl = this.el.shadowRoot.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR) ||
23328
- this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);
23326
+ var _a;
23327
+ const typographyEl = ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR)) || this.el.querySelector(this.TREE_ITEM_LABEL_CLASS_SELECTOR);
23329
23328
  const tooltip = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
23330
23329
  tooltip === null || tooltip === void 0 ? void 0 : tooltip.displayTooltip(display);
23331
23330
  };
@@ -23450,19 +23449,19 @@ class TreeItem {
23450
23449
  rel: this.rel,
23451
23450
  target: this.target,
23452
23451
  };
23453
- return (hAsync(Host, { key: 'f2aeb4f24ff2fce08bfd3b33343e89ae84b97168', class: {
23452
+ return (hAsync(Host, { key: '982527f405c1e35ef67d0780b6c82aaf2e80600c', class: {
23454
23453
  "ic-tree-item-disabled": disabled,
23455
23454
  "ic-tree-item-selected": !disabled && selected,
23456
23455
  [`ic-tree-item-${size}`]: size !== "medium",
23457
- [`ic-tree-item-focus-inset`]: focusInset,
23456
+ "ic-tree-item-focus-inset": focusInset,
23458
23457
  [`ic-theme-${theme}`]: theme !== "inherit",
23459
- "ic-tree-item-truncate": this.truncateTreeItem,
23458
+ "ic-tree-item-truncate": !!this.truncateTreeItem,
23460
23459
  }, id: this.treeItemId }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(Component, Object.assign({ class: {
23461
23460
  "tree-item-content": true,
23462
23461
  }, 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: {
23463
23462
  ["arrow-dropdown"]: true,
23464
23463
  ["tree-item-expanded"]: expanded,
23465
- }, "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: '35b46ae7d8d4f541219bf6a73e49158d14cb8763', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: '9af9035ab4014f2e9bd509eab38f08b0a55a475f' })))));
23464
+ }, "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: '74e55a9772c6239dc28e1f73b1d4dcb8f4d76299', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: '8103f61424d791ea64f4c51c0258f64b5cd06701' })))));
23466
23465
  }
23467
23466
  get el() { return getElement(this); }
23468
23467
  static get watchers() { return {
@@ -23529,6 +23528,8 @@ class TreeView {
23529
23528
  this.isLoaded = false;
23530
23529
  this.resizeObserver = null;
23531
23530
  this.TOOLTIP = "ic-tooltip";
23531
+ this.previousTruncateHeading = false;
23532
+ this.previousTruncateTreeItems = false;
23532
23533
  this.smallDevice = false;
23533
23534
  /**
23534
23535
  * If `true`, tree items will have inset focus.
@@ -23569,11 +23570,11 @@ class TreeView {
23569
23570
  this.resizeObserver.observe(document.body);
23570
23571
  };
23571
23572
  this.removeTruncation = () => {
23572
- this.truncateHeading = undefined;
23573
- this.truncateTreeItems = undefined;
23573
+ this.truncateHeading = false;
23574
+ this.truncateTreeItems = false;
23574
23575
  };
23575
23576
  this.handleKeyDown = (event) => {
23576
- var _a;
23577
+ var _a, _b;
23577
23578
  const focussedChild = this.treeItems.indexOf(this.treeItems.filter((el) => el === document.activeElement)[0]);
23578
23579
  const expanded = (_a = this.treeItems[focussedChild]) === null || _a === void 0 ? void 0 : _a.expanded;
23579
23580
  switch (event.key) {
@@ -23606,7 +23607,7 @@ class TreeView {
23606
23607
  this.treeItems[focussedChild].hasParentExpanded = false;
23607
23608
  this.treeItems[focussedChild].updateAriaLabel();
23608
23609
  }
23609
- else if (this.treeItems[focussedChild].parentElement.tagName ===
23610
+ else if (((_b = this.treeItems[focussedChild].parentElement) === null || _b === void 0 ? void 0 : _b.tagName) ===
23610
23611
  this.treeItemTag) {
23611
23612
  this.treeItems[focussedChild].parentElement.setFocus();
23612
23613
  }
@@ -23615,6 +23616,7 @@ class TreeView {
23615
23616
  }
23616
23617
  };
23617
23618
  this.getNextItemToSelect = (currentItem, movingDown) => {
23619
+ var _a;
23618
23620
  const numItems = this.treeItems.length - 1;
23619
23621
  if (currentItem < 1) {
23620
23622
  currentItem = 0;
@@ -23632,10 +23634,9 @@ class TreeView {
23632
23634
  if (nextItem < 0 || nextItem > numItems) {
23633
23635
  return currentItem;
23634
23636
  }
23635
- if (!this.treeItems[nextItem].disabled &&
23636
- (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||
23637
- this.treeItems[nextItem].parentElement
23638
- .expanded)) {
23637
+ if (((_a = this.treeItems[nextItem].parentElement) === null || _a === void 0 ? void 0 : _a.tagName) !== this.treeItemTag ||
23638
+ this.treeItems[nextItem].parentElement
23639
+ .expanded) {
23639
23640
  return nextItem;
23640
23641
  }
23641
23642
  if (nextItem === numItems && this.treeItems[nextItem].disabled) {
@@ -23659,10 +23660,13 @@ class TreeView {
23659
23660
  this.el.addEventListener("slotchange", this.setTreeItems);
23660
23661
  };
23661
23662
  this.truncateTreeViewHeading = () => {
23662
- const typographyEl = this.el.shadowRoot.querySelector(".tree-view-header");
23663
+ var _a, _b;
23664
+ const typographyEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tree-view-header");
23663
23665
  const tooltip = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
23664
- const headingContainer = this.el.shadowRoot.querySelector(".heading-area-container");
23665
- if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (headingContainer === null || headingContainer === void 0 ? void 0 : headingContainer.clientHeight)) {
23666
+ const headingContainer = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".heading-area-container");
23667
+ if (typographyEl &&
23668
+ headingContainer &&
23669
+ typographyEl.scrollHeight > headingContainer.clientHeight) {
23666
23670
  typographyEl.classList.add("ic-text-overflow");
23667
23671
  if (!tooltip) {
23668
23672
  const tooltipEl = document.createElement("ic-tooltip");
@@ -23676,13 +23680,12 @@ class TreeView {
23676
23680
  }
23677
23681
  };
23678
23682
  this.removeHeadingTruncation = () => {
23679
- const typographyEl = this.el.shadowRoot.querySelector(".tree-view-header");
23683
+ var _a, _b, _c;
23684
+ const typographyEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tree-view-header");
23680
23685
  const tooltipEl = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
23681
- if (tooltipEl) {
23686
+ if (tooltipEl && typographyEl) {
23682
23687
  typographyEl.classList.remove("ic-text-overflow");
23683
- this.el.shadowRoot
23684
- .querySelector(".heading-area-container")
23685
- .replaceChild(typographyEl, tooltipEl);
23688
+ (_c = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".heading-area-container")) === null || _c === void 0 ? void 0 : _c.replaceChild(typographyEl, tooltipEl);
23686
23689
  }
23687
23690
  };
23688
23691
  this.isHeadingDefined = () => isPropDefined(this.heading) && this.heading !== null;
@@ -23815,14 +23818,14 @@ class TreeView {
23815
23818
  }
23816
23819
  render() {
23817
23820
  const { heading, isLoaded, size, theme, truncateHeading } = this;
23818
- return (hAsync(Host, { key: '43c3dd9cb9f888c4033088087fdce4829559f03f', "context-id": this.treeViewId, class: {
23821
+ return (hAsync(Host, { key: 'ab251ddb7f516c5e6d6e892e3720033044757a26', "context-id": this.treeViewId, class: {
23819
23822
  [`ic-tree-view-${size}`]: size !== "medium",
23820
23823
  [`ic-theme-${theme}`]: theme !== "inherit",
23821
23824
  "ic-tree-view-truncate": truncateHeading,
23822
- }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '759c1432800d9dd26b1d9ce720c9626e41408f2f', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '3c239ffde40795dcf3f47b12c5649906a6198970', class: "icon-container" }, hAsync("slot", { key: 'e86df51c31b2b0deea7c484bceacec0f593db42c', name: "icon" }))), hAsync("ic-typography", { key: 'a54ae6d1eb99029f5dda14f0118519aed971b6d1', variant: "subtitle-large", class: {
23825
+ }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: 'fe4e16c30af90a4d91b3a2cf6fcce3b0725a8b5b', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '6b086a36544bb52527c2c385d2c9d89d037e5532', class: "icon-container" }, hAsync("slot", { key: '8f34f6e54b63e8cd875149e90fc9107059c14975', name: "icon" }))), hAsync("ic-typography", { key: '935ef0484d194e43d9b9e85dbd8d97535f82ca7c', variant: "subtitle-large", class: {
23823
23826
  "tree-view-header": true,
23824
23827
  "with-padding": this.truncateHeading && !isLoaded,
23825
- } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '154c96cfb4a0c93da02b53308fe6b8871ec4144b' })));
23828
+ } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '48c0ade6f363af74f69c2a61fcd05b1011fb9dae' })));
23826
23829
  }
23827
23830
  get el() { return getElement(this); }
23828
23831
  static get watchers() { return {