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

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 (589) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/core.cjs.js +2 -2
  3. package/dist/cjs/{date-helpers-c9551119.js → date-helpers-6f70dd03.js} +20 -66
  4. package/dist/cjs/date-helpers-6f70dd03.js.map +1 -0
  5. package/dist/cjs/{helpers-fc51fdcb.js → helpers-199b92d5.js} +42 -2
  6. package/dist/cjs/helpers-199b92d5.js.map +1 -0
  7. package/dist/cjs/{helpers-32016c21.js → helpers-d01564f7.js} +15 -15
  8. package/dist/cjs/helpers-d01564f7.js.map +1 -0
  9. package/dist/cjs/ic-accordion-group.cjs.entry.js +2 -2
  10. package/dist/cjs/ic-accordion.cjs.entry.js +2 -2
  11. package/dist/cjs/ic-alert.cjs.entry.js +2 -2
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js +2 -2
  13. package/dist/cjs/ic-badge.cjs.entry.js +3 -3
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +2 -2
  16. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  17. package/dist/cjs/ic-button_3.cjs.entry.js +3 -3
  18. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-card-horizontal.cjs.entry.js +16 -12
  20. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js +3 -3
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +7 -7
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/{ic-empty-state_2.cjs.entry.js → ic-checkbox_3.cjs.entry.js} +158 -24
  26. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -0
  27. package/dist/cjs/ic-chip.cjs.entry.js +3 -3
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js +3 -3
  30. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-data-list.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
  33. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  34. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-table.cjs.entry.js +310 -276
  36. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-date-input.cjs.entry.js +130 -148
  38. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-date-picker.cjs.entry.js +87 -70
  40. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-dialog.cjs.entry.js +38 -47
  42. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-divider.cjs.entry.js +2 -2
  44. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  45. package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
  46. package/dist/cjs/ic-footer.cjs.entry.js +2 -2
  47. package/dist/cjs/ic-hero.cjs.entry.js +2 -2
  48. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -2
  49. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +3 -3
  50. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-input-label_2.cjs.entry.js +2 -2
  52. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  53. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  54. package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
  55. package/dist/cjs/ic-navigation-button.cjs.entry.js +2 -2
  56. package/dist/cjs/ic-navigation-group.cjs.entry.js +25 -22
  57. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
  59. package/dist/cjs/ic-navigation-menu.cjs.entry.js +7 -7
  60. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-page-header.cjs.entry.js +12 -11
  62. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-pagination_4.cjs.entry.js +52 -29
  64. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-popover-menu.cjs.entry.js +6 -6
  66. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-radio-group.cjs.entry.js +7 -7
  68. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-radio-option.cjs.entry.js +2 -2
  70. package/dist/cjs/ic-search-bar.cjs.entry.js +3 -3
  71. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-section-container.cjs.entry.js +3 -3
  73. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-side-navigation.cjs.entry.js +7 -7
  75. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-skeleton.cjs.entry.js +3 -3
  77. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-skip-link.cjs.entry.js +3 -3
  79. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -5
  81. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-step.cjs.entry.js +16 -16
  83. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-stepper.cjs.entry.js +4 -4
  85. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-switch.cjs.entry.js +6 -6
  87. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-tab-context.cjs.entry.js +2 -2
  89. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-tab-group.cjs.entry.js +4 -4
  91. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-tab-panel.cjs.entry.js +3 -3
  93. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  95. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-theme.cjs.entry.js +3 -3
  97. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-toast-region.cjs.entry.js +2 -2
  99. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-toast.cjs.entry.js +6 -6
  101. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +4 -4
  103. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-toggle-button.cjs.entry.js +5 -5
  105. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -9
  107. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-tree-item.cjs.entry.js +35 -42
  109. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-tree-view.cjs.entry.js +25 -21
  111. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  113. package/dist/cjs/{index-8a24b20c.js → index-d337cd8a.js} +6 -11
  114. package/dist/cjs/index-d337cd8a.js.map +1 -0
  115. package/dist/cjs/loader.cjs.js +2 -2
  116. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +1 -1
  117. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +27 -23
  118. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  119. package/dist/collection/components/ic-data-table/ic-data-table.css +16 -0
  120. package/dist/collection/components/ic-data-table/ic-data-table.js +385 -330
  121. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  122. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +8 -9
  123. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -1
  124. package/dist/collection/components/ic-data-table/story-data.js +13 -14
  125. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  126. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +9 -9
  127. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  128. package/dist/collection/components/ic-date-input/ic-date-input.js +166 -183
  129. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  130. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +1 -1
  131. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -1
  132. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +6 -3
  133. package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -1
  134. package/dist/collection/components/ic-date-picker/ic-date-picker.js +109 -92
  135. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  136. package/dist/collection/components/ic-date-picker/ic-day-button.js +1 -1
  137. package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -1
  138. package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -1
  139. package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -1
  140. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -1
  141. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +41 -38
  142. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  143. package/dist/collection/components/ic-tree-item/ic-tree-item.js +45 -52
  144. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  145. package/dist/collection/components/ic-tree-view/ic-tree-view.js +29 -25
  146. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  147. package/dist/collection/utils/date-helpers.js +19 -61
  148. package/dist/collection/utils/date-helpers.js.map +1 -1
  149. package/dist/collection/utils/helpers.js +44 -61
  150. package/dist/collection/utils/helpers.js.map +1 -1
  151. package/dist/collection/utils/testa11y.helpers.js +2 -1
  152. package/dist/collection/utils/testa11y.helpers.js.map +1 -1
  153. package/dist/components/helpers.js +40 -1
  154. package/dist/components/helpers.js.map +1 -1
  155. package/dist/components/helpers2.js +13 -13
  156. package/dist/components/helpers2.js.map +1 -1
  157. package/dist/components/ic-badge.js +1 -1
  158. package/dist/components/ic-badge.js.map +1 -1
  159. package/dist/components/ic-button2.js +1 -1
  160. package/dist/components/ic-button2.js.map +1 -1
  161. package/dist/components/ic-card-horizontal.js +14 -10
  162. package/dist/components/ic-card-horizontal.js.map +1 -1
  163. package/dist/components/ic-card-vertical.js +1 -1
  164. package/dist/components/ic-card-vertical.js.map +1 -1
  165. package/dist/components/ic-checkbox-group.js +5 -5
  166. package/dist/components/ic-checkbox-group.js.map +1 -1
  167. package/dist/components/ic-checkbox.js +1 -175
  168. package/dist/components/ic-checkbox.js.map +1 -1
  169. package/dist/{esm/ic-checkbox.entry.js → components/ic-checkbox2.js} +53 -11
  170. package/dist/components/ic-checkbox2.js.map +1 -0
  171. package/dist/components/ic-chip.js +1 -1
  172. package/dist/components/ic-chip.js.map +1 -1
  173. package/dist/components/ic-classification-banner.js +2 -2
  174. package/dist/components/ic-classification-banner.js.map +1 -1
  175. package/dist/components/ic-data-table-title-bar.js +5 -5
  176. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  177. package/dist/components/ic-data-table.js +319 -279
  178. package/dist/components/ic-data-table.js.map +1 -1
  179. package/dist/components/ic-date-input2.js +146 -210
  180. package/dist/components/ic-date-input2.js.map +1 -1
  181. package/dist/components/ic-date-picker.js +84 -67
  182. package/dist/components/ic-date-picker.js.map +1 -1
  183. package/dist/components/ic-dialog.js +38 -47
  184. package/dist/components/ic-dialog.js.map +1 -1
  185. package/dist/components/ic-footer.js +1 -1
  186. package/dist/components/ic-horizontal-scroll2.js +1 -1
  187. package/dist/components/ic-input-component-container2.js +1 -1
  188. package/dist/components/ic-input-component-container2.js.map +1 -1
  189. package/dist/components/ic-navigation-group.js +25 -21
  190. package/dist/components/ic-navigation-group.js.map +1 -1
  191. package/dist/components/ic-navigation-item.js +1 -1
  192. package/dist/components/ic-navigation-menu2.js +6 -6
  193. package/dist/components/ic-navigation-menu2.js.map +1 -1
  194. package/dist/components/ic-page-header.js +10 -9
  195. package/dist/components/ic-page-header.js.map +1 -1
  196. package/dist/components/ic-pagination-bar2.js +22 -20
  197. package/dist/components/ic-pagination-bar2.js.map +1 -1
  198. package/dist/components/ic-pagination-item2.js +2 -2
  199. package/dist/components/ic-pagination-item2.js.map +1 -1
  200. package/dist/components/ic-pagination2.js +5 -5
  201. package/dist/components/ic-pagination2.js.map +1 -1
  202. package/dist/components/ic-popover-menu.js +4 -4
  203. package/dist/components/ic-popover-menu.js.map +1 -1
  204. package/dist/components/ic-radio-group.js +5 -5
  205. package/dist/components/ic-radio-group.js.map +1 -1
  206. package/dist/components/ic-search-bar.js +2 -2
  207. package/dist/components/ic-search-bar.js.map +1 -1
  208. package/dist/components/ic-section-container2.js +2 -2
  209. package/dist/components/ic-section-container2.js.map +1 -1
  210. package/dist/components/ic-select2.js +6 -6
  211. package/dist/components/ic-select2.js.map +1 -1
  212. package/dist/components/ic-side-navigation.js +6 -6
  213. package/dist/components/ic-side-navigation.js.map +1 -1
  214. package/dist/components/ic-skeleton.js +2 -2
  215. package/dist/components/ic-skeleton.js.map +1 -1
  216. package/dist/components/ic-skip-link.js +2 -2
  217. package/dist/components/ic-skip-link.js.map +1 -1
  218. package/dist/components/ic-status-tag.js +3 -3
  219. package/dist/components/ic-status-tag.js.map +1 -1
  220. package/dist/components/ic-step.js +14 -14
  221. package/dist/components/ic-step.js.map +1 -1
  222. package/dist/components/ic-stepper.js +3 -3
  223. package/dist/components/ic-stepper.js.map +1 -1
  224. package/dist/components/ic-switch.js +4 -4
  225. package/dist/components/ic-switch.js.map +1 -1
  226. package/dist/components/ic-tab-context.js +1 -1
  227. package/dist/components/ic-tab-context.js.map +1 -1
  228. package/dist/components/ic-tab-group.js +2 -2
  229. package/dist/components/ic-tab-group.js.map +1 -1
  230. package/dist/components/ic-tab-panel.js +2 -2
  231. package/dist/components/ic-tab-panel.js.map +1 -1
  232. package/dist/components/ic-tab.js +1 -1
  233. package/dist/components/ic-tab.js.map +1 -1
  234. package/dist/components/ic-text-field2.js +42 -15
  235. package/dist/components/ic-text-field2.js.map +1 -1
  236. package/dist/components/ic-theme.js +2 -2
  237. package/dist/components/ic-theme.js.map +1 -1
  238. package/dist/components/ic-toast-region.js +1 -1
  239. package/dist/components/ic-toast-region.js.map +1 -1
  240. package/dist/components/ic-toast.js +5 -5
  241. package/dist/components/ic-toast.js.map +1 -1
  242. package/dist/components/ic-toggle-button-group.js +2 -2
  243. package/dist/components/ic-toggle-button-group.js.map +1 -1
  244. package/dist/components/ic-toggle-button.js +4 -4
  245. package/dist/components/ic-toggle-button.js.map +1 -1
  246. package/dist/components/ic-top-navigation.js +4 -8
  247. package/dist/components/ic-top-navigation.js.map +1 -1
  248. package/dist/components/ic-tree-item.js +33 -40
  249. package/dist/components/ic-tree-item.js.map +1 -1
  250. package/dist/components/ic-tree-view.js +23 -19
  251. package/dist/components/ic-tree-view.js.map +1 -1
  252. package/dist/core/core.css +358 -250
  253. package/dist/core/core.esm.js +1 -1
  254. package/dist/core/core.esm.js.map +1 -1
  255. package/dist/core/{p-f2f7299b.entry.js → p-071f4748.entry.js} +2 -2
  256. package/dist/core/{p-f2f7299b.entry.js.map → p-071f4748.entry.js.map} +1 -1
  257. package/dist/core/p-09e8b002.entry.js +2 -0
  258. package/dist/core/p-09e8b002.entry.js.map +1 -0
  259. package/dist/core/{p-b18a5861.entry.js → p-110486f0.entry.js} +2 -2
  260. package/dist/core/{p-b18a5861.entry.js.map → p-110486f0.entry.js.map} +1 -1
  261. package/dist/core/{p-a30d165d.entry.js → p-123bd8ce.entry.js} +2 -2
  262. package/dist/core/p-123bd8ce.entry.js.map +1 -0
  263. package/dist/core/{p-1334a78f.entry.js → p-12d4803e.entry.js} +2 -2
  264. package/dist/core/{p-8d73a3cc.entry.js → p-19c4cc6c.entry.js} +2 -2
  265. package/dist/core/p-19c4cc6c.entry.js.map +1 -0
  266. package/dist/core/p-19ecd2a6.entry.js +2 -0
  267. package/dist/core/p-19ecd2a6.entry.js.map +1 -0
  268. package/dist/core/{p-d154b26c.entry.js → p-1b31a720.entry.js} +2 -2
  269. package/dist/core/{p-a4582939.entry.js → p-1bfead5b.entry.js} +2 -2
  270. package/dist/core/p-1bfead5b.entry.js.map +1 -0
  271. package/dist/core/{p-08fd225f.entry.js → p-214a48c6.entry.js} +2 -2
  272. package/dist/core/p-236dc1a6.entry.js +2 -0
  273. package/dist/core/p-236dc1a6.entry.js.map +1 -0
  274. package/dist/core/{p-0848efa2.entry.js → p-2c7e9e71.entry.js} +2 -2
  275. package/dist/core/{p-ef25bb6d.entry.js → p-2d9c36a6.entry.js} +2 -2
  276. package/dist/core/{p-ef25bb6d.entry.js.map → p-2d9c36a6.entry.js.map} +1 -1
  277. package/dist/core/{p-b8aa37f9.entry.js → p-336be00c.entry.js} +2 -2
  278. package/dist/core/{p-5dc25d11.entry.js → p-37df68fe.entry.js} +2 -2
  279. package/dist/core/{p-5dc25d11.entry.js.map → p-37df68fe.entry.js.map} +1 -1
  280. package/dist/core/{p-272352cb.entry.js → p-38f612b0.entry.js} +2 -2
  281. package/dist/core/p-3cf6ca89.entry.js +2 -0
  282. package/dist/core/p-3cf6ca89.entry.js.map +1 -0
  283. package/dist/core/{p-4da17eda.entry.js → p-3ee70c45.entry.js} +2 -2
  284. package/dist/core/{p-762a4d7c.entry.js → p-46f64dc5.entry.js} +2 -2
  285. package/dist/core/p-48465394.entry.js +2 -0
  286. package/dist/core/{p-4e5934f3.entry.js.map → p-48465394.entry.js.map} +1 -1
  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-520dce89.entry.js +2 -0
  290. package/dist/core/p-520dce89.entry.js.map +1 -0
  291. package/dist/core/{p-22e0ed96.entry.js → p-5bd43e19.entry.js} +2 -2
  292. package/dist/core/{p-da798f58.entry.js → p-5ec11974.entry.js} +2 -2
  293. package/dist/core/p-643a94c2.entry.js +2 -0
  294. package/dist/core/p-643a94c2.entry.js.map +1 -0
  295. package/dist/core/{p-be5ad372.entry.js → p-65ddc948.entry.js} +2 -2
  296. package/dist/core/p-69f6db9f.entry.js +2 -0
  297. package/dist/core/p-69f6db9f.entry.js.map +1 -0
  298. package/dist/core/p-6cfd6b56.entry.js +2 -0
  299. package/dist/core/{p-144b1dee.entry.js.map → p-6cfd6b56.entry.js.map} +1 -1
  300. package/dist/core/{p-507ec499.entry.js → p-701696aa.entry.js} +2 -2
  301. package/dist/core/{p-507ec499.entry.js.map → p-701696aa.entry.js.map} +1 -1
  302. package/dist/core/p-7b13ccd0.entry.js +2 -0
  303. package/dist/core/p-7b13ccd0.entry.js.map +1 -0
  304. package/dist/core/p-7d054704.js +2 -0
  305. package/dist/core/p-7d054704.js.map +1 -0
  306. package/dist/core/{p-e13b43b1.entry.js → p-8402fcf7.entry.js} +2 -2
  307. package/dist/core/p-858dd362.entry.js +2 -0
  308. package/dist/core/p-858dd362.entry.js.map +1 -0
  309. package/dist/core/p-87c92ab1.entry.js +2 -0
  310. package/dist/core/p-87c92ab1.entry.js.map +1 -0
  311. package/dist/core/{p-0e3cb8d0.entry.js → p-8856dff4.entry.js} +2 -2
  312. package/dist/core/{p-00135a74.js → p-8e4e97b4.js} +3 -3
  313. package/dist/core/p-8e4e97b4.js.map +1 -0
  314. package/dist/core/{p-32720276.entry.js → p-91b8ee39.entry.js} +2 -2
  315. package/dist/core/{p-fd42f129.entry.js → p-91d5efc0.entry.js} +2 -2
  316. package/dist/core/p-91d5efc0.entry.js.map +1 -0
  317. package/dist/core/p-944ea274.entry.js +2 -0
  318. package/dist/core/p-944ea274.entry.js.map +1 -0
  319. package/dist/core/p-951669ca.entry.js +2 -0
  320. package/dist/core/p-951669ca.entry.js.map +1 -0
  321. package/dist/core/{p-b6db0cc1.entry.js → p-9bf0ce9e.entry.js} +2 -2
  322. package/dist/core/{p-afc4ce53.entry.js → p-9e5e6070.entry.js} +2 -2
  323. package/dist/core/{p-a214a9f8.entry.js → p-a12dd148.entry.js} +2 -2
  324. package/dist/core/{p-a214a9f8.entry.js.map → p-a12dd148.entry.js.map} +1 -1
  325. package/dist/core/p-a2fcea60.entry.js +2 -0
  326. package/dist/core/p-a2fcea60.entry.js.map +1 -0
  327. package/dist/core/{p-60a0c711.entry.js → p-a6031c41.entry.js} +2 -2
  328. package/dist/core/{p-60a0c711.entry.js.map → p-a6031c41.entry.js.map} +1 -1
  329. package/dist/core/{p-3d1ba098.entry.js → p-b006976c.entry.js} +2 -2
  330. package/dist/core/p-b17f6b1d.entry.js +2 -0
  331. package/dist/core/p-b17f6b1d.entry.js.map +1 -0
  332. package/dist/core/{p-0c3bd9e6.entry.js → p-b334a20d.entry.js} +2 -2
  333. package/dist/core/p-b603b9ef.entry.js +2 -0
  334. package/dist/core/p-b603b9ef.entry.js.map +1 -0
  335. package/dist/core/{p-3e9564b5.entry.js → p-b88ae211.entry.js} +2 -2
  336. package/dist/core/{p-5d85bd73.entry.js → p-b953b22f.entry.js} +2 -2
  337. package/dist/core/{p-5d85bd73.entry.js.map → p-b953b22f.entry.js.map} +1 -1
  338. package/dist/core/p-b9e73154.js +2 -0
  339. package/dist/core/p-b9e73154.js.map +1 -0
  340. package/dist/core/p-bb9142fe.entry.js +2 -0
  341. package/dist/core/{p-a13dc5ba.entry.js.map → p-bb9142fe.entry.js.map} +1 -1
  342. package/dist/core/{p-48163a2a.entry.js → p-c1dbb35b.entry.js} +2 -2
  343. package/dist/core/{p-48163a2a.entry.js.map → p-c1dbb35b.entry.js.map} +1 -1
  344. package/dist/core/{p-0fd762bf.entry.js → p-c1f653d4.entry.js} +2 -2
  345. package/dist/core/p-c1f653d4.entry.js.map +1 -0
  346. package/dist/core/{p-96551ddf.entry.js → p-c3f26b24.entry.js} +2 -2
  347. package/dist/core/p-c86ca475.js +2 -0
  348. package/dist/core/p-c86ca475.js.map +1 -0
  349. package/dist/core/{p-fd006a9b.entry.js → p-ca5d3a21.entry.js} +2 -2
  350. package/dist/core/{p-f541034c.entry.js → p-cd0dbcea.entry.js} +2 -2
  351. package/dist/core/p-cda2a461.entry.js +2 -0
  352. package/dist/core/p-cda2a461.entry.js.map +1 -0
  353. package/dist/core/p-ed416362.entry.js +2 -0
  354. package/dist/core/p-ed416362.entry.js.map +1 -0
  355. package/dist/core/{p-b17e7059.entry.js → p-f2beca5c.entry.js} +2 -2
  356. package/dist/core/{p-b17e7059.entry.js.map → p-f2beca5c.entry.js.map} +1 -1
  357. package/dist/core/p-f3bb5006.entry.js +2 -0
  358. package/dist/core/p-f3bb5006.entry.js.map +1 -0
  359. package/dist/core/{p-895a3eb1.entry.js → p-f5e9c8c8.entry.js} +2 -2
  360. package/dist/core/p-f5e9c8c8.entry.js.map +1 -0
  361. package/dist/core/{p-0e119312.entry.js → p-fa02a267.entry.js} +2 -2
  362. package/dist/core/{p-0e119312.entry.js.map → p-fa02a267.entry.js.map} +1 -1
  363. package/dist/core/{p-9f4fa820.entry.js → p-fa18f9c6.entry.js} +2 -2
  364. package/dist/core/{p-9f4fa820.entry.js.map → p-fa18f9c6.entry.js.map} +1 -1
  365. package/dist/core/p-fb01a001.entry.js +2 -0
  366. package/dist/core/p-fb01a001.entry.js.map +1 -0
  367. package/dist/esm/core.js +3 -3
  368. package/dist/esm/{date-helpers-0e5e32a7.js → date-helpers-3b8c39ab.js} +20 -66
  369. package/dist/esm/date-helpers-3b8c39ab.js.map +1 -0
  370. package/dist/esm/{helpers-bbab69a2.js → helpers-9fe45194.js} +42 -3
  371. package/dist/esm/helpers-9fe45194.js.map +1 -0
  372. package/dist/esm/{helpers-5479985d.js → helpers-ddc2008a.js} +16 -16
  373. package/dist/esm/helpers-ddc2008a.js.map +1 -0
  374. package/dist/esm/ic-accordion-group.entry.js +2 -2
  375. package/dist/esm/ic-accordion.entry.js +2 -2
  376. package/dist/esm/ic-alert.entry.js +2 -2
  377. package/dist/esm/ic-back-to-top.entry.js +2 -2
  378. package/dist/esm/ic-badge.entry.js +3 -3
  379. package/dist/esm/ic-badge.entry.js.map +1 -1
  380. package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
  381. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  382. package/dist/esm/ic-button_3.entry.js +3 -3
  383. package/dist/esm/ic-button_3.entry.js.map +1 -1
  384. package/dist/esm/ic-card-horizontal.entry.js +16 -12
  385. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  386. package/dist/esm/ic-card-vertical.entry.js +3 -3
  387. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  388. package/dist/esm/ic-checkbox-group.entry.js +7 -7
  389. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  390. package/dist/esm/{ic-empty-state_2.entry.js → ic-checkbox_3.entry.js} +158 -25
  391. package/dist/esm/ic-checkbox_3.entry.js.map +1 -0
  392. package/dist/esm/ic-chip.entry.js +3 -3
  393. package/dist/esm/ic-chip.entry.js.map +1 -1
  394. package/dist/esm/ic-classification-banner.entry.js +3 -3
  395. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  396. package/dist/esm/ic-data-list.entry.js +1 -1
  397. package/dist/esm/ic-data-row.entry.js +2 -2
  398. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  399. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  400. package/dist/esm/ic-data-table.entry.js +310 -276
  401. package/dist/esm/ic-data-table.entry.js.map +1 -1
  402. package/dist/esm/ic-date-input.entry.js +130 -148
  403. package/dist/esm/ic-date-input.entry.js.map +1 -1
  404. package/dist/esm/ic-date-picker.entry.js +87 -70
  405. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  406. package/dist/esm/ic-dialog.entry.js +38 -47
  407. package/dist/esm/ic-dialog.entry.js.map +1 -1
  408. package/dist/esm/ic-divider.entry.js +2 -2
  409. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  410. package/dist/esm/ic-footer-link.entry.js +2 -2
  411. package/dist/esm/ic-footer.entry.js +2 -2
  412. package/dist/esm/ic-hero.entry.js +2 -2
  413. package/dist/esm/ic-horizontal-scroll.entry.js +2 -2
  414. package/dist/esm/ic-input-component-container_3.entry.js +3 -3
  415. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  416. package/dist/esm/ic-input-label_2.entry.js +2 -2
  417. package/dist/esm/ic-link.entry.js +2 -2
  418. package/dist/esm/ic-menu-group.entry.js +2 -2
  419. package/dist/esm/ic-menu-item.entry.js +2 -2
  420. package/dist/esm/ic-navigation-button.entry.js +2 -2
  421. package/dist/esm/ic-navigation-group.entry.js +25 -22
  422. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  423. package/dist/esm/ic-navigation-item.entry.js +2 -2
  424. package/dist/esm/ic-navigation-menu.entry.js +7 -7
  425. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  426. package/dist/esm/ic-page-header.entry.js +12 -11
  427. package/dist/esm/ic-page-header.entry.js.map +1 -1
  428. package/dist/esm/ic-pagination_4.entry.js +52 -29
  429. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  430. package/dist/esm/ic-popover-menu.entry.js +6 -6
  431. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  432. package/dist/esm/ic-radio-group.entry.js +7 -7
  433. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  434. package/dist/esm/ic-radio-option.entry.js +2 -2
  435. package/dist/esm/ic-search-bar.entry.js +3 -3
  436. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  437. package/dist/esm/ic-section-container.entry.js +3 -3
  438. package/dist/esm/ic-section-container.entry.js.map +1 -1
  439. package/dist/esm/ic-side-navigation.entry.js +7 -7
  440. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  441. package/dist/esm/ic-skeleton.entry.js +3 -3
  442. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  443. package/dist/esm/ic-skip-link.entry.js +3 -3
  444. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  445. package/dist/esm/ic-status-tag.entry.js +5 -5
  446. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  447. package/dist/esm/ic-step.entry.js +16 -16
  448. package/dist/esm/ic-step.entry.js.map +1 -1
  449. package/dist/esm/ic-stepper.entry.js +4 -4
  450. package/dist/esm/ic-stepper.entry.js.map +1 -1
  451. package/dist/esm/ic-switch.entry.js +6 -6
  452. package/dist/esm/ic-switch.entry.js.map +1 -1
  453. package/dist/esm/ic-tab-context.entry.js +2 -2
  454. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  455. package/dist/esm/ic-tab-group.entry.js +4 -4
  456. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  457. package/dist/esm/ic-tab-panel.entry.js +3 -3
  458. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  459. package/dist/esm/ic-tab.entry.js +3 -3
  460. package/dist/esm/ic-tab.entry.js.map +1 -1
  461. package/dist/esm/ic-theme.entry.js +3 -3
  462. package/dist/esm/ic-theme.entry.js.map +1 -1
  463. package/dist/esm/ic-toast-region.entry.js +2 -2
  464. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  465. package/dist/esm/ic-toast.entry.js +6 -6
  466. package/dist/esm/ic-toast.entry.js.map +1 -1
  467. package/dist/esm/ic-toggle-button-group.entry.js +4 -4
  468. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  469. package/dist/esm/ic-toggle-button.entry.js +5 -5
  470. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  471. package/dist/esm/ic-top-navigation.entry.js +5 -9
  472. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  473. package/dist/esm/ic-tree-item.entry.js +35 -42
  474. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  475. package/dist/esm/ic-tree-view.entry.js +25 -21
  476. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  477. package/dist/esm/ic-typography.entry.js +2 -2
  478. package/dist/esm/{index-163fe708.js → index-a7a720e7.js} +6 -11
  479. package/dist/esm/index-a7a720e7.js.map +1 -0
  480. package/dist/esm/loader.js +3 -3
  481. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +3 -3
  482. package/dist/types/components/ic-data-table/ic-data-table.d.ts +30 -20
  483. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +3 -9
  484. package/dist/types/components/ic-data-table/story-data.d.ts +15 -4
  485. package/dist/types/components/ic-date-input/ic-date-input.d.ts +34 -28
  486. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +14 -12
  487. package/dist/types/components/ic-date-picker/ic-day-button.d.ts +2 -2
  488. package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +3 -3
  489. package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +3 -3
  490. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +2 -2
  491. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +3 -3
  492. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +4 -4
  493. package/dist/types/components.d.ts +95 -72
  494. package/dist/types/utils/date-helpers.d.ts +4 -4
  495. package/dist/types/utils/helpers.d.ts +6 -15
  496. package/hydrate/index.js +898 -851
  497. package/hydrate/index.mjs +898 -851
  498. package/package.json +3 -3
  499. package/dist/cjs/date-helpers-c9551119.js.map +0 -1
  500. package/dist/cjs/helpers-32016c21.js.map +0 -1
  501. package/dist/cjs/helpers-fc51fdcb.js.map +0 -1
  502. package/dist/cjs/ic-checkbox.cjs.entry.js +0 -141
  503. package/dist/cjs/ic-checkbox.cjs.entry.js.map +0 -1
  504. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +0 -1
  505. package/dist/cjs/index-8a24b20c.js.map +0 -1
  506. package/dist/core/p-00135a74.js.map +0 -1
  507. package/dist/core/p-0ad472d0.entry.js +0 -2
  508. package/dist/core/p-0ad472d0.entry.js.map +0 -1
  509. package/dist/core/p-0c97a53d.entry.js +0 -2
  510. package/dist/core/p-0c97a53d.entry.js.map +0 -1
  511. package/dist/core/p-0efeab8a.entry.js +0 -2
  512. package/dist/core/p-0efeab8a.entry.js.map +0 -1
  513. package/dist/core/p-0f6b9686.js +0 -2
  514. package/dist/core/p-0f6b9686.js.map +0 -1
  515. package/dist/core/p-0fd762bf.entry.js.map +0 -1
  516. package/dist/core/p-144b1dee.entry.js +0 -2
  517. package/dist/core/p-1cf61bf2.entry.js +0 -2
  518. package/dist/core/p-1cf61bf2.entry.js.map +0 -1
  519. package/dist/core/p-250bf568.entry.js +0 -2
  520. package/dist/core/p-250bf568.entry.js.map +0 -1
  521. package/dist/core/p-33dd24eb.js +0 -2
  522. package/dist/core/p-33dd24eb.js.map +0 -1
  523. package/dist/core/p-4e5934f3.entry.js +0 -2
  524. package/dist/core/p-4f00aa91.entry.js +0 -2
  525. package/dist/core/p-4f00aa91.entry.js.map +0 -1
  526. package/dist/core/p-54e01fad.entry.js +0 -2
  527. package/dist/core/p-54e01fad.entry.js.map +0 -1
  528. package/dist/core/p-6040a025.entry.js +0 -2
  529. package/dist/core/p-6040a025.entry.js.map +0 -1
  530. package/dist/core/p-62f7f2bd.entry.js +0 -2
  531. package/dist/core/p-62f7f2bd.entry.js.map +0 -1
  532. package/dist/core/p-6eaf585a.entry.js +0 -2
  533. package/dist/core/p-6eaf585a.entry.js.map +0 -1
  534. package/dist/core/p-72310da8.js +0 -2
  535. package/dist/core/p-72310da8.js.map +0 -1
  536. package/dist/core/p-836d302a.entry.js +0 -2
  537. package/dist/core/p-836d302a.entry.js.map +0 -1
  538. package/dist/core/p-881bb783.entry.js +0 -2
  539. package/dist/core/p-881bb783.entry.js.map +0 -1
  540. package/dist/core/p-895a3eb1.entry.js.map +0 -1
  541. package/dist/core/p-8d73a3cc.entry.js.map +0 -1
  542. package/dist/core/p-9a46b1e5.entry.js +0 -2
  543. package/dist/core/p-9a46b1e5.entry.js.map +0 -1
  544. package/dist/core/p-a13dc5ba.entry.js +0 -2
  545. package/dist/core/p-a30d165d.entry.js.map +0 -1
  546. package/dist/core/p-a4582939.entry.js.map +0 -1
  547. package/dist/core/p-a7f95a61.entry.js +0 -2
  548. package/dist/core/p-a7f95a61.entry.js.map +0 -1
  549. package/dist/core/p-a81c9048.entry.js +0 -2
  550. package/dist/core/p-a81c9048.entry.js.map +0 -1
  551. package/dist/core/p-c0687222.entry.js +0 -2
  552. package/dist/core/p-c0687222.entry.js.map +0 -1
  553. package/dist/core/p-c2aef5cc.entry.js +0 -2
  554. package/dist/core/p-c2aef5cc.entry.js.map +0 -1
  555. package/dist/core/p-c4f7e479.entry.js +0 -2
  556. package/dist/core/p-c4f7e479.entry.js.map +0 -1
  557. package/dist/core/p-fb11ce9b.entry.js +0 -2
  558. package/dist/core/p-fb11ce9b.entry.js.map +0 -1
  559. package/dist/core/p-fba58c42.entry.js +0 -2
  560. package/dist/core/p-fba58c42.entry.js.map +0 -1
  561. package/dist/core/p-fd42f129.entry.js.map +0 -1
  562. package/dist/esm/date-helpers-0e5e32a7.js.map +0 -1
  563. package/dist/esm/helpers-5479985d.js.map +0 -1
  564. package/dist/esm/helpers-bbab69a2.js.map +0 -1
  565. package/dist/esm/ic-checkbox.entry.js.map +0 -1
  566. package/dist/esm/ic-empty-state_2.entry.js.map +0 -1
  567. package/dist/esm/index-163fe708.js.map +0 -1
  568. /package/dist/core/{p-1334a78f.entry.js.map → p-12d4803e.entry.js.map} +0 -0
  569. /package/dist/core/{p-d154b26c.entry.js.map → p-1b31a720.entry.js.map} +0 -0
  570. /package/dist/core/{p-08fd225f.entry.js.map → p-214a48c6.entry.js.map} +0 -0
  571. /package/dist/core/{p-0848efa2.entry.js.map → p-2c7e9e71.entry.js.map} +0 -0
  572. /package/dist/core/{p-b8aa37f9.entry.js.map → p-336be00c.entry.js.map} +0 -0
  573. /package/dist/core/{p-272352cb.entry.js.map → p-38f612b0.entry.js.map} +0 -0
  574. /package/dist/core/{p-4da17eda.entry.js.map → p-3ee70c45.entry.js.map} +0 -0
  575. /package/dist/core/{p-762a4d7c.entry.js.map → p-46f64dc5.entry.js.map} +0 -0
  576. /package/dist/core/{p-22e0ed96.entry.js.map → p-5bd43e19.entry.js.map} +0 -0
  577. /package/dist/core/{p-da798f58.entry.js.map → p-5ec11974.entry.js.map} +0 -0
  578. /package/dist/core/{p-be5ad372.entry.js.map → p-65ddc948.entry.js.map} +0 -0
  579. /package/dist/core/{p-e13b43b1.entry.js.map → p-8402fcf7.entry.js.map} +0 -0
  580. /package/dist/core/{p-0e3cb8d0.entry.js.map → p-8856dff4.entry.js.map} +0 -0
  581. /package/dist/core/{p-32720276.entry.js.map → p-91b8ee39.entry.js.map} +0 -0
  582. /package/dist/core/{p-b6db0cc1.entry.js.map → p-9bf0ce9e.entry.js.map} +0 -0
  583. /package/dist/core/{p-afc4ce53.entry.js.map → p-9e5e6070.entry.js.map} +0 -0
  584. /package/dist/core/{p-3d1ba098.entry.js.map → p-b006976c.entry.js.map} +0 -0
  585. /package/dist/core/{p-0c3bd9e6.entry.js.map → p-b334a20d.entry.js.map} +0 -0
  586. /package/dist/core/{p-3e9564b5.entry.js.map → p-b88ae211.entry.js.map} +0 -0
  587. /package/dist/core/{p-96551ddf.entry.js.map → p-c3f26b24.entry.js.map} +0 -0
  588. /package/dist/core/{p-fd006a9b.entry.js.map → p-ca5d3a21.entry.js.map} +0 -0
  589. /package/dist/core/{p-f541034c.entry.js.map → p-cd0dbcea.entry.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ import{r as t,c as a,h as e,H as i,g as o}from"./p-8e4e97b4.js";import{D as n,g as s,i as c,J as r,e as l,o as d,f as h,b as p,E as b,I as m,d as f}from"./p-b9e73154.js";const v='/*! 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}}';const g=v;const u=class{constructor(e){t(this,e);this.icNavigationMenuClosed=a(this,"icNavigationMenuClosed",7);this.icNavigationMenuOpened=a(this,"icNavigationMenuOpened",7);this.icTopNavResized=a(this,"icTopNavResized",7);this.hasAppIcon=false;this.hasIconButtons=false;this.hasNavigation=false;this.hasSearchSlotContent=false;this.resizeObserver=null;this.searchBar=null;this.deviceSize=n.XL;this.foregroundColor=s();this.hasFullWidthSearchBar=false;this.mobileSearchBarVisible=false;this.mobileSearchHiddenOnBlur=false;this.navMenuVisible=false;this.searchButtonClick=false;this.searchValue="";this.contentAligned="full-width";this.customMobileBreakpoint=n.L;this.href="/";this.inline=false;this.shortAppTitle="";this.status="";this.theme="inherit";this.version="";this.checkSlots=()=>{this.hasAppIcon=c(this.el,"app-icon");this.hasNavigation=c(this.el,"navigation");this.hasIconButtons=c(this.el,"buttons");this.hasSearchSlotContent=c(this.el,"search")};this.initialiseSearchBar=()=>{if(this.hasSearchSlotContent){const t=r(this.el,"search");if((t===null||t===void 0?void 0:t.tagName)==="IC-SEARCH-BAR"){this.searchBar=t}else if((t===null||t===void 0?void 0:t.tagName)==="FORM"){this.searchBar=t.querySelector("ic-search-bar")}if(this.searchBar!==null){this.searchBar.hideLabel=true}}};this.menuButtonClick=()=>{this.showNavMenu(true)};this.searchButtonMouseDownHandler=()=>{this.searchButtonClick=true};this.searchButtonClickHandler=()=>{this.toggleSearchBar();this.searchButtonClick=false};this.resizeObserverCallback=t=>{if(t!==this.deviceSize){this.deviceSize=t;if(t>this.customMobileBreakpoint){this.showNavMenu(false);if(this.mobileSearchBarVisible){this.toggleSearchBar()}}this.icTopNavResized.emit({size:t});if(this.searchBar&&document.activeElement===this.searchBar){this.searchBar.setAttribute("hidden","true");this.searchBar.removeAttribute("hidden");setTimeout((()=>{var t;(t=this.searchBar)===null||t===void 0?void 0:t.focus()}),100)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(l())}));this.resizeObserver.observe(this.el)}}watchPropHandler(t,a){d(a,t,this.initialiseSearchBar)}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){this.checkSlots();this.deviceSize=l();this.initialiseSearchBar()}componentDidLoad(){h(this.runResizeObserver);!c(this.el,"app-title")&&p([{prop:this.appTitle,propName:"app-title"}],"Top Navigation")}componentWillRender(){this.checkSlots()}navBarMenuCloseHandler(){var t,a;this.showNavMenu(false);(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#menu-button"))===null||a===void 0?void 0:a.focus()}searchInputBlurHandler({detail:t}){if(t!==null){if(this.mobileSearchBarVisible&&!this.searchButtonClick){this.toggleSearchBar()}this.searchValue=t.value}}searchValueChangeHandler({detail:t}){this.searchValue=t.value}brandChangeHandler({detail:t}){this.foregroundColor=t.mode}toggleSearchBar(){var t;this.mobileSearchBarVisible=!this.mobileSearchBarVisible;if(this.searchBar!==null){(t=this.mobileSearchButtonEl)===null||t===void 0?void 0:t.setAttribute("aria-label",`${this.mobileSearchBarVisible?"Hide":"Show"} search`);this.hasFullWidthSearchBar=this.mobileSearchBarVisible;this.searchBar.fullWidth=this.mobileSearchBarVisible;if(this.mobileSearchBarVisible){setTimeout((()=>{var t;(t=this.searchBar)===null||t===void 0?void 0:t.focus()}),100)}}}showNavMenu(t){this.navMenuVisible=t;(t?this.icNavigationMenuOpened:this.icNavigationMenuClosed).emit();document.body.style.height=t?"100%":"auto";document.body.style.overflow=t?"hidden":"auto"}render(){const{appTitle:t,contentAligned:a,customMobileBreakpoint:o,deviceSize:s,el:r,foregroundColor:l,hasAppIcon:d,hasFullWidthSearchBar:h,hasIconButtons:p,hasNavigation:v,hasSearchSlotContent:g,href:u,inline:y,menuButtonClick:k,mobileSearchBarVisible:x,navMenuVisible:w,searchButtonClickHandler:z,searchButtonMouseDownHandler:H,shortAppTitle:M,status:C,version:B,theme:S}=this;const T=C!=="";const j=B!=="";const N=v||p||T||j;const $=s<=n.S?"medium":"large";const I=t!==""&&f(t);const R=s<=o;const V=R?s<=n.S?"subtitle-small":"h4":"h3";const A=`${x?"Hide":"Show"} search`;const O=s<=n.S?"small":"medium";const D=c(r,"short-app-title");const L=c(r,"app-title");const W=L?"div":"a";const q=W=="a"&&{href:u};return e(i,{key:"5ca49354d8e2344b7d2cfa2089494ca2c4521b84",class:{"fullwidth-searchbar":h,"mobile-mode":R,[m.Dark]:l===m.Dark,[`ic-theme-${S}`]:S!=="inherit"}},e("div",{key:"3447c99cc05b7203ea80d0651f1ac066122697e1",class:"top-navigation"},e("ic-section-container",{key:"563a2b3fc3c7d456fee7261c2d5645948301e953",aligned:a,"full-height":true},e("header",{key:"61d58c8a68ff59cfa1b5cf75daef6c62b2b4692a",role:"banner"},e("div",{key:"17108bd26152301bf07afe95a061debb23184e8b",class:"top-panel-container"},e("div",{key:"86fe01bd6227bc0a1e1633cab7d6cff654e2a808",class:"app-details-container"},(I||L)&&e(W,Object.assign({key:"c6f2a1ed6ce7b7813f12352401c89852d6646327",class:"title-link"},q),d&&e("div",{key:"c5a2e2961b16b5f5dc6e918ba6f758e7bce09cd7",class:"app-icon-container"},e("slot",{key:"9b6d5636aa1f474bac2add8948bcd598f3d5c231",name:"app-icon"})),s<=n.S&&(!b(M)||D)?e("ic-typography",{variant:"subtitle-small","aria-label":(!L||!D)&&`${t} (${M})`},e("h1",null,D?e("slot",{name:"short-app-title"}):M)):e("ic-typography",{variant:V},e("h1",{class:"title-wrap"},L?e("slot",{name:"app-title"}):t))),T&&e("div",{key:"f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb",class:"app-status"},e("ic-typography",{key:"9d03f72e0533c1d721142cba78ba216c9abf61c5","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},C)),j&&e("div",{key:"318b6cf7cd4359429a6d698d40e3b99f46ac67e0",class:"app-version"},e("ic-typography",{key:"67cc4163765fb967729ba4fa03e857c1b0cc96e3",variant:"label",class:"app-version-text","aria-label":"app version"},B))),(g||N)&&e("div",{key:"0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676",class:"search-menu-container"},e("div",{key:"a4033e992457aa434c705d0e35d24c9efb291195",class:"search-actions-container"},!R&&e("slot",{key:"d9347964c2972b338c4e09833ab94f820d8b49c8",name:"search"}),g&&R&&e("ic-button",{key:"b980ecf6adf49457b2477865c98aac4e95ea4d8a",id:"search-toggle-button",ref:t=>this.mobileSearchButtonEl=t,onMouseDown:H,variant:"icon-tertiary",monochrome:true,size:$,"aria-label":A,theme:l,onClick:z},e("slot",{key:"1488d2319238d970a190b867db0ccc85c026a94f",name:"toggle-icon"},e("svg",{key:"67e8c1448faf4b9a78098bb8809c8d75135e7671",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#ffffff"},e("path",{key:"2f04deb0ec8098168de56fab593d0e1b9d37639a",d:"M0 0h24v24H0V0z",fill:"none"}),e("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"})))),p&&!R&&e("div",{key:"173e7158dc1c4667be9442b7f64be140faebb102",class:"icon-buttons-container"},e("slot",{key:"afa131f570550779b8c52403c0f8abf90ba68369",name:"buttons"})),N&&R&&e("div",{key:"ca353958a7b441eeb82ecab62b3f0ba1de625fcc",class:"menu-button-container"},e("span",{key:"b13a1b5ba472b65d150a194bd7f2fb846d434b8b",id:"navigation-landmark-button-text",class:"navigation-landmark-button-text","aria-hidden":"true"},"Main navigation button"),e("nav",{key:"8c47f744b6aaa53afe14a09f78f8e231d7e5137b","aria-labelledby":"navigation-landmark-button-text","aria-hidden":`${w}`},e("ic-button",{key:"4365bba111555335f4a04fb168d9e4659e0ca788",id:"menu-button",theme:l,variant:"secondary",monochrome:true,"aria-expanded":"false","aria-haspopup":"true","aria-label":`Open ${v?"navigation":"app"} menu`,size:O,onClick:k},"Menu",e("svg",{key:"05366f4016a367fd4ae143e044eb7401f2a23bbb",xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#ffffff",slot:"left-icon"},e("path",{key:"40f079a4c147f2adfb5bbfe1b8bfeef64e444abe",d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{key:"0419ea11aee74c5993643dde955ca7ccbd836ad6",d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})))))))),x&&e("div",{key:"160ea58b8338c6b09482bb5808afa93de039c2b4",class:"search-bar-container"},e("slot",{key:"a415f0c6a409b4dbea14697c8c63967ee4c05dcc",name:"search"})),v&&!R&&e("div",{key:"db58d987843728204f3c08ffcc730bc9400c5f75",class:"navigation-tabs"},e("span",{key:"c27c1d0868d4acf6385e7b39060d42d04b617e28",id:"navigation-landmark-text",class:"navigation-landmark-text","aria-hidden":"true"},"Main pages"),e("nav",{key:"a9d72cda63f8f15b2c5df447a6f544cf9637286a","aria-labelledby":"navigation-landmark-text",class:"nav-panel-container"},e("ic-horizontal-scroll",{key:"717a0f8855c98de7c688467b6e08acaf59a50f15",monochrome:true,appearance:l},e("ul",{key:"6e0a057b908929ceca9e5b6113590b7a596fe091",class:"navigation-item-list",tabindex:"-1"},e("slot",{key:"401932642750d3d4cece6a886a1e6c4316c218c8",name:"navigation"})))))))),w&&e("ic-navigation-menu",{key:"0816b74f63c67e9d6869cabeb7a45651ca0eb139",version:B,status:C,class:{["inline"]:!!y}},p&&e("div",{key:"2bf599f25216d608a72e9e3b8537983419ad6a27",class:"menu-buttons-slot",slot:"buttons"},e("slot",{key:"3483da6f4815d9f37d25ee021622c00c5a64af79",name:"buttons"})),e("ul",{key:"92b83221e6e974101b0f1186fcae040a070e248f",slot:"navigation"},e("slot",{key:"f3f64918abe306948d0709cfac63abde69a61eae",name:"navigation"}))))}get el(){return o(this)}static get watchers(){return{appTitle:["watchPropHandler"]}}};u.style=g;export{u as ic_top_navigation};
2
+ //# sourceMappingURL=p-520dce89.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icTopNavigationCss","IcTopNavigationStyle0","TopNavigation","constructor","hostRef","this","hasAppIcon","hasIconButtons","hasNavigation","hasSearchSlotContent","resizeObserver","searchBar","deviceSize","DEVICE_SIZES","XL","foregroundColor","getBrandForegroundAppearance","hasFullWidthSearchBar","mobileSearchBarVisible","mobileSearchHiddenOnBlur","navMenuVisible","searchButtonClick","searchValue","contentAligned","customMobileBreakpoint","L","href","inline","shortAppTitle","status","theme","version","checkSlots","isSlotUsed","el","initialiseSearchBar","slot","getSlot","tagName","querySelector","hideLabel","menuButtonClick","showNavMenu","searchButtonMouseDownHandler","searchButtonClickHandler","toggleSearchBar","resizeObserverCallback","currSize","icTopNavResized","emit","size","document","activeElement","setAttribute","removeAttribute","setTimeout","_a","focus","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","appTitle","propName","componentWillRender","navBarMenuCloseHandler","_b","shadowRoot","searchInputBlurHandler","detail","value","searchValueChangeHandler","brandChangeHandler","mode","mobileSearchButtonEl","fullWidth","show","icNavigationMenuOpened","icNavigationMenuClosed","body","style","height","overflow","render","hasStatus","hasVersion","hasMenuContent","searchButtonSize","S","hasTitle","isPropDefined","overMobileBreakpoint","appTitleVariant","mobileSearchButtonTitle","menuSize","shortAppTitleSlot","hasAppTitleSlot","Component","attrs","h","Host","key","class","IcBrandForegroundEnum","Dark","aligned","role","Object","assign","name","isEmptyString","variant","id","ref","onMouseDown","monochrome","onClick","xmlns","viewBox","fill","d","width","appearance","tabindex"],"sources":["../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.js"],"sourcesContent":["/*! 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: block;\n color: var(--ic-top-navigation-text);\n width: 100%;\n position: relative;\n\n --ic-typography-color: var(--ic-top-navigation-text);\n\n --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n --navigation-link-colour: var(--ic-top-navigation-text);\n}\n\n:host(.dark) {\n color: var(--ic-color-text-primary-light);\n --ic-typography-color: var(--ic-color-text-primary-light);\n --ic-top-navigation-logo: var(--ic-color-icon-neutral);\n --ic-top-navigation-icon: var(--ic-color-icon-neutral);\n --ic-top-navigation-icon-and-label: var(--ic-color-text-primary-light);\n --ic-top-navigation-theme: var(--ic-color-icon-neutral);\n --ic-top-navigation-status-tag: var(--ic-color-background-primary-dark);\n --ic-top-navigation-status-tag-text: var(--ic-color-brand-text);\n --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);\n --ic-top-navigation-title-hover: var(--ic-action-dark-bg-hover);\n --ic-top-navigation-title-pressed: var(--ic-action-dark-bg-pressed);\n --navigation-link-colour: var(--ic-color-text-primary-light);\n}\n\n:host(.dark) ::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: var(--ic-color-text-primary-light);\n}\n\n::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: white;\n}\n\n:host .top-navigation {\n background-color: var(--ic-top-navigation-background);\n height: -moz-max-content;\n height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n width: 100%;\n}\n\n:host .title-link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n padding: var(--ic-space-xxs);\n transition: var(--ic-easing-transition-fast);\n}\n\n:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a) {\n color: var(--ic-top-navigation-icon-and-label);\n text-decoration: none;\n outline: none;\n}\n\n:host .title-link:hover:not(:focus) {\n background-color: var(--ic-top-navigation-title-hover);\n}\n\n:host .title-link:active:not(:focus) {\n background-color: var(--ic-top-navigation-title-pressed);\n}\n\n:host .title-link:hover {\n border-radius: var(--ic-border-radius);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n border-radius: var(--ic-border-radius);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n font-weight: 600;\n}\n\n:host .nav-panel-container {\n border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);\n padding: 0 var(--ic-space-lg);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n border-top: var(--ic-border-keyline-darken);\n}\n\n.top-panel-container {\n display: flex;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n display: flex;\n padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n display: flex;\n margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n display: flex;\n}\n\n.title-wrap {\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n:host .app-status {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag);\n color: var(--ic-top-navigation-status-tag-text);\n --ic-typography-color: var(--ic-top-navigation-status-tag-text);\n padding: var(--ic-space-xxs) var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n flex: 1 1 0;\n max-width: -moz-fit-content;\n max-width: fit-content;\n}\n\n:host .app-version {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag-secondary);\n color: var(--ic-top-navigation-status-tag);\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n margin-left: var(--ic-space-xs);\n flex: 1 1 0;\n max-width: -moz-fit-content;\n max-width: fit-content;\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n fill: var(--ic-top-navigation-logo);\n width: 2em;\n height: 2em;\n}\n\nslot[name=\"toggle-icon\"] svg {\n fill: var(--ic-top-navigation-icon);\n}\n\n.search-menu-container {\n justify-content: right;\n display: flex;\n align-items: center;\n}\n\n.menu-button-container {\n margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.menu-button-container .navigation-landmark-button-text:dir(rtl) {\n right: -9999px;\n}\n\n.search-actions-container {\n display: flex;\n}\n\n.menu-buttons-slot {\n display: flex;\n flex-direction: column;\n}\n\n.navigation-landmark-text {\n position: absolute;\n width: var(--ic-space-1px);\n height: var(--ic-space-1px);\n padding: 0;\n margin: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n}\n\n.navigation-item-list {\n display: flex;\n list-style: none;\n height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-section-container {\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n .app-details-container {\n margin-right: var(--ic-space-lg);\n }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n :host .nav-panel-container {\n padding: 0 var(--ic-space-md);\n }\n}\n\n/** Mobile styling **/\n:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version {\n display: none;\n}\n\n:host(.mobile-mode) .title-link {\n margin-right: var(--ic-space-xs);\n}\n\n:host(.mobile-mode) .search-menu-container {\n max-width: 10rem;\n}\n\n:host(.mobile-mode) .search-bar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: var(--ic-border-keyline-darken);\n height: 4rem;\n padding-left: var(--ic-space-md);\n padding-right: var(--ic-space-md);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n :host .title-link {\n margin-right: var(--ic-space-xxxs);\n word-break: break-word;\n -webkit-hyphens: none;\n hyphens: none;\n }\n\n .top-panel-container {\n min-height: 2.5rem;\n }\n\n .search-bar-container {\n margin-top: 0;\n height: 3.5rem;\n padding-left: var(--ic-space-xs);\n padding-right: var(--ic-space-xs);\n }\n\n .menu-button-container {\n margin-left: var(--ic-space-sm);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n width: 1.5em;\n height: 1.5em;\n }\n\n slot[name=\"toggle-icon\"] svg {\n width: 1.5em;\n height: 1.5em;\n }\n}\n\n@media (forced-colors: active) {\n :host .top-navigation {\n border-bottom: var(--ic-border-hc);\n }\n\n .app-status,\n .app-version {\n border: var(--ic-border-hc);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n fill: currentcolor;\n }\n\n slot[name=\"toggle-icon\"] svg {\n fill: currentcolor;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\nexport class TopNavigation {\n constructor() {\n this.hasAppIcon = false;\n this.hasIconButtons = false;\n this.hasNavigation = false;\n this.hasSearchSlotContent = false;\n this.resizeObserver = null;\n this.searchBar = null;\n this.deviceSize = DEVICE_SIZES.XL;\n this.foregroundColor = getBrandForegroundAppearance();\n this.hasFullWidthSearchBar = false;\n this.mobileSearchBarVisible = false;\n this.mobileSearchHiddenOnBlur = false;\n this.navMenuVisible = false;\n this.searchButtonClick = false;\n this.searchValue = \"\";\n /**\n * The alignment of the top navigation content.\n */\n this.contentAligned = \"full-width\";\n /**\n * Can set a custom breakpoint for the top navigation to switch to mobile mode.\n * Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\n */\n this.customMobileBreakpoint = DEVICE_SIZES.L;\n /**\n * The URL to navigate to when the app title is clicked.\n */\n this.href = \"/\";\n /**\n * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n */\n this.inline = false;\n /**\n * The short title of the app to be displayed at small screen sizes in place of the app title.\n */\n this.shortAppTitle = \"\";\n /**\n * The status info to be displayed.\n */\n this.status = \"\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The version info to be displayed.\n */\n this.version = \"\";\n this.checkSlots = () => {\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n };\n this.initialiseSearchBar = () => {\n if (this.hasSearchSlotContent) {\n const slot = getSlot(this.el, \"search\");\n if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"IC-SEARCH-BAR\") {\n this.searchBar = slot;\n }\n else if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"FORM\") {\n this.searchBar = slot.querySelector(\"ic-search-bar\");\n }\n if (this.searchBar !== null) {\n this.searchBar.hideLabel = true;\n }\n }\n };\n this.menuButtonClick = () => {\n this.showNavMenu(true);\n };\n this.searchButtonMouseDownHandler = () => {\n this.searchButtonClick = true;\n };\n this.searchButtonClickHandler = () => {\n this.toggleSearchBar();\n this.searchButtonClick = false;\n };\n this.resizeObserverCallback = (currSize) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n if (currSize > this.customMobileBreakpoint) {\n this.showNavMenu(false);\n if (this.mobileSearchBarVisible) {\n this.toggleSearchBar();\n }\n }\n this.icTopNavResized.emit({\n size: currSize,\n });\n if (this.searchBar && document.activeElement === this.searchBar) {\n this.searchBar.setAttribute(\"hidden\", \"true\");\n //remove attribute again as this trigger a redraw & applies css\n this.searchBar.removeAttribute(\"hidden\");\n setTimeout(() => {\n var _a;\n (_a = this.searchBar) === null || _a === void 0 ? void 0 : _a.focus();\n }, 100);\n }\n }\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback(getCurrentDeviceSize());\n });\n this.resizeObserver.observe(this.el);\n };\n }\n watchPropHandler(newValue, oldValue) {\n //added for Gatsby rehydration issue where prop is initially undefined but then changes to actual value\n //this watch can be removed once Gatsby hydration issue is resolved\n onComponentPropUndefinedChange(oldValue, newValue, this.initialiseSearchBar);\n }\n disconnectedCallback() {\n var _a;\n (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentWillLoad() {\n this.checkSlots();\n this.deviceSize = getCurrentDeviceSize();\n this.initialiseSearchBar();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n !isSlotUsed(this.el, \"app-title\") &&\n onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Top Navigation\");\n }\n componentWillRender() {\n this.checkSlots();\n }\n navBarMenuCloseHandler() {\n var _a, _b;\n this.showNavMenu(false);\n (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#menu-button\")) === null || _b === void 0 ? void 0 : _b.focus();\n }\n searchInputBlurHandler({ detail, }) {\n if (detail !== null) {\n if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n this.toggleSearchBar();\n }\n this.searchValue = detail.value;\n }\n }\n searchValueChangeHandler({ detail }) {\n this.searchValue = detail.value;\n }\n brandChangeHandler({ detail }) {\n this.foregroundColor = detail.mode;\n }\n toggleSearchBar() {\n var _a;\n this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n if (this.searchBar !== null) {\n (_a = this.mobileSearchButtonEl) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-label\", `${this.mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`);\n this.hasFullWidthSearchBar = this.mobileSearchBarVisible;\n this.searchBar.fullWidth = this.mobileSearchBarVisible;\n if (this.mobileSearchBarVisible) {\n setTimeout(() => {\n var _a;\n (_a = this.searchBar) === null || _a === void 0 ? void 0 : _a.focus();\n }, 100);\n }\n }\n }\n showNavMenu(show) {\n this.navMenuVisible = show;\n (show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();\n document.body.style.height = show ? \"100%\" : \"auto\";\n document.body.style.overflow = show ? \"hidden\" : \"auto\";\n }\n render() {\n const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;\n const hasStatus = status !== \"\";\n const hasVersion = version !== \"\";\n const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;\n const searchButtonSize = deviceSize <= DEVICE_SIZES.S ? \"medium\" : \"large\";\n const hasTitle = appTitle !== \"\" && isPropDefined(appTitle);\n const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;\n const appTitleVariant = overMobileBreakpoint\n ? deviceSize <= DEVICE_SIZES.S\n ? \"subtitle-small\"\n : \"h4\"\n : \"h3\";\n const mobileSearchButtonTitle = `${mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`;\n const menuSize = deviceSize <= DEVICE_SIZES.S ? \"small\" : \"medium\";\n const shortAppTitleSlot = isSlotUsed(el, \"short-app-title\");\n const hasAppTitleSlot = isSlotUsed(el, \"app-title\");\n const Component = hasAppTitleSlot ? \"div\" : \"a\";\n const attrs = Component == \"a\" && {\n href: href,\n };\n return (h(Host, { key: '5ca49354d8e2344b7d2cfa2089494ca2c4521b84', class: {\n \"fullwidth-searchbar\": hasFullWidthSearchBar,\n \"mobile-mode\": overMobileBreakpoint,\n [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"div\", { key: '3447c99cc05b7203ea80d0651f1ac066122697e1', class: \"top-navigation\" }, h(\"ic-section-container\", { key: '563a2b3fc3c7d456fee7261c2d5645948301e953', aligned: contentAligned, \"full-height\": true }, h(\"header\", { key: '61d58c8a68ff59cfa1b5cf75daef6c62b2b4692a', role: \"banner\" }, h(\"div\", { key: '17108bd26152301bf07afe95a061debb23184e8b', class: \"top-panel-container\" }, h(\"div\", { key: '86fe01bd6227bc0a1e1633cab7d6cff654e2a808', class: \"app-details-container\" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ key: 'c6f2a1ed6ce7b7813f12352401c89852d6646327', class: \"title-link\" }, attrs), hasAppIcon && (h(\"div\", { key: 'c5a2e2961b16b5f5dc6e918ba6f758e7bce09cd7', class: \"app-icon-container\" }, h(\"slot\", { key: '9b6d5636aa1f474bac2add8948bcd598f3d5c231', name: \"app-icon\" }))), deviceSize <= DEVICE_SIZES.S &&\n (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h(\"ic-typography\", { variant: \"subtitle-small\", \"aria-label\": (!hasAppTitleSlot || !shortAppTitleSlot) &&\n `${appTitle} (${shortAppTitle})` }, h(\"h1\", null, shortAppTitleSlot ? (h(\"slot\", { name: \"short-app-title\" })) : (shortAppTitle)))) : (h(\"ic-typography\", { variant: appTitleVariant }, h(\"h1\", { class: \"title-wrap\" }, hasAppTitleSlot ? (h(\"slot\", { name: \"app-title\" })) : (appTitle)))))), hasStatus && (h(\"div\", { key: 'f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb', class: \"app-status\" }, h(\"ic-typography\", { key: '9d03f72e0533c1d721142cba78ba216c9abf61c5', \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), hasVersion && (h(\"div\", { key: '318b6cf7cd4359429a6d698d40e3b99f46ac67e0', class: \"app-version\" }, h(\"ic-typography\", { key: '67cc4163765fb967729ba4fa03e857c1b0cc96e3', variant: \"label\", class: \"app-version-text\", \"aria-label\": \"app version\" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h(\"div\", { key: '0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676', class: \"search-menu-container\" }, h(\"div\", { key: 'a4033e992457aa434c705d0e35d24c9efb291195', class: \"search-actions-container\" }, !overMobileBreakpoint && h(\"slot\", { key: 'd9347964c2972b338c4e09833ab94f820d8b49c8', name: \"search\" }), hasSearchSlotContent && overMobileBreakpoint && (h(\"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 }, h(\"slot\", { key: '1488d2319238d970a190b867db0ccc85c026a94f', name: \"toggle-icon\" }, h(\"svg\", { key: '67e8c1448faf4b9a78098bb8809c8d75135e7671', xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#ffffff\" }, h(\"path\", { key: '2f04deb0ec8098168de56fab593d0e1b9d37639a', d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"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 && (h(\"div\", { key: '173e7158dc1c4667be9442b7f64be140faebb102', class: \"icon-buttons-container\" }, h(\"slot\", { key: 'afa131f570550779b8c52403c0f8abf90ba68369', name: \"buttons\" }))), hasMenuContent && overMobileBreakpoint && (h(\"div\", { key: 'ca353958a7b441eeb82ecab62b3f0ba1de625fcc', class: \"menu-button-container\" }, h(\"span\", { key: 'b13a1b5ba472b65d150a194bd7f2fb846d434b8b', id: \"navigation-landmark-button-text\", class: \"navigation-landmark-button-text\", \"aria-hidden\": \"true\" }, \"Main navigation button\"), h(\"nav\", { key: '8c47f744b6aaa53afe14a09f78f8e231d7e5137b', \"aria-labelledby\": \"navigation-landmark-button-text\", \"aria-hidden\": `${navMenuVisible}` }, h(\"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\", h(\"svg\", { key: '05366f4016a367fd4ae143e044eb7401f2a23bbb', xmlns: \"http://www.w3.org/2000/svg\", height: \"24px\", viewBox: \"0 0 24 24\", width: \"24px\", fill: \"#ffffff\", slot: \"left-icon\" }, h(\"path\", { key: '40f079a4c147f2adfb5bbfe1b8bfeef64e444abe', d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"path\", { key: '0419ea11aee74c5993643dde955ca7ccbd836ad6', d: \"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" })))))))))), mobileSearchBarVisible && (h(\"div\", { key: '160ea58b8338c6b09482bb5808afa93de039c2b4', class: \"search-bar-container\" }, h(\"slot\", { key: 'a415f0c6a409b4dbea14697c8c63967ee4c05dcc', name: \"search\" }))), hasNavigation && !overMobileBreakpoint && (h(\"div\", { key: 'db58d987843728204f3c08ffcc730bc9400c5f75', class: \"navigation-tabs\" }, h(\"span\", { key: 'c27c1d0868d4acf6385e7b39060d42d04b617e28', id: \"navigation-landmark-text\", class: \"navigation-landmark-text\", \"aria-hidden\": \"true\" }, \"Main pages\"), h(\"nav\", { key: 'a9d72cda63f8f15b2c5df447a6f544cf9637286a', \"aria-labelledby\": \"navigation-landmark-text\", class: \"nav-panel-container\" }, h(\"ic-horizontal-scroll\", { key: '717a0f8855c98de7c688467b6e08acaf59a50f15', monochrome: true, appearance: foregroundColor }, h(\"ul\", { key: '6e0a057b908929ceca9e5b6113590b7a596fe091', class: \"navigation-item-list\", tabindex: \"-1\" }, h(\"slot\", { key: '401932642750d3d4cece6a886a1e6c4316c218c8', name: \"navigation\" }))))))))), navMenuVisible && (h(\"ic-navigation-menu\", { key: '0816b74f63c67e9d6869cabeb7a45651ca0eb139', version: version, status: status, class: {\n [\"inline\"]: !!inline,\n } }, hasIconButtons && (h(\"div\", { key: '2bf599f25216d608a72e9e3b8537983419ad6a27', class: \"menu-buttons-slot\", slot: \"buttons\" }, h(\"slot\", { key: '3483da6f4815d9f37d25ee021622c00c5a64af79', name: \"buttons\" }))), h(\"ul\", { key: '92b83221e6e974101b0f1186fcae040a070e248f', slot: \"navigation\" }, h(\"slot\", { key: 'f3f64918abe306948d0709cfac63abde69a61eae', name: \"navigation\" }))))));\n }\n static get is() { return \"ic-top-navigation\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-top-navigation.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-top-navigation.css\"]\n };\n }\n static get properties() {\n return {\n \"contentAligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n \"references\": {\n \"IcAlignment\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the top navigation content.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"content-aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"full-width\\\"\"\n },\n \"customMobileBreakpoint\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDeviceSizes\",\n \"resolved\": \"0 | 1200 | 576 | 768 | 992 | undefined\",\n \"references\": {\n \"IcDeviceSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcDeviceSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Can set a custom breakpoint for the top navigation to switch to mobile mode.\\nMust be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"custom-mobile-breakpoint\",\n \"reflect\": false,\n \"defaultValue\": \"DEVICE_SIZES.L\"\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL to navigate to when the app title is clicked.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"href\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"/\\\"\"\n },\n \"inline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the flyout navigation menu on small devices will be contained by the parent element.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"inline\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"shortAppTitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The short title of the app to be displayed at small screen sizes in place of the app title.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"short-app-title\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The status info to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"version\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The version info to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"version\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"appTitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The app title to be displayed. This is required, unless a slotted app title link is used.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"app-title\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"foregroundColor\": {},\n \"hasFullWidthSearchBar\": {},\n \"mobileSearchBarVisible\": {},\n \"mobileSearchHiddenOnBlur\": {},\n \"navMenuVisible\": {},\n \"searchButtonClick\": {},\n \"searchValue\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icNavigationMenuClosed\",\n \"name\": \"icNavigationMenuClosed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"- Emitted when the menu is closed.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icNavigationMenuOpened\",\n \"name\": \"icNavigationMenuOpened\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"- Emitted when the menu is opened.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icTopNavResized\",\n \"name\": \"icTopNavResized\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the top navigation is resized.\"\n },\n \"complexType\": {\n \"original\": \"{ size: number }\",\n \"resolved\": \"{ size: number; }\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"appTitle\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icNavigationMenuClose\",\n \"method\": \"navBarMenuCloseHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icSearchBarBlur\",\n \"method\": \"searchInputBlurHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icChange\",\n \"method\": \"searchValueChangeHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-top-navigation.js.map\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as i,g as n}from"./p-00135a74.js";import{g as o,s as a,i as r,b as c,a as s,d,I as h}from"./p-0f6b9686.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const m=l;const g=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=o();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.contentAligned="left";this.disableBackgroundParallax=false;this.size="medium"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=a(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>s(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=a(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){var e;if(this.disableBackgroundParallax){return}const t=(e=document.scrollingElement)===null||e===void 0?void 0:e.scrollTop;if(t){const e=.4;const i=-100+t*e;this.scrollFactor="right "+i+"px"}}render(){const{aligned:e,size:n,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:c,foregroundColor:s,backgroundImage:l,scrollFactor:m}=this;let g={};if(d(l)){g={"background-image":"url("+l+")","background-position":m}}return t(i,{key:"025f10796ee1f493c75179d3f44291195f8cd7e6",class:{[`ic-hero-${h.Dark}`]:s===h.Dark,["has-background-image"]:l!==undefined,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r},style:g},t("ic-section-container",{key:"03c2a138f992eab49508b2b25bd6cc2e6036ad64",aligned:e,fullHeight:true,class:"section-container"},t("div",{key:"e671ce077bee4fab293ee44de2d19160c82701c1",class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{key:"9fee1b8572cc7b8e99f1be00570fe4d1905cafc2",class:"heading"},t("slot",{key:"72993e1aabdda5ad6db5de27cf89c74d2d254418",name:"heading"},t("ic-typography",{key:"aa6ad11b1d49fa1fd042a5825a79499ccb0acc95",variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",{key:"773143c28c7d78876d4fc173f0d9ce75cecbb92c"},o)))),t("div",{key:"1fffa3cb85d2aabc0a06449419e022e210f24eab",class:"subheading"},t("slot",{key:"26d6e2610813f88428885e2e3cc053a0fef0cb63",name:"subheading"},t("ic-typography",{key:"e6f8449e57333ac57fc6bdf0ff6b99925d2a3b6a",variant:"body"},a))),t("div",{key:"ebc67935aac7acec588706ed956d78147070671c",class:"interaction-container"},t("slot",{key:"9828f858f145eeffa603e93a721f3713b101bc46",name:"interaction"}))),(d(r)||this.rightContent)&&t("div",{key:"bec8bf0ed7853f1cd825a4212ffc96776c39f89e",class:"right-container"},t("slot",{key:"18f0e14732bb293b1b4b6be8d035770872db2064",name:"secondary"},r&&t("div",{key:"798f817bd69f0d3f8d4840c7ae51ce8d7134bdeb",class:"secondary-container"},t("div",{key:"e4d793df63b1b40b76118d30e0fbf12e1c6ce574",class:"secondary-heading"},t("ic-typography",{key:"3cd81b498b2e8b650b4528a3c337b332068bce07",variant:"h4"},t("h3",{key:"1229f8e36d95d616df293f7159b53352a98aba0b"},r))),t("div",{key:"83921d272c1124759b638d855d1837567bb325d1",class:"secondary-subheading"},t("ic-typography",{key:"47f59d905e74e3bf43648cd97d696138985fe640",variant:"subtitle-small"},c)))))))}get el(){return n(this)}};g.style=m;export{g as ic_hero};
2
- //# sourceMappingURL=p-22e0ed96.entry.js.map
1
+ import{r as e,h as t,H as i,g as n}from"./p-8e4e97b4.js";import{g as o,s as a,i as r,b as c,a as s,d,I as h}from"./p-b9e73154.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}.right-container{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const m=l;const g=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=o();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.contentAligned="left";this.disableBackgroundParallax=false;this.size="medium"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=a(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>s(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=a(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){var e;if(this.disableBackgroundParallax){return}const t=(e=document.scrollingElement)===null||e===void 0?void 0:e.scrollTop;if(t){const e=.4;const i=-100+t*e;this.scrollFactor="right "+i+"px"}}render(){const{aligned:e,size:n,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:c,foregroundColor:s,backgroundImage:l,scrollFactor:m}=this;let g={};if(d(l)){g={"background-image":"url("+l+")","background-position":m}}return t(i,{key:"025f10796ee1f493c75179d3f44291195f8cd7e6",class:{[`ic-hero-${h.Dark}`]:s===h.Dark,["has-background-image"]:l!==undefined,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r},style:g},t("ic-section-container",{key:"03c2a138f992eab49508b2b25bd6cc2e6036ad64",aligned:e,fullHeight:true,class:"section-container"},t("div",{key:"e671ce077bee4fab293ee44de2d19160c82701c1",class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{key:"9fee1b8572cc7b8e99f1be00570fe4d1905cafc2",class:"heading"},t("slot",{key:"72993e1aabdda5ad6db5de27cf89c74d2d254418",name:"heading"},t("ic-typography",{key:"aa6ad11b1d49fa1fd042a5825a79499ccb0acc95",variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",{key:"773143c28c7d78876d4fc173f0d9ce75cecbb92c"},o)))),t("div",{key:"1fffa3cb85d2aabc0a06449419e022e210f24eab",class:"subheading"},t("slot",{key:"26d6e2610813f88428885e2e3cc053a0fef0cb63",name:"subheading"},t("ic-typography",{key:"e6f8449e57333ac57fc6bdf0ff6b99925d2a3b6a",variant:"body"},a))),t("div",{key:"ebc67935aac7acec588706ed956d78147070671c",class:"interaction-container"},t("slot",{key:"9828f858f145eeffa603e93a721f3713b101bc46",name:"interaction"}))),(d(r)||this.rightContent)&&t("div",{key:"bec8bf0ed7853f1cd825a4212ffc96776c39f89e",class:"right-container"},t("slot",{key:"18f0e14732bb293b1b4b6be8d035770872db2064",name:"secondary"},r&&t("div",{key:"798f817bd69f0d3f8d4840c7ae51ce8d7134bdeb",class:"secondary-container"},t("div",{key:"e4d793df63b1b40b76118d30e0fbf12e1c6ce574",class:"secondary-heading"},t("ic-typography",{key:"3cd81b498b2e8b650b4528a3c337b332068bce07",variant:"h4"},t("h3",{key:"1229f8e36d95d616df293f7159b53352a98aba0b"},r))),t("div",{key:"83921d272c1124759b638d855d1837567bb325d1",class:"secondary-subheading"},t("ic-typography",{key:"47f59d905e74e3bf43648cd97d696138985fe640",variant:"subtitle-small"},c)))))))}get el(){return n(this)}};g.style=m;export{g as ic_hero};
2
+ //# sourceMappingURL=p-5bd43e19.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,h as i,H as t,g as e}from"./p-00135a74.js";import{b as l,X as r,Y as c,R as o,Z as n,_ as s,T as p}from"./p-0f6b9686.js";const d="ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";const u=d;const h=class{constructor(i){a(this,i);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:a,readonly:e,label:l,required:c,helperText:o,status:n,hideLabel:s,useLabelTag:p}=this;const d=c?l+" *":l;return i(t,{key:"44334c80405dc996ab703a98c81d1dd69732d763",class:{"ic-input-label-disabled":!!a,"ic-input-label-readonly":e,"with-helper":o!==""}},!s&&i("ic-typography",{key:"4f3a573b9bda098059a04403cea034a113ddb69b",variant:"label",class:{"readonly-label":e,"error-label":n==="error"&&!(e||a)}},e||!p?`${d}`:i("label",{htmlFor:this.for},d)),o!==""&&i("ic-typography",{key:"28ca66fd307a3fc6da10e8916fae765c3757c039",variant:"caption",class:{helpertext:true,"helpertext-normal":!a&&!e,"helpertext-readonly":e}},i("span",{key:"b2a6358bbfde4c77dcca1988f33f349e94c6b160",id:this.for&&r(this.for)},o)))}};h.style=u;const b="ic-input-validation{width:var(--input-width, 20rem);margin-top:var(--ic-space-xs);display:flex}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );--ic-typography-color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n )}";const v=b;const y={[o.Warning]:n,[o.Error]:s,[o.Success]:p};const g=class{constructor(i){a(this,i);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}componentDidLoad(){l([{prop:this.message,propName:"message"}],"Input Validation")}render(){const{ariaLiveMode:a,fullWidth:e,status:l,message:r}=this;const o=l!==""?y[l]:"";return i(t,{key:"e4cb4eec798ec7cf3ad25a7721b8172085c3985b",class:{[`ic-input-validation-${l}`]:l!=="","ic-input-validation-full-width":!!e}},o!==""&&i("span",{key:"0f0e6bc76d9085e965ee611dc6069a5bae3e6bff",class:{"status-icon":true,[`icon-${l}`]:true},innerHTML:o}),i("ic-typography",{key:"c6527ae677adc0ab056f663e352278f9cc98071b",variant:"caption",class:"statustext"},i("span",{key:"31cb4694a0359c038d9e396f8d2769c8a92b0047","aria-live":a,id:this.for&&c(this.for)},r)),i("slot",{key:"9ae99f5c1a4edb1e2a7acd359e1d8463a6623c9c",name:"validation-message-adornment"}))}get el(){return e(this)}};g.style=v;export{h as ic_input_label,g as ic_input_validation};
2
- //# sourceMappingURL=p-da798f58.entry.js.map
1
+ import{r as a,h as i,H as t,g as e}from"./p-8e4e97b4.js";import{b as l,Y as r,Z as c,R as o,_ as n,$ as s,U as p}from"./p-b9e73154.js";const d="ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";const u=d;const b=class{constructor(i){a(this,i);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:a,readonly:e,label:l,required:c,helperText:o,status:n,hideLabel:s,useLabelTag:p}=this;const d=c?l+" *":l;return i(t,{key:"44334c80405dc996ab703a98c81d1dd69732d763",class:{"ic-input-label-disabled":!!a,"ic-input-label-readonly":e,"with-helper":o!==""}},!s&&i("ic-typography",{key:"4f3a573b9bda098059a04403cea034a113ddb69b",variant:"label",class:{"readonly-label":e,"error-label":n==="error"&&!(e||a)}},e||!p?`${d}`:i("label",{htmlFor:this.for},d)),o!==""&&i("ic-typography",{key:"28ca66fd307a3fc6da10e8916fae765c3757c039",variant:"caption",class:{helpertext:true,"helpertext-normal":!a&&!e,"helpertext-readonly":e}},i("span",{key:"b2a6358bbfde4c77dcca1988f33f349e94c6b160",id:this.for&&r(this.for)},o)))}};b.style=u;const h="ic-input-validation{width:var(--input-width, 20rem);margin-top:var(--ic-space-xs);display:flex}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );--ic-typography-color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n )}";const v=h;const y={[o.Warning]:n,[o.Error]:s,[o.Success]:p};const g=class{constructor(i){a(this,i);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}componentDidLoad(){l([{prop:this.message,propName:"message"}],"Input Validation")}render(){const{ariaLiveMode:a,fullWidth:e,status:l,message:r}=this;const o=l!==""?y[l]:"";return i(t,{key:"e4cb4eec798ec7cf3ad25a7721b8172085c3985b",class:{[`ic-input-validation-${l}`]:l!=="","ic-input-validation-full-width":!!e}},o!==""&&i("span",{key:"0f0e6bc76d9085e965ee611dc6069a5bae3e6bff",class:{"status-icon":true,[`icon-${l}`]:true},innerHTML:o}),i("ic-typography",{key:"c6527ae677adc0ab056f663e352278f9cc98071b",variant:"caption",class:"statustext"},i("span",{key:"31cb4694a0359c038d9e396f8d2769c8a92b0047","aria-live":a,id:this.for&&c(this.for)},r)),i("slot",{key:"9ae99f5c1a4edb1e2a7acd359e1d8463a6623c9c",name:"validation-message-adornment"}))}get el(){return e(this)}};g.style=v;export{b as ic_input_label,g as ic_input_validation};
2
+ //# sourceMappingURL=p-5ec11974.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{c as o}from"./p-e081702e.js";import{i as n,V as r,b as c,J as d,d as l}from"./p-b9e73154.js";const h='/*! 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}}';const m=h;const b=1e3;const u=70;const p=140;const f=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=b/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>u,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,b)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,b);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return e(s,{key:"3bb9efd8ae3679ba4558b388a275d2cd634268b8",class:{["ic-toast-hidden"]:!c},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"49277a9c418908cfd3eb9302bae684462e1c6d55",class:"container"},t&&c&&e("div",{key:"805dbac817d5a7e714ce5b4478e426144df02cb8",class:"toast-icon-container"},e("div",{key:"769af7c12a009955bff31c02008f09530bc19a77",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:r[t].icon})),e("div",{key:"b9987c78c1bdd2def39ecd64ad5a7acb19568a90",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},e("div",{key:"bda1df0dfb9e5a05a84ec6d825a4eef72978127e",class:"toast-text"},e("ic-typography",{key:"9631f1f1ec54f4694cbe3d80849079d04d9e987e",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),a&&e("ic-typography",{key:"87dd87445e270972bab5d931c48b0ae2a70c94ad",variant:"body",class:"toast-message"},c&&e("p",{key:"bfe2daf83b1d9e62c4606a00c8615f1f899d0506"},a))),n(this.el,"action")&&e("div",{key:"8041f14d81743cd478241aae8e4921b204d68745",class:"toast-action-container"},e("slot",{key:"0d3cc468aeee3827643be5e0ae17791cd1332f84",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon","aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=m;export{f as ic_toast};
2
+ //# sourceMappingURL=p-643a94c2.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icToastCss","IcToastStyle0","AUTO_DISMISS_TIMER_REFRESH_RATE_MS","TOAST_HEADING_CHAR_LIMIT","TOAST_MESSAGE_CHAR_LIMIT","Toast","constructor","hostRef","this","interactiveElements","timerProgress","visible","autoDismissTimeout","dismissButtonAriaLabel","dismissMode","dismissAction","icDismiss","emit","handleProgressChange","onFocus","focusInteractiveElement","isManual","onBlur","handleTimer","type","dismissModeChangeHandler","newValue","disconnectedCallback","window","clearTimeout","dismissTimeout","clearInterval","timerRefreshInterval","componentWillLoad","_a","_b","handleLongText","heading","length","message","isSlotUsed","el","variant","neutralVariantLabel","neutralIconAriaLabel","VARIANT_ICONS","ariaLabel","toastMessage","isPropDefined","setAttribute","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","resetAutoDismissTimer","actionContent","getSlot","dismissButton","shadowRoot","querySelector","push","findNextInteractiveElement","shiftKeyPressed","setFocus","watchVisibleHandler","handleDismiss","handleKeyboard","ev","key","preventDefault","shiftKey","repeat","stopImmediatePropagation","setTimeout","setInterval","setVisible","document","activeElement","headingTooLong","messageTooLong","console","error","isBackwards","firstEl","lastEl","isActive","currentIndex","some","index","targetEl","render","h","Host","class","tabindex","role","name","innerHTML","icon","theme","monochrome","size","progress","description","id","closeIcon","onClick"],"sources":["../web-components/dist/collection/components/ic-toast/ic-toast.css?tag=ic-toast&encapsulation=shadow","../web-components/dist/collection/components/ic-toast/ic-toast.js"],"sourcesContent":["/*! 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/**\n * @prop --ic-z-index-toast: z-index of toast\n */\n\n@media (prefers-reduced-motion: no-preference) {\n :host {\n animation: fadein var(--ic-transition-duration-slow) ease-in-out;\n }\n\n :host(.hidden) {\n animation: fadeout var(--ic-transition-duration-slow) ease-in-out;\n }\n}\n\n:host {\n --bottom-position: var(--ic-space-xl);\n\n position: fixed;\n bottom: var(--bottom-position);\n left: 50%;\n transform: translate(-50%);\n z-index: var(--ic-z-index-toast);\n}\n\n:host(.ic-toast-hidden) {\n display: none;\n}\n\n:host(:focus) {\n outline: none;\n}\n\n.container {\n max-width: 32.5rem;\n min-width: 18rem;\n box-shadow: var(--ic-elevation-overlay);\n min-height: 3.5rem;\n background-color: var(--ic-toast-background);\n display: flex;\n align-items: center;\n position: relative;\n border-radius: var(--ic-border-radius);\n}\n\n.toast-icon-container {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.divider {\n height: 100%;\n width: var(--ic-space-xs);\n position: absolute;\n border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n}\n\n.divider-neutral {\n background-color: var(--ic-toast-status-neutral);\n}\n\n.divider-info {\n background-color: var(--ic-toast-status-info);\n}\n\n.divider-warning {\n background-color: var(--ic-toast-status-warning);\n}\n\n.divider-error {\n background-color: var(--ic-toast-status-error);\n}\n\n.divider-success {\n background-color: var(--ic-toast-status-success);\n}\n\n.toast-icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n}\n\n:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg) {\n fill: var(--ic-toast-icon-neutral);\n}\n\n:host([variant=\"info\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-info);\n}\n\n:host([variant=\"warning\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-warning);\n}\n\n:host([variant=\"error\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-error);\n}\n\n:host([variant=\"success\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-success);\n}\n\n.toast-content {\n margin-left: var(--ic-space-xs);\n width: 100%;\n}\n\n.no-icon {\n margin-left: var(--ic-space-md);\n}\n\n.toast-text {\n padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n.toast-heading {\n --ic-typography-color: var(--ic-toast-title);\n}\n\n.toast-message {\n --ic-typography-color: var(--ic-toast-description);\n}\n\n.toast-action-container {\n padding-bottom: var(--ic-space-md);\n}\n\n#dismiss-button {\n padding: var(--ic-space-xs);\n}\n\n#dismiss-button > svg {\n color: var(--ic-toast-dismiss-button);\n}\n\nic-loading-indicator {\n --outer-color: transparent;\n --inner-color: var(--ic-action-monochrome);\n}\n\n.toast-dismiss-timer {\n padding: var(--ic-space-sm);\n}\n\n@media (max-width: 576px) {\n :host {\n --bottom-position: var(--ic-space-lg);\n\n width: calc(100% - 2 * var(--ic-space-md));\n }\n}\n\n@media (min-width: 993px) {\n :host {\n --bottom-position: calc(var(--ic-space-xl) + var(--ic-space-xs));\n }\n}\n\n@media (forced-colors: active) {\n .container {\n border: var(--ic-border-hc);\n }\n}\n\n@keyframes fadein {\n from {\n bottom: 0;\n opacity: 0;\n }\n\n to {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n}\n\n@keyframes fadeout {\n from {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n\n to {\n bottom: 0;\n opacity: 0;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\nimport { getSlot, isPropDefined, isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;\nconst TOAST_HEADING_CHAR_LIMIT = 70;\nconst TOAST_MESSAGE_CHAR_LIMIT = 140;\n/**\n * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.\n * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.\n */\nexport class Toast {\n constructor() {\n this.interactiveElements = [];\n this.timerProgress = 100;\n this.visible = false;\n /**\n * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\n * (NOTE: Has a minimum value of `5000ms`)\n */\n this.autoDismissTimeout = 5000;\n /**\n * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\n */\n this.dismissButtonAriaLabel = \"dismiss\";\n /**\n * How the toast will be dismissed. If manual will display a dismiss button.\n */\n this.dismissMode = \"manual\";\n this.dismissAction = () => {\n this.icDismiss.emit();\n };\n this.handleProgressChange = () => {\n this.timerProgress -=\n (AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout) * 100;\n };\n this.onFocus = () => {\n if (this.focusInteractiveElement) {\n this.isManual = true;\n }\n };\n this.onBlur = () => {\n this.handleTimer({ type: \"mouseleave\" });\n };\n }\n dismissModeChangeHandler(newValue) {\n this.isManual = newValue === \"manual\";\n }\n disconnectedCallback() {\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n }\n componentWillLoad() {\n var _a, _b;\n this.handleLongText(this.heading.length > TOAST_HEADING_CHAR_LIMIT, !!this.message && ((_a = this.message) === null || _a === void 0 ? void 0 : _a.length) > TOAST_MESSAGE_CHAR_LIMIT);\n if (this.autoDismissTimeout < 5000)\n this.autoDismissTimeout = 5000;\n if (isSlotUsed(this.el, \"action\"))\n this.dismissMode = \"manual\";\n this.isManual = this.dismissMode === \"manual\";\n if (isSlotUsed(this.el, \"neutral-icon\"))\n this.variant = \"neutral\";\n if (this.variant === \"neutral\") {\n this.neutralVariantLabel =\n (_b = this.neutralIconAriaLabel) !== null && _b !== void 0 ? _b : VARIANT_ICONS[this.variant].ariaLabel;\n }\n if (this.isManual) {\n const toastMessage = isPropDefined(this.message)\n ? `. ${this.message}`\n : \"\";\n this.el.setAttribute(\"aria-label\", this.variant\n ? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel\n : this.heading);\n (this.variant || this.message) &&\n this.el.setAttribute(\"aria-description\", this.variant ? `${this.heading}${toastMessage}` : this.message || \"\");\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Toast\");\n }\n componentDidUpdate() {\n var _a;\n if (this.focusInteractiveElement && this.isManual) {\n this.resetAutoDismissTimer();\n const actionContent = getSlot(this.el, \"action\");\n const dismissButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\");\n if (actionContent)\n this.interactiveElements.push(actionContent);\n if (dismissButton)\n this.interactiveElements.push(dismissButton);\n this.focusInteractiveElement = false;\n this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();\n this.shiftKeyPressed = false;\n }\n }\n watchVisibleHandler() {\n var _a;\n if (this.visible) {\n const actionContent = getSlot(this.el, \"action\");\n const dismissButton = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-button\");\n if (actionContent)\n this.interactiveElements.push(actionContent);\n if (dismissButton)\n this.interactiveElements.push(dismissButton);\n }\n else {\n this.interactiveElements = [];\n }\n }\n handleDismiss() {\n this.visible = false;\n this.resetAutoDismissTimer();\n }\n handleKeyboard(ev) {\n if (this.visible) {\n if (this.isManual) {\n switch (ev.key) {\n case \"Tab\":\n ev.preventDefault();\n this.findNextInteractiveElement(ev.shiftKey).setFocus();\n break;\n case \"Escape\":\n !ev.repeat && this.dismissAction();\n ev.stopImmediatePropagation();\n break;\n }\n }\n else {\n if (ev.key === \"Tab\") {\n this.shiftKeyPressed = ev.shiftKey;\n this.focusInteractiveElement = true;\n }\n }\n }\n }\n handleTimer(ev) {\n switch (ev.type) {\n case \"mouseenter\":\n if (!this.isManual) {\n this.resetAutoDismissTimer();\n }\n this.isManual = true;\n break;\n case \"mouseleave\":\n if (this.dismissMode === \"automatic\") {\n this.isManual = false;\n this.interactiveElements = [];\n if (this.visible) {\n this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n }\n }\n break;\n }\n }\n /**\n * @internal Used to display the individual toast.\n * @returns The element that previously had focus before the toast appeared\n */\n async setVisible() {\n if (!this.visible)\n this.visible = true;\n if (!this.isManual) {\n this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n return null;\n }\n else {\n window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);\n return document.activeElement;\n }\n }\n handleLongText(headingTooLong, messageTooLong) {\n if (messageTooLong || headingTooLong) {\n console.error(`Too many characters in toast ${headingTooLong ? \"heading\" : \"\"}${headingTooLong && messageTooLong ? \" and \" : \"\"}${messageTooLong ? \"message\" : \"\"}. Refer to character limits specified in the prop description`);\n }\n }\n findNextInteractiveElement(isBackwards) {\n const firstEl = this.interactiveElements[0];\n const lastEl = this.interactiveElements[this.interactiveElements.length - 1];\n if (this.isActive(isBackwards ? firstEl : lastEl))\n return isBackwards ? lastEl : firstEl;\n let currentIndex = 0;\n return this.interactiveElements.some((el, index) => {\n if (!this.isActive(el))\n return false;\n currentIndex = index;\n return true;\n })\n ? this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)]\n : firstEl;\n }\n resetAutoDismissTimer() {\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n this.timerProgress = 100;\n }\n isActive(targetEl) {\n return targetEl === this.el\n ? !!this.el.shadowRoot.activeElement\n : document.activeElement === targetEl;\n }\n render() {\n const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;\n return (h(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\" }, h(\"div\", { key: '49277a9c418908cfd3eb9302bae684462e1c6d55', class: \"container\" }, variant && visible && (h(\"div\", { key: '805dbac817d5a7e714ce5b4478e426144df02cb8', class: \"toast-icon-container\" }, h(\"div\", { key: '769af7c12a009955bff31c02008f09530bc19a77', class: {\n [\"divider\"]: true,\n [`divider-${variant}`]: true,\n } }), variant === \"neutral\" ? (h(\"slot\", { name: \"neutral-icon\" })) : (h(\"span\", { class: \"toast-icon\", innerHTML: VARIANT_ICONS[variant].icon })))), h(\"div\", { key: 'b9987c78c1bdd2def39ecd64ad5a7acb19568a90', class: {\n [\"toast-content\"]: true,\n [\"no-icon\"]: variant === \"neutral\" && !isSlotUsed(this.el, \"neutral-icon\"),\n } }, h(\"div\", { key: 'bda1df0dfb9e5a05a84ec6d825a4eef72978127e', class: \"toast-text\" }, h(\"ic-typography\", { key: '9631f1f1ec54f4694cbe3d80849079d04d9e987e', variant: \"subtitle-large\", class: \"toast-heading\" }, visible && (isManual ? h(\"h5\", null, heading) : h(\"p\", null, heading))), message && (h(\"ic-typography\", { key: '87dd87445e270972bab5d931c48b0ae2a70c94ad', variant: \"body\", class: \"toast-message\" }, visible && h(\"p\", { key: 'bfe2daf83b1d9e62c4606a00c8615f1f899d0506' }, message)))), isSlotUsed(this.el, \"action\") && (h(\"div\", { key: '8041f14d81743cd478241aae8e4921b204d68745', class: \"toast-action-container\" }, h(\"slot\", { key: '0d3cc468aeee3827643be5e0ae17791cd1332f84', name: \"action\" })))), !isManual ? (h(\"ic-loading-indicator\", { class: \"toast-dismiss-timer\", theme: \"dark\", monochrome: true, size: \"icon\", progress: this.timerProgress, description: \"Dismiss timer\" })) : (h(\"ic-button\", { id: \"dismiss-button\", innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon\", \"aria-label\": dismissButtonAriaLabel })))));\n }\n static get is() { return \"ic-toast\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-toast.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-toast.css\"]\n };\n }\n static get properties() {\n return {\n \"autoDismissTimeout\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number | undefined\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\\n(NOTE: Has a minimum value of `5000ms`)\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"auto-dismiss-timeout\",\n \"reflect\": false,\n \"defaultValue\": \"5000\"\n },\n \"dismissButtonAriaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | undefined\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dismiss-button-aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"dismiss\\\"\"\n },\n \"dismissMode\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcActivationTypes\",\n \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\" | undefined\",\n \"references\": {\n \"IcActivationTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcActivationTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How the toast will be dismissed. If manual will display a dismiss button.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dismiss-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"manual\\\"\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the toast. (NOTE: Should be no more than `140` characters)\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"message\",\n \"reflect\": false\n },\n \"neutralIconAriaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"neutral-icon-aria-label\",\n \"reflect\": false\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcStatusVariants\",\n \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n \"references\": {\n \"IcStatusVariants\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcStatusVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the toast being rendered\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"isManual\": {},\n \"timerProgress\": {},\n \"visible\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icDismiss\",\n \"name\": \"icDismiss\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Is emitted when the user dismisses the toast\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setVisible\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement | null>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement | null>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to display the individual toast.\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The element that previously had focus before the toast appeared\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"dismissMode\",\n \"methodName\": \"dismissModeChangeHandler\"\n }, {\n \"propName\": \"visible\",\n \"methodName\": \"watchVisibleHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icDismiss\",\n \"method\": \"handleDismiss\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyboard\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"mouseenter\",\n \"method\": \"handleTimer\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"mouseleave\",\n \"method\": \"handleTimer\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\n//# sourceMappingURL=ic-toast.js.map\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as i,h as e,H as c,g as d}from"./p-00135a74.js";import{g as r,d as t,s as a}from"./p-0f6b9686.js";const l='.ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{content:"";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{content:"";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement="right"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="left"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="top"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement="right"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="left"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="top"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:transparent}}';const v=l;const n=class{constructor(e){i(this,e);this.foregroundColor=r();this.borderStyle="solid";this.labelPlacement="center";this.monochrome=false;this.orientation="horizontal";this.theme="inherit";this.weight="thin"}brandChangeHandler(i){this.foregroundColor=i.detail.mode}updateMonochromeState(){var i;const e=this.el.parentElement;if(e){const c=e.classList.contains("bottom-side-nav");const d=(i=e.parentElement)===null||i===void 0?void 0:i.classList.contains("bottom-wrapper");if(e.tagName==="IC-SIDE-NAVIGATION"||c&&d){this.el.classList.add("ic-side-navigation-keyline");if(this.foregroundColor==="light"){this.theme="dark"}else{this.theme="light"}}}}componentWillRender(){this.updateMonochromeState()}render(){const{borderStyle:i,label:d,labelPlacement:r,monochrome:l,orientation:v,weight:n}=this;const{theme:o}=this;const h=i=>{console.error(`${i.charAt(0).toUpperCase()+i.slice(1)} label placement is not applicable for a ${v} ic-divider (web-components) / IcDivider (react)`)};if((r==="left"||r==="right")&&v==="vertical"||(r==="top"||r==="bottom")&&v==="horizontal"){h(r)}const s=i=>{switch(i){case"very-thick":return"h4";case"thick":return"subtitle-large";default:return"label"}};const m=()=>{if(a(this.el,"label")){return e("div",{class:"ic-divider-label-container"},e("slot",{name:"label"}))}else if(t(d)){return e("ic-typography",{class:"ic-divider-label",variant:s(n)},e("p",null,d))}return null};return e(c,Object.assign({class:{[`ic-theme-${o}`]:o!=="inherit",[`ic-divider-monochrome`]:!!l,[`ic-divider-${v}`]:true,[`ic-divider-${n}`]:true,[`ic-divider-${i}`]:true}},(v==="vertical"||!!m()&&!!t(r))&&{"aria-orientation":v,role:"separator"}),v==="horizontal"&&(!m()||!t(r))&&e("hr",null),!!t(r)&&!!m()&&m(),v==="vertical"&&(!m()||!t(r))&&e("div",{class:"vertical-divider"}))}get el(){return d(this)}};n.style=v;export{n as ic_divider};
2
- //# sourceMappingURL=p-be5ad372.entry.js.map
1
+ import{r as i,h as e,H as c,g as d}from"./p-8e4e97b4.js";import{g as r,d as t,s as a}from"./p-b9e73154.js";const l='.ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{content:"";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{content:"";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thick[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thick[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement="right"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="left"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::before,.ic-divider-medium[label-placement="top"].sc-ic-divider-h::after,.ic-divider-medium[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement="right"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="left"].sc-ic-divider-h::after,.ic-divider-thin[label-placement="center"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-thin[label-placement="top"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement="right"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="left"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement="top"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement="center"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement="right"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement="left"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement="center"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement="bottom"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement="top"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement="center"].sc-ic-divider-h::after{border-left-color:transparent}}';const v=l;const n=class{constructor(e){i(this,e);this.foregroundColor=r();this.borderStyle="solid";this.labelPlacement="center";this.monochrome=false;this.orientation="horizontal";this.theme="inherit";this.weight="thin"}brandChangeHandler(i){this.foregroundColor=i.detail.mode}updateMonochromeState(){var i;const e=this.el.parentElement;if(e){const c=e.classList.contains("bottom-side-nav");const d=(i=e.parentElement)===null||i===void 0?void 0:i.classList.contains("bottom-wrapper");if(e.tagName==="IC-SIDE-NAVIGATION"||c&&d){this.el.classList.add("ic-side-navigation-keyline");if(this.foregroundColor==="light"){this.theme="dark"}else{this.theme="light"}}}}componentWillRender(){this.updateMonochromeState()}render(){const{borderStyle:i,label:d,labelPlacement:r,monochrome:l,orientation:v,weight:n}=this;const{theme:o}=this;const h=i=>{console.error(`${i.charAt(0).toUpperCase()+i.slice(1)} label placement is not applicable for a ${v} ic-divider (web-components) / IcDivider (react)`)};if((r==="left"||r==="right")&&v==="vertical"||(r==="top"||r==="bottom")&&v==="horizontal"){h(r)}const s=i=>{switch(i){case"very-thick":return"h4";case"thick":return"subtitle-large";default:return"label"}};const m=()=>{if(a(this.el,"label")){return e("div",{class:"ic-divider-label-container"},e("slot",{name:"label"}))}else if(t(d)){return e("ic-typography",{class:"ic-divider-label",variant:s(n)},e("p",null,d))}return null};return e(c,Object.assign({class:{[`ic-theme-${o}`]:o!=="inherit",[`ic-divider-monochrome`]:!!l,[`ic-divider-${v}`]:true,[`ic-divider-${n}`]:true,[`ic-divider-${i}`]:true}},(v==="vertical"||!!m()&&!!t(r))&&{"aria-orientation":v,role:"separator"}),v==="horizontal"&&(!m()||!t(r))&&e("hr",null),!!t(r)&&!!m()&&m(),v==="vertical"&&(!m()||!t(r))&&e("div",{class:"vertical-divider"}))}get el(){return d(this)}};n.style=v;export{n as ic_divider};
2
+ //# sourceMappingURL=p-65ddc948.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as i,c as t,h as e,F as s,H as a,g as o}from"./p-8e4e97b4.js";import{c as n}from"./p-e081702e.js";import{f as r,m as l,i as h,b as d}from"./p-b9e73154.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){:host([size="large"]) .dialog:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}';const g=c;const p=class{constructor(a){i(this,a);this.icDialogCancelled=t(this,"icDialogCancelled",7);this.icDialogClosed=t(this,"icDialogClosed",7);this.icDialogConfirmed=t(this,"icDialogConfirmed",7);this.icDialogOpened=t(this,"icDialogOpened",7);this.contentAreaMutationObserver=null;this.DATA_GETS_FOCUS="data-gets-focus";this.DIALOG_CONTROLS="dialog-controls";this.dialogHeight=0;this.focusedElementIndex=0;this.IC_TEXT_FIELD="IC-TEXT-FIELD";this.IC_ACCORDION="IC-ACCORDION";this.IC_ACCORDION_GROUP="IC-ACCORDION-GROUP";this.IC_CHECKBOX="IC-CHECKBOX";this.IC_SEARCH_BAR="IC-SEARCH-BAR";this.resizeObserver=null;this.dialogRendered=false;this.fadeIn=false;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.disableHeightConstraint=false;this.disableWidthConstraint=false;this.hideCloseButton=false;this.hideDefaultControls=false;this.open=false;this.size="small";this.theme="inherit";this.dialogOpened=()=>{var i,t;this.dialogRendered=true;if(this.disableHeightConstraint){(i=this.dialogEl)===null||i===void 0?void 0:i.show()}else{(t=this.dialogEl)===null||t===void 0?void 0:t.showModal()}setTimeout((()=>{this.fadeIn=true;if(this.backdropEl&&this.disableHeightConstraint&&this.backdropEl.scrollTop!==0){this.backdropEl.scrollTop=0}}),10);setTimeout((()=>{this.setInitialFocus();r(this.runResizeObserver)}),75);setTimeout((()=>{this.icDialogOpened.emit()}),80)};this.runResizeObserver=()=>{if(this.dialogEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)}};this.resizeObserverCallback=()=>{if(this.dialogEl&&this.dialogEl.clientHeight!==this.dialogHeight){this.dialogHeight=this.dialogEl.clientHeight}};this.refreshInteractiveElementsOnSlotChange=()=>{var i,t,e;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#dialog-content");if(s){this.contentArea=s.querySelector("slot");(t=this.contentArea)===null||t===void 0?void 0:t.addEventListener("slotchange",this.getInteractiveElements);this.contentAreaMutationObserver=new MutationObserver((()=>{this.getInteractiveElements()}));(e=l(s))===null||e===void 0?void 0:e.forEach((i=>{var t;(t=this.contentAreaMutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true})}))}};this.removeSlotChangeListener=()=>{var i;if(this.contentArea){this.contentArea.removeEventListener("slotchange",this.getInteractiveElements);(i=this.contentAreaMutationObserver)===null||i===void 0?void 0:i.disconnect()}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;this.focusedElementIndex=this.interactiveElementList?this.interactiveElementList.findIndex((i=>i.hasAttribute(this.DATA_GETS_FOCUS))):0;this.focusElement(this.interactiveElementList[this.focusedElementIndex])};this.getFocusedElementIndex=()=>{var i;for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)||document.activeElement)){this.focusedElementIndex=t}}};this.closeIconClick=()=>{this.open=false};this.getInteractiveElements=()=>{var i;this.interactiveElementList=Array.from(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ic-button"))||[]);const t=Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),\n ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, \n ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,\n ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));if(t.length>0){if(t[0].slot!==this.DIALOG_CONTROLS){t[0].setAttribute(this.DATA_GETS_FOCUS,"")}else if(!this.destructive){t[t.length-1].setAttribute(this.DATA_GETS_FOCUS,"")}}for(let i=0;i<t.length;i++){this.interactiveElementList.splice(1+i,0,t[i])}};this.getNextFocusEl=i=>this.interactiveElementList[i];this.onTabKeyPress=i=>{this.getFocusedElementIndex();if(this.interactiveElementList[this.focusedElementIndex].tagName===this.IC_SEARCH_BAR){return false}this.setFocusIndexBasedOnShiftKey(i);this.loopNextFocusIndexIfLastElement();this.focusElement(this.getNextFocusEl(this.focusedElementIndex),i);return true};this.shouldSkipElement=i=>{const t=getComputedStyle(i).visibility==="hidden"||i.offsetHeight===0||i.hasAttribute("disabled")||i.tagName===this.IC_ACCORDION_GROUP&&i.hasAttribute("single-expansion");const e=i.closest("ic-radio-option");return t||i.getAttribute("type")==="radio"&&!!e&&!e.hasAttribute("selected")};this.focusElement=(i,t=false)=>{let e=i;if(this.shouldSkipElement(i)){this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();e=this.getNextFocusEl(this.focusedElementIndex);this.focusElement(e,t)}else{switch(i.tagName){case this.IC_ACCORDION_GROUP:case this.IC_ACCORDION:case this.IC_SEARCH_BAR:case this.IC_TEXT_FIELD:case this.IC_CHECKBOX:i.setFocus();break;default:i.focus()}}};this.renderDialog=()=>{const{hideDefaultControls:i,size:t,heading:a,label:o,destructive:r,dismissLabel:l,hideCloseButton:d,disableHeightConstraint:c,disableWidthConstraint:g,closeIconClick:p,DIALOG_CONTROLS:b}=this;const m=h(this.el,b);return e("dialog",{class:{dialog:true,[`${t}`]:true,"disable-height-constraint":!!c,"disable-width-constraint":!!g},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:i=>this.dialogEl=i},e("div",{class:"heading-area"},e("div",{class:"heading-content"},e("div",{class:"label"},e("slot",{name:"label"},e("ic-typography",{variant:"label",id:"dialog-label"},o))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},a)))),!d&&e("ic-button",{class:"close-icon",variant:"icon",innerHTML:n,"aria-label":l,onClick:p,"data-gets-focus":r||i&&!m?"":null})),e("div",{class:"content-area"},h(this.el,"alert")&&e("slot",{name:"alert"}),e("div",{id:"dialog-content"},e("slot",null))),(m||!i)&&e("div",{class:{[b]:true}},m?e("slot",{name:b}):e(s,null,e("ic-button",{variant:"tertiary",onClick:()=>this.cancelDialog(),class:"dialog-control-button","data-gets-focus":null},"Cancel"),e("ic-button",{variant:r?"destructive":"primary",onClick:()=>this.confirmDialog(),class:"dialog-control-button","data-gets-focus":""},"Confirm"))))}}watchOpenHandler(){if(this.open){this.dialogOpened()}else{this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var i,t;this.dialogRendered=false;(i=this.dialogEl)===null||i===void 0?void 0:i.close();(t=this.sourceElement)===null||t===void 0?void 0:t.focus();this.dialogHeight=0;this.icDialogClosed.emit()}),80)}}disconnectedCallback(){this.removeSlotChangeListener()}componentDidLoad(){this.getInteractiveElements();this.refreshInteractiveElementsOnSlotChange();if(this.open){this.dialogOpened()}!h(this.el,"heading")&&d([{prop:this.heading,propName:"heading"}],"Dialog")}componentDidRender(){document.body.style.overflow=getComputedStyle(this.el).display!=="none"&&this.disableHeightConstraint?"hidden":"auto"}handleKeyboard(i){if(this.dialogRendered){switch(i.key){case"Tab":if(this.onTabKeyPress(i.shiftKey)){i.preventDefault()}break;case"Escape":if(!i.repeat){this.open=false}i.stopImmediatePropagation();break}}}handleClick(i){if(this.dialogEl&&this.closeOnBackdropClick&&i.composedPath().indexOf(this.dialogEl)<=0){const{top:t,height:e,left:s,width:a}=this.dialogEl.getBoundingClientRect();const o=t<=i.clientY&&i.clientY<=t+e&&s<=i.clientX&&i.clientX<=s+a;if(!o){this.open=false}}}async cancelDialog(){this.icDialogCancelled.emit();this.open=false}async confirmDialog(){this.icDialogConfirmed.emit()}loopNextFocusIndexIfLastElement(){if(this.focusedElementIndex>this.interactiveElementList.length-1)this.focusedElementIndex=0;else if(this.focusedElementIndex<0){this.focusedElementIndex=this.interactiveElementList.length-1}}setFocusIndexBasedOnShiftKey(i){if(i){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}}render(){const{dialogRendered:i,disableHeightConstraint:t,fadeIn:s,theme:o}=this;return e(a,{key:"2920aac3b3891cae0e6575c735e507c4c76752f9",class:{"ic-dialog-hidden":!i,"ic-dialog-fade-in":s,"disable-height-constraint":!!t,[`ic-theme-${o}`]:o!=="inherit"}},t?e("div",{class:"backdrop",ref:i=>this.backdropEl=i},this.renderDialog()):this.renderDialog())}get el(){return o(this)}static get watchers(){return{open:["watchOpenHandler"]}}};p.style=g;export{p as ic_dialog};
2
+ //# sourceMappingURL=p-69f6db9f.entry.js.map