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

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 (501) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-e2bbcec9.js → helpers-f4e7322b.js} +21 -37
  3. package/dist/cjs/helpers-f4e7322b.js.map +1 -0
  4. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  5. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-alert.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-badge.cjs.entry.js +4 -4
  9. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +56 -76
  11. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-breadcrumb.cjs.entry.js +32 -51
  13. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-button_3.cjs.entry.js +110 -131
  15. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-card-vertical.cjs.entry.js +5 -5
  17. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-checkbox-group.cjs.entry.js +9 -10
  19. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-checkbox_3.cjs.entry.js +36 -35
  21. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-chip.cjs.entry.js +26 -38
  23. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  25. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  27. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-data-table.cjs.entry.js +7 -7
  29. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ic-dialog.cjs.entry.js +2 -2
  31. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  33. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  35. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  37. package/dist/cjs/ic-hero.cjs.entry.js +5 -5
  38. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
  40. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +9 -9
  42. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -8
  44. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-link.cjs.entry.js +21 -3
  46. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  48. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-menu-item.cjs.entry.js +5 -5
  50. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
  52. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
  54. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-navigation-item.cjs.entry.js +3 -3
  56. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
  58. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
  60. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-pagination_4.cjs.entry.js +43 -40
  62. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-popover-menu.cjs.entry.js +8 -7
  64. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
  66. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
  68. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-search-bar.cjs.entry.js +112 -135
  70. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  72. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-side-navigation.cjs.entry.js +6 -6
  74. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  76. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
  78. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
  80. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-step.cjs.entry.js +14 -14
  82. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
  84. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-switch.cjs.entry.js +6 -6
  86. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  88. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  90. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  92. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  94. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-theme.cjs.entry.js +2 -2
  96. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  98. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  100. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +3 -3
  102. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-toggle-button.cjs.entry.js +3 -3
  104. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -5
  106. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tree-item.cjs.entry.js +7 -2
  108. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-typography.cjs.entry.js +3 -3
  110. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  111. package/dist/cjs/loader.cjs.js +1 -1
  112. package/dist/collection/components/ic-data-table/ic-data-table.js +7 -7
  113. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  114. package/dist/collection/components/ic-tree-item/ic-tree-item.js +23 -2
  115. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  116. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +13 -1
  117. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -1
  118. package/dist/components/helpers.js +20 -36
  119. package/dist/components/helpers.js.map +1 -1
  120. package/dist/components/ic-badge.js +3 -3
  121. package/dist/components/ic-badge.js.map +1 -1
  122. package/dist/components/ic-breadcrumb-group.js +57 -78
  123. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  124. package/dist/components/ic-breadcrumb2.js +32 -51
  125. package/dist/components/ic-breadcrumb2.js.map +1 -1
  126. package/dist/components/ic-button2.js +105 -126
  127. package/dist/components/ic-button2.js.map +1 -1
  128. package/dist/components/ic-card-vertical.js +4 -4
  129. package/dist/components/ic-card-vertical.js.map +1 -1
  130. package/dist/components/ic-checkbox-group.js +8 -9
  131. package/dist/components/ic-checkbox-group.js.map +1 -1
  132. package/dist/components/ic-checkbox2.js +36 -35
  133. package/dist/components/ic-checkbox2.js.map +1 -1
  134. package/dist/components/ic-chip.js +28 -40
  135. package/dist/components/ic-chip.js.map +1 -1
  136. package/dist/components/ic-data-list.js +2 -2
  137. package/dist/components/ic-data-list.js.map +1 -1
  138. package/dist/components/ic-data-row.js +2 -2
  139. package/dist/components/ic-data-row.js.map +1 -1
  140. package/dist/components/ic-data-table.js +7 -7
  141. package/dist/components/ic-data-table.js.map +1 -1
  142. package/dist/components/ic-dialog.js +1 -1
  143. package/dist/components/ic-dialog.js.map +1 -1
  144. package/dist/components/ic-empty-state2.js +2 -2
  145. package/dist/components/ic-empty-state2.js.map +1 -1
  146. package/dist/components/ic-footer-link.js +2 -2
  147. package/dist/components/ic-footer-link.js.map +1 -1
  148. package/dist/components/ic-hero.js +4 -4
  149. package/dist/components/ic-hero.js.map +1 -1
  150. package/dist/components/ic-horizontal-scroll2.js +5 -5
  151. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  152. package/dist/components/ic-input-component-container2.js +3 -3
  153. package/dist/components/ic-input-component-container2.js.map +1 -1
  154. package/dist/components/ic-input-container2.js +2 -2
  155. package/dist/components/ic-input-container2.js.map +1 -1
  156. package/dist/components/ic-input-label2.js +4 -4
  157. package/dist/components/ic-input-label2.js.map +1 -1
  158. package/dist/components/ic-input-validation2.js +3 -3
  159. package/dist/components/ic-input-validation2.js.map +1 -1
  160. package/dist/components/ic-link2.js +23 -3
  161. package/dist/components/ic-link2.js.map +1 -1
  162. package/dist/components/ic-loading-indicator2.js +3 -3
  163. package/dist/components/ic-loading-indicator2.js.map +1 -1
  164. package/dist/components/ic-menu-group.js +1 -1
  165. package/dist/components/ic-menu-group.js.map +1 -1
  166. package/dist/components/ic-menu-item2.js +4 -4
  167. package/dist/components/ic-menu-item2.js.map +1 -1
  168. package/dist/components/ic-menu2.js +3 -3
  169. package/dist/components/ic-menu2.js.map +1 -1
  170. package/dist/components/ic-navigation-button.js +2 -2
  171. package/dist/components/ic-navigation-button.js.map +1 -1
  172. package/dist/components/ic-navigation-group.js +1 -1
  173. package/dist/components/ic-navigation-group.js.map +1 -1
  174. package/dist/components/ic-navigation-item.js +2 -2
  175. package/dist/components/ic-navigation-item.js.map +1 -1
  176. package/dist/components/ic-navigation-menu2.js +4 -4
  177. package/dist/components/ic-navigation-menu2.js.map +1 -1
  178. package/dist/components/ic-page-header.js +6 -6
  179. package/dist/components/ic-page-header.js.map +1 -1
  180. package/dist/components/ic-pagination-item2.js +1 -1
  181. package/dist/components/ic-pagination-item2.js.map +1 -1
  182. package/dist/components/ic-pagination2.js +4 -4
  183. package/dist/components/ic-pagination2.js.map +1 -1
  184. package/dist/components/ic-popover-menu.js +7 -6
  185. package/dist/components/ic-popover-menu.js.map +1 -1
  186. package/dist/components/ic-radio-group.js +4 -4
  187. package/dist/components/ic-radio-group.js.map +1 -1
  188. package/dist/components/ic-radio-option.js +4 -4
  189. package/dist/components/ic-radio-option.js.map +1 -1
  190. package/dist/components/ic-search-bar.js +112 -135
  191. package/dist/components/ic-search-bar.js.map +1 -1
  192. package/dist/components/ic-section-container2.js +2 -2
  193. package/dist/components/ic-section-container2.js.map +1 -1
  194. package/dist/components/ic-select2.js +6 -6
  195. package/dist/components/ic-select2.js.map +1 -1
  196. package/dist/components/ic-side-navigation.js +5 -5
  197. package/dist/components/ic-side-navigation.js.map +1 -1
  198. package/dist/components/ic-skeleton.js +2 -2
  199. package/dist/components/ic-skeleton.js.map +1 -1
  200. package/dist/components/ic-skip-link.js +2 -2
  201. package/dist/components/ic-skip-link.js.map +1 -1
  202. package/dist/components/ic-status-tag.js +2 -2
  203. package/dist/components/ic-status-tag.js.map +1 -1
  204. package/dist/components/ic-step.js +13 -13
  205. package/dist/components/ic-step.js.map +1 -1
  206. package/dist/components/ic-stepper.js +2 -2
  207. package/dist/components/ic-stepper.js.map +1 -1
  208. package/dist/components/ic-switch.js +5 -5
  209. package/dist/components/ic-switch.js.map +1 -1
  210. package/dist/components/ic-tab-context.js +1 -1
  211. package/dist/components/ic-tab-context.js.map +1 -1
  212. package/dist/components/ic-tab-group.js +2 -2
  213. package/dist/components/ic-tab-group.js.map +1 -1
  214. package/dist/components/ic-tab-panel.js +2 -2
  215. package/dist/components/ic-tab-panel.js.map +1 -1
  216. package/dist/components/ic-tab.js +2 -2
  217. package/dist/components/ic-tab.js.map +1 -1
  218. package/dist/components/ic-text-field2.js +31 -28
  219. package/dist/components/ic-text-field2.js.map +1 -1
  220. package/dist/components/ic-theme.js +1 -1
  221. package/dist/components/ic-theme.js.map +1 -1
  222. package/dist/components/ic-toast-region.js +1 -1
  223. package/dist/components/ic-toast-region.js.map +1 -1
  224. package/dist/components/ic-toast.js +3 -3
  225. package/dist/components/ic-toast.js.map +1 -1
  226. package/dist/components/ic-toggle-button-group.js +2 -2
  227. package/dist/components/ic-toggle-button-group.js.map +1 -1
  228. package/dist/components/ic-toggle-button.js +2 -2
  229. package/dist/components/ic-toggle-button.js.map +1 -1
  230. package/dist/components/ic-tooltip2.js +2 -2
  231. package/dist/components/ic-tooltip2.js.map +1 -1
  232. package/dist/components/ic-top-navigation.js +4 -4
  233. package/dist/components/ic-top-navigation.js.map +1 -1
  234. package/dist/components/ic-tree-item.js +8 -2
  235. package/dist/components/ic-tree-item.js.map +1 -1
  236. package/dist/components/ic-typography2.js +2 -2
  237. package/dist/components/ic-typography2.js.map +1 -1
  238. package/dist/core/core.css +159 -109
  239. package/dist/core/core.esm.js +1 -1
  240. package/dist/core/core.esm.js.map +1 -1
  241. package/dist/core/p-09f54ca3.entry.js +2 -0
  242. package/dist/core/p-09f54ca3.entry.js.map +1 -0
  243. package/dist/core/{p-7d9ab461.entry.js → p-10703715.entry.js} +2 -2
  244. package/dist/core/{p-7d9ab461.entry.js.map → p-10703715.entry.js.map} +1 -1
  245. package/dist/core/{p-3a9d2c5c.entry.js → p-1aed572a.entry.js} +2 -2
  246. package/dist/core/{p-3a9d2c5c.entry.js.map → p-1aed572a.entry.js.map} +1 -1
  247. package/dist/core/{p-b3ac38c5.entry.js → p-1be17f22.entry.js} +2 -2
  248. package/dist/core/{p-b3ac38c5.entry.js.map → p-1be17f22.entry.js.map} +1 -1
  249. package/dist/core/{p-fa08e75c.entry.js → p-1fd22368.entry.js} +2 -2
  250. package/dist/core/{p-c3ba79d7.entry.js → p-266686d0.entry.js} +2 -2
  251. package/dist/core/p-266686d0.entry.js.map +1 -0
  252. package/dist/core/{p-7656c88f.entry.js → p-33f4abc9.entry.js} +2 -2
  253. package/dist/core/{p-7656c88f.entry.js.map → p-33f4abc9.entry.js.map} +1 -1
  254. package/dist/core/p-3800cda8.entry.js +2 -0
  255. package/dist/core/p-3800cda8.entry.js.map +1 -0
  256. package/dist/core/{p-45dbbdcb.entry.js → p-45f32fea.entry.js} +2 -2
  257. package/dist/core/{p-e6d3cd31.entry.js → p-5744b8b3.entry.js} +2 -2
  258. package/dist/core/{p-e6d3cd31.entry.js.map → p-5744b8b3.entry.js.map} +1 -1
  259. package/dist/core/{p-e185bfa7.entry.js → p-59bc9fe7.entry.js} +2 -2
  260. package/dist/core/{p-e185bfa7.entry.js.map → p-59bc9fe7.entry.js.map} +1 -1
  261. package/dist/core/p-671acf27.entry.js +2 -0
  262. package/dist/core/p-671acf27.entry.js.map +1 -0
  263. package/dist/core/{p-78709ece.entry.js → p-6724039c.entry.js} +2 -2
  264. package/dist/core/{p-78709ece.entry.js.map → p-6724039c.entry.js.map} +1 -1
  265. package/dist/core/{p-9689784b.entry.js → p-6e0f4278.entry.js} +2 -2
  266. package/dist/core/{p-f815f8c9.entry.js → p-72c117b6.entry.js} +2 -2
  267. package/dist/core/{p-f815f8c9.entry.js.map → p-72c117b6.entry.js.map} +1 -1
  268. package/dist/core/{p-74e0aa60.entry.js → p-7c096c5e.entry.js} +2 -2
  269. package/dist/core/{p-74e0aa60.entry.js.map → p-7c096c5e.entry.js.map} +1 -1
  270. package/dist/core/{p-1a76b6b4.entry.js → p-824cbf95.entry.js} +2 -2
  271. package/dist/core/{p-1a76b6b4.entry.js.map → p-824cbf95.entry.js.map} +1 -1
  272. package/dist/core/{p-29f472ab.entry.js → p-84daed4d.entry.js} +2 -2
  273. package/dist/core/p-8ae0fd6f.entry.js +2 -0
  274. package/dist/core/p-8ae0fd6f.entry.js.map +1 -0
  275. package/dist/core/{p-4b601e06.entry.js → p-8b5022bc.entry.js} +2 -2
  276. package/dist/core/{p-4b601e06.entry.js.map → p-8b5022bc.entry.js.map} +1 -1
  277. package/dist/core/p-92a969b3.entry.js +2 -0
  278. package/dist/core/p-92a969b3.entry.js.map +1 -0
  279. package/dist/core/{p-7c819f45.entry.js → p-93e154e0.entry.js} +2 -2
  280. package/dist/core/{p-7c819f45.entry.js.map → p-93e154e0.entry.js.map} +1 -1
  281. package/dist/core/{p-6634052e.entry.js → p-954959d4.entry.js} +2 -2
  282. package/dist/core/{p-6634052e.entry.js.map → p-954959d4.entry.js.map} +1 -1
  283. package/dist/core/{p-3ddf2dc7.entry.js → p-95868542.entry.js} +2 -2
  284. package/dist/core/{p-3ddf2dc7.entry.js.map → p-95868542.entry.js.map} +1 -1
  285. package/dist/core/p-9882c572.entry.js +2 -0
  286. package/dist/core/p-9882c572.entry.js.map +1 -0
  287. package/dist/core/p-9918c411.entry.js +2 -0
  288. package/dist/core/p-9918c411.entry.js.map +1 -0
  289. package/dist/core/{p-40f2f58e.entry.js → p-9ca147f3.entry.js} +2 -2
  290. package/dist/core/{p-40f2f58e.entry.js.map → p-9ca147f3.entry.js.map} +1 -1
  291. package/dist/core/{p-513619d5.entry.js → p-a054bb1b.entry.js} +2 -2
  292. package/dist/core/{p-513619d5.entry.js.map → p-a054bb1b.entry.js.map} +1 -1
  293. package/dist/core/{p-112d96ce.entry.js → p-ad390076.entry.js} +2 -2
  294. package/dist/core/{p-112d96ce.entry.js.map → p-ad390076.entry.js.map} +1 -1
  295. package/dist/core/p-ad45f8f8.entry.js +2 -0
  296. package/dist/core/p-ad45f8f8.entry.js.map +1 -0
  297. package/dist/core/{p-02cee2a0.entry.js → p-b7d117e8.entry.js} +2 -2
  298. package/dist/core/{p-27780b85.entry.js → p-b92e5fb3.entry.js} +2 -2
  299. package/dist/core/{p-de43d375.entry.js → p-b9459ba2.entry.js} +2 -2
  300. package/dist/core/{p-de43d375.entry.js.map → p-b9459ba2.entry.js.map} +1 -1
  301. package/dist/core/p-b947e4ff.entry.js +2 -0
  302. package/dist/core/p-b947e4ff.entry.js.map +1 -0
  303. package/dist/core/{p-f34eee68.entry.js → p-bc2ca778.entry.js} +2 -2
  304. package/dist/core/{p-f34eee68.entry.js.map → p-bc2ca778.entry.js.map} +1 -1
  305. package/dist/core/{p-4f2391ec.entry.js → p-bff6fef6.entry.js} +2 -2
  306. package/dist/core/{p-4f2391ec.entry.js.map → p-bff6fef6.entry.js.map} +1 -1
  307. package/dist/core/{p-789f423c.entry.js → p-c472cb32.entry.js} +2 -2
  308. package/dist/core/{p-789f423c.entry.js.map → p-c472cb32.entry.js.map} +1 -1
  309. package/dist/core/{p-30bcc30c.entry.js → p-cd770df5.entry.js} +2 -2
  310. package/dist/core/{p-30bcc30c.entry.js.map → p-cd770df5.entry.js.map} +1 -1
  311. package/dist/core/{p-f35d81cb.entry.js → p-d328f6fc.entry.js} +2 -2
  312. package/dist/core/{p-f35d81cb.entry.js.map → p-d328f6fc.entry.js.map} +1 -1
  313. package/dist/core/p-d3d48548.entry.js +2 -0
  314. package/dist/core/p-d3d48548.entry.js.map +1 -0
  315. package/dist/core/{p-23ed8b99.entry.js → p-df88ff5b.entry.js} +2 -2
  316. package/dist/core/{p-23ed8b99.entry.js.map → p-df88ff5b.entry.js.map} +1 -1
  317. package/dist/core/{p-e01ffbb8.entry.js → p-e38b20bf.entry.js} +2 -2
  318. package/dist/core/{p-e01ffbb8.entry.js.map → p-e38b20bf.entry.js.map} +1 -1
  319. package/dist/core/{p-b4168d61.entry.js → p-e64e27be.entry.js} +2 -2
  320. package/dist/core/{p-b4168d61.entry.js.map → p-e64e27be.entry.js.map} +1 -1
  321. package/dist/core/{p-23665b88.entry.js → p-e7c00131.entry.js} +2 -2
  322. package/dist/core/{p-23665b88.entry.js.map → p-e7c00131.entry.js.map} +1 -1
  323. package/dist/core/{p-0725255c.entry.js → p-e9683f52.entry.js} +2 -2
  324. package/dist/core/{p-0725255c.entry.js.map → p-e9683f52.entry.js.map} +1 -1
  325. package/dist/core/{p-eb4add0d.entry.js → p-ead9900a.entry.js} +2 -2
  326. package/dist/core/{p-eb4add0d.entry.js.map → p-ead9900a.entry.js.map} +1 -1
  327. package/dist/core/{p-c7080f8d.entry.js → p-eb74cab5.entry.js} +2 -2
  328. package/dist/core/{p-c7080f8d.entry.js.map → p-eb74cab5.entry.js.map} +1 -1
  329. package/dist/core/{p-5aab7bb1.entry.js → p-eb88b348.entry.js} +2 -2
  330. package/dist/core/{p-5aab7bb1.entry.js.map → p-eb88b348.entry.js.map} +1 -1
  331. package/dist/core/p-eca2fea1.js +2 -0
  332. package/dist/core/p-eca2fea1.js.map +1 -0
  333. package/dist/core/{p-00df60bd.entry.js → p-edeb3823.entry.js} +2 -2
  334. package/dist/core/p-edeb3823.entry.js.map +1 -0
  335. package/dist/core/{p-bcf8c3d9.entry.js → p-ef07630d.entry.js} +2 -2
  336. package/dist/core/{p-bcf8c3d9.entry.js.map → p-ef07630d.entry.js.map} +1 -1
  337. package/dist/core/p-f6141c29.entry.js +2 -0
  338. package/dist/core/p-f6141c29.entry.js.map +1 -0
  339. package/dist/core/{p-f39cf9b1.entry.js → p-f6eaec92.entry.js} +2 -2
  340. package/dist/core/{p-09472c5e.entry.js → p-f9a16fa8.entry.js} +2 -2
  341. package/dist/core/{p-09472c5e.entry.js.map → p-f9a16fa8.entry.js.map} +1 -1
  342. package/dist/core/{p-ba444517.entry.js → p-fb1fce87.entry.js} +2 -2
  343. package/dist/core/{p-ba444517.entry.js.map → p-fb1fce87.entry.js.map} +1 -1
  344. package/dist/core/{p-9e4a0c01.entry.js → p-fb8214a9.entry.js} +2 -2
  345. package/dist/core/{p-9e4a0c01.entry.js.map → p-fb8214a9.entry.js.map} +1 -1
  346. package/dist/core/{p-bf903faa.entry.js → p-fb8d27fa.entry.js} +2 -2
  347. package/dist/core/{p-bf903faa.entry.js.map → p-fb8d27fa.entry.js.map} +1 -1
  348. package/dist/core/{p-75061bd0.entry.js → p-fbcc2a11.entry.js} +2 -2
  349. package/dist/core/p-fbcc2a11.entry.js.map +1 -0
  350. package/dist/esm/core.js +1 -1
  351. package/dist/esm/{helpers-fb59efa8.js → helpers-fc03923c.js} +22 -38
  352. package/dist/esm/helpers-fc03923c.js.map +1 -0
  353. package/dist/esm/ic-accordion-group.entry.js +1 -1
  354. package/dist/esm/ic-accordion.entry.js +1 -1
  355. package/dist/esm/ic-alert.entry.js +1 -1
  356. package/dist/esm/ic-back-to-top.entry.js +1 -1
  357. package/dist/esm/ic-badge.entry.js +4 -4
  358. package/dist/esm/ic-badge.entry.js.map +1 -1
  359. package/dist/esm/ic-breadcrumb-group.entry.js +56 -76
  360. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  361. package/dist/esm/ic-breadcrumb.entry.js +32 -51
  362. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  363. package/dist/esm/ic-button_3.entry.js +111 -132
  364. package/dist/esm/ic-button_3.entry.js.map +1 -1
  365. package/dist/esm/ic-card-vertical.entry.js +5 -5
  366. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  367. package/dist/esm/ic-checkbox-group.entry.js +9 -10
  368. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  369. package/dist/esm/ic-checkbox_3.entry.js +36 -35
  370. package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
  371. package/dist/esm/ic-chip.entry.js +26 -38
  372. package/dist/esm/ic-chip.entry.js.map +1 -1
  373. package/dist/esm/ic-data-list.entry.js +2 -2
  374. package/dist/esm/ic-data-list.entry.js.map +1 -1
  375. package/dist/esm/ic-data-row.entry.js +3 -3
  376. package/dist/esm/ic-data-row.entry.js.map +1 -1
  377. package/dist/esm/ic-data-table.entry.js +7 -7
  378. package/dist/esm/ic-data-table.entry.js.map +1 -1
  379. package/dist/esm/ic-dialog.entry.js +2 -2
  380. package/dist/esm/ic-dialog.entry.js.map +1 -1
  381. package/dist/esm/ic-divider.entry.js +1 -1
  382. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  383. package/dist/esm/ic-footer-link.entry.js +3 -3
  384. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  385. package/dist/esm/ic-footer.entry.js +1 -1
  386. package/dist/esm/ic-hero.entry.js +5 -5
  387. package/dist/esm/ic-hero.entry.js.map +1 -1
  388. package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
  389. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  390. package/dist/esm/ic-input-component-container_3.entry.js +9 -9
  391. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  392. package/dist/esm/ic-input-label_2.entry.js +8 -8
  393. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  394. package/dist/esm/ic-link.entry.js +21 -3
  395. package/dist/esm/ic-link.entry.js.map +1 -1
  396. package/dist/esm/ic-menu-group.entry.js +2 -2
  397. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  398. package/dist/esm/ic-menu-item.entry.js +5 -5
  399. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  400. package/dist/esm/ic-navigation-button.entry.js +3 -3
  401. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  402. package/dist/esm/ic-navigation-group.entry.js +2 -2
  403. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  404. package/dist/esm/ic-navigation-item.entry.js +3 -3
  405. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  406. package/dist/esm/ic-navigation-menu.entry.js +5 -5
  407. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  408. package/dist/esm/ic-page-header.entry.js +7 -7
  409. package/dist/esm/ic-page-header.entry.js.map +1 -1
  410. package/dist/esm/ic-pagination_4.entry.js +43 -40
  411. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  412. package/dist/esm/ic-popover-menu.entry.js +8 -7
  413. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  414. package/dist/esm/ic-radio-group.entry.js +5 -5
  415. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  416. package/dist/esm/ic-radio-option.entry.js +5 -5
  417. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  418. package/dist/esm/ic-search-bar.entry.js +112 -135
  419. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  420. package/dist/esm/ic-section-container.entry.js +2 -2
  421. package/dist/esm/ic-section-container.entry.js.map +1 -1
  422. package/dist/esm/ic-side-navigation.entry.js +6 -6
  423. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  424. package/dist/esm/ic-skeleton.entry.js +2 -2
  425. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  426. package/dist/esm/ic-skip-link.entry.js +2 -2
  427. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  428. package/dist/esm/ic-status-tag.entry.js +3 -3
  429. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  430. package/dist/esm/ic-step.entry.js +14 -14
  431. package/dist/esm/ic-step.entry.js.map +1 -1
  432. package/dist/esm/ic-stepper.entry.js +3 -3
  433. package/dist/esm/ic-stepper.entry.js.map +1 -1
  434. package/dist/esm/ic-switch.entry.js +6 -6
  435. package/dist/esm/ic-switch.entry.js.map +1 -1
  436. package/dist/esm/ic-tab-context.entry.js +1 -1
  437. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  438. package/dist/esm/ic-tab-group.entry.js +3 -3
  439. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  440. package/dist/esm/ic-tab-panel.entry.js +2 -2
  441. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  442. package/dist/esm/ic-tab.entry.js +3 -3
  443. package/dist/esm/ic-tab.entry.js.map +1 -1
  444. package/dist/esm/ic-theme.entry.js +2 -2
  445. package/dist/esm/ic-theme.entry.js.map +1 -1
  446. package/dist/esm/ic-toast-region.entry.js +1 -1
  447. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  448. package/dist/esm/ic-toast.entry.js +4 -4
  449. package/dist/esm/ic-toast.entry.js.map +1 -1
  450. package/dist/esm/ic-toggle-button-group.entry.js +3 -3
  451. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  452. package/dist/esm/ic-toggle-button.entry.js +3 -3
  453. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  454. package/dist/esm/ic-top-navigation.entry.js +5 -5
  455. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  456. package/dist/esm/ic-tree-item.entry.js +7 -2
  457. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  458. package/dist/esm/ic-typography.entry.js +3 -3
  459. package/dist/esm/ic-typography.entry.js.map +1 -1
  460. package/dist/esm/loader.js +1 -1
  461. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +7 -0
  462. package/dist/types/components.d.ts +5 -0
  463. package/hydrate/index.js +607 -692
  464. package/hydrate/index.mjs +607 -692
  465. package/package.json +3 -3
  466. package/dist/cjs/helpers-e2bbcec9.js.map +0 -1
  467. package/dist/core/p-00df60bd.entry.js.map +0 -1
  468. package/dist/core/p-1024726b.entry.js +0 -2
  469. package/dist/core/p-1024726b.entry.js.map +0 -1
  470. package/dist/core/p-315ac907.entry.js +0 -2
  471. package/dist/core/p-315ac907.entry.js.map +0 -1
  472. package/dist/core/p-3ec9c8c2.entry.js +0 -2
  473. package/dist/core/p-3ec9c8c2.entry.js.map +0 -1
  474. package/dist/core/p-423c721c.entry.js +0 -2
  475. package/dist/core/p-423c721c.entry.js.map +0 -1
  476. package/dist/core/p-4933549f.entry.js +0 -2
  477. package/dist/core/p-4933549f.entry.js.map +0 -1
  478. package/dist/core/p-4c77e828.entry.js +0 -2
  479. package/dist/core/p-4c77e828.entry.js.map +0 -1
  480. package/dist/core/p-657321ee.entry.js +0 -2
  481. package/dist/core/p-657321ee.entry.js.map +0 -1
  482. package/dist/core/p-661f22bd.entry.js +0 -2
  483. package/dist/core/p-661f22bd.entry.js.map +0 -1
  484. package/dist/core/p-71166167.entry.js +0 -2
  485. package/dist/core/p-71166167.entry.js.map +0 -1
  486. package/dist/core/p-75061bd0.entry.js.map +0 -1
  487. package/dist/core/p-bdbd185c.js +0 -2
  488. package/dist/core/p-bdbd185c.js.map +0 -1
  489. package/dist/core/p-c3ba79d7.entry.js.map +0 -1
  490. package/dist/core/p-fc852e9b.entry.js +0 -2
  491. package/dist/core/p-fc852e9b.entry.js.map +0 -1
  492. package/dist/core/p-fe85b5b2.entry.js +0 -2
  493. package/dist/core/p-fe85b5b2.entry.js.map +0 -1
  494. package/dist/esm/helpers-fb59efa8.js.map +0 -1
  495. /package/dist/core/{p-fa08e75c.entry.js.map → p-1fd22368.entry.js.map} +0 -0
  496. /package/dist/core/{p-45dbbdcb.entry.js.map → p-45f32fea.entry.js.map} +0 -0
  497. /package/dist/core/{p-9689784b.entry.js.map → p-6e0f4278.entry.js.map} +0 -0
  498. /package/dist/core/{p-29f472ab.entry.js.map → p-84daed4d.entry.js.map} +0 -0
  499. /package/dist/core/{p-02cee2a0.entry.js.map → p-b7d117e8.entry.js.map} +0 -0
  500. /package/dist/core/{p-27780b85.entry.js.map → p-b92e5fb3.entry.js.map} +0 -0
  501. /package/dist/core/{p-f39cf9b1.entry.js.map → p-f6eaec92.entry.js.map} +0 -0
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d337cd8a.js');
6
- const helpers = require('./helpers-e2bbcec9.js');
6
+ const helpers = require('./helpers-f4e7322b.js');
7
7
 
8
- const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
8
+ const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-text-primary-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
9
9
  const IcBadgeStyle0 = icBadgeCss;
10
10
 
11
11
  const TOP_NAVIGATION = "IC-TOP-NAVIGATION";
@@ -151,7 +151,7 @@ const Badge = class {
151
151
  }
152
152
  render() {
153
153
  const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
154
- return (index.h(index.Host, { key: 'c55c73aa83e0b1612a0545696091955c110f28b3', class: {
154
+ return (index.h(index.Host, { key: '720f5c35c4d16cc484ea53a0f277befdbb087883', class: {
155
155
  [`ic-badge-${position}`]: true,
156
156
  [`ic-badge-${size}`]: true,
157
157
  [`ic-badge-${variant}`]: true,
@@ -159,7 +159,7 @@ const Badge = class {
159
159
  [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
160
160
  [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
161
161
  [`ic-theme-${theme}`]: theme !== "inherit",
162
- }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && index.h("slot", { key: '69638833e6ac739848e645fa22f2732326fe24fe', name: "badge-icon" }), type === "text" && label && (index.h("ic-typography", { key: '841ec60f30d95c32c30e29c533157fdf199bdb2d', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && index.h("span", { key: '9d1198260090039de3093bf0fa191ff09cfd0408', class: "sr-only" }, "badge")));
162
+ }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && index.h("slot", { key: '611a931cbdbfd72a7031adaec19d9cd5f83b097a', name: "badge-icon" }), type === "text" && label && (index.h("ic-typography", { key: '57620b02829df5547546474ad337f3cc23bb19c4', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && index.h("span", { key: '6f583cc04572a1818afc11e43cb5b41f95afe630', class: "sr-only" }, "badge")));
163
163
  }
164
164
  static get delegatesFocus() { return true; }
165
165
  get el() { return index.getElement(this); }
@@ -1 +1 @@
1
- {"file":"ic-badge.entry.cjs.js","mappings":"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","names":["convertToRGBA","getBrandForegroundAppearance","isPropDefined","onComponentRequiredPropUndefined","h","Host"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host ic-typography {\n --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n --ic-typography-color: var(--ic-color-primary-text-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n right: -9999px;\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\nconst SIDE_NAVIGATION = \"IC-SIDE-NAVIGATION\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n constructor() {\n var _a;\n this.ariaLabel = null;\n this.initialPosition = (_a = this.position) !== null && _a !== void 0 ? _a : \"far\";\n /**\n * The positioning of the badge in reference to the parent element.\n */\n this.position = \"far\";\n /**\n * The size of the badge to be displayed.\n */\n this.size = \"medium\";\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 type of badge to be displayed.\n */\n this.type = \"text\";\n /**\n * The variant of the badge to be displayed.\n */\n this.variant = \"neutral\";\n /**\n * If `true`, the badge will be displayed.\n */\n this.visible = true;\n this.setBadgeColour = () => {\n const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n }\n };\n this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n this.setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n if (parentEl) {\n const { tagName } = parentEl;\n if (tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : null;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.setPositionInTopNavigation = () => {\n this.position = this.isInMobileMode() ? \"inline\" : this.initialPosition;\n };\n this.setPositionInSideNavigation = () => {\n this.position = \"near\";\n };\n this.isInTopNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION);\n };\n this.isInSideNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION);\n };\n this.isInMobileMode = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION) &&\n grandparentEl.classList.contains(\"mobile-mode\")) ||\n (((greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION) &&\n greatGrandparentEl.classList.contains(\"mobile-mode\")));\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n }\n accessibleLabelHandler() {\n this.setAccessibleLabel();\n }\n customColorHandler() {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n variantHandler() {\n if (this.variant === \"custom\") {\n this.setBadgeColour();\n }\n }\n visibleHandler() {\n this.setAccessibleLabel();\n }\n componentWillLoad() {\n var _a;\n this.variant === \"custom\" && this.setBadgeColour();\n const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;\n if (ariaLabel)\n this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n componentDidLoad() {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Badge\");\n }\n componentWillRender() {\n this.isInTopNav() && this.setPositionInTopNavigation();\n this.isInSideNav() && this.setPositionInSideNavigation();\n }\n navBarMenuOpenHandler() {\n this.isInTopNav() && (this.position = \"inline\");\n }\n navBarMenuCloseHandler() {\n this.isInTopNav() && (this.position = this.initialPosition);\n }\n render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { key: 'c55c73aa83e0b1612a0545696091955c110f28b3', class: {\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === \"custom\",\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, id: el.id || null, \"aria-label\": ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { key: '69638833e6ac739848e645fa22f2732326fe24fe', name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { key: '841ec60f30d95c32c30e29c533157fdf199bdb2d', variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { key: '9d1198260090039de3093bf0fa191ff09cfd0408', class: \"sr-only\" }, \"badge\")));\n }\n static get is() { return \"ic-badge\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get properties() {\n return {\n \"accessibleLabel\": {\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 accessible label of the badge component to provide context for screen reader users.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"accessible-label\",\n \"reflect\": false\n },\n \"customColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcColor\",\n \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | undefined\",\n \"references\": {\n \"IcColor\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcColor\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"custom-color\",\n \"reflect\": false\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and label is not empty.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"max-number\",\n \"reflect\": false\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcBadgePositions\",\n \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\" | undefined\",\n \"references\": {\n \"IcBadgePositions\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The positioning of the badge in reference to the parent element.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"far\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"label\": {\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 text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\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 \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeTypes\",\n \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\" | undefined\",\n \"references\": {\n \"IcBadgeTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeVariants\",\n \"resolved\": \"\\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n \"references\": {\n \"IcBadgeVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"visible\": {\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 badge will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"visible\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"accessibleLabel\",\n \"methodName\": \"accessibleLabelHandler\"\n }, {\n \"propName\": \"customColor\",\n \"methodName\": \"customColorHandler\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"variantHandler\"\n }, {\n \"propName\": \"visible\",\n \"methodName\": \"visibleHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icNavigationMenuOpened\",\n \"method\": \"navBarMenuOpenHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icNavigationMenuClosed\",\n \"method\": \"navBarMenuCloseHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"version":3}
1
+ {"file":"ic-badge.entry.cjs.js","mappings":"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","names":["convertToRGBA","getBrandForegroundAppearance","isPropDefined","onComponentRequiredPropUndefined","h","Host"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host ic-typography {\n --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n right: -9999px;\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\nconst SIDE_NAVIGATION = \"IC-SIDE-NAVIGATION\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n constructor() {\n var _a;\n this.ariaLabel = null;\n this.initialPosition = (_a = this.position) !== null && _a !== void 0 ? _a : \"far\";\n /**\n * The positioning of the badge in reference to the parent element.\n */\n this.position = \"far\";\n /**\n * The size of the badge to be displayed.\n */\n this.size = \"medium\";\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 type of badge to be displayed.\n */\n this.type = \"text\";\n /**\n * The variant of the badge to be displayed.\n */\n this.variant = \"neutral\";\n /**\n * If `true`, the badge will be displayed.\n */\n this.visible = true;\n this.setBadgeColour = () => {\n const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n }\n };\n this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n this.setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n if (parentEl) {\n const { tagName } = parentEl;\n if (tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : null;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.setPositionInTopNavigation = () => {\n this.position = this.isInMobileMode() ? \"inline\" : this.initialPosition;\n };\n this.setPositionInSideNavigation = () => {\n this.position = \"near\";\n };\n this.isInTopNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION);\n };\n this.isInSideNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION);\n };\n this.isInMobileMode = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION) &&\n grandparentEl.classList.contains(\"mobile-mode\")) ||\n (((greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION) &&\n greatGrandparentEl.classList.contains(\"mobile-mode\")));\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n }\n accessibleLabelHandler() {\n this.setAccessibleLabel();\n }\n customColorHandler() {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n variantHandler() {\n if (this.variant === \"custom\") {\n this.setBadgeColour();\n }\n }\n visibleHandler() {\n this.setAccessibleLabel();\n }\n componentWillLoad() {\n var _a;\n this.variant === \"custom\" && this.setBadgeColour();\n const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;\n if (ariaLabel)\n this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n componentDidLoad() {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Badge\");\n }\n componentWillRender() {\n this.isInTopNav() && this.setPositionInTopNavigation();\n this.isInSideNav() && this.setPositionInSideNavigation();\n }\n navBarMenuOpenHandler() {\n this.isInTopNav() && (this.position = \"inline\");\n }\n navBarMenuCloseHandler() {\n this.isInTopNav() && (this.position = this.initialPosition);\n }\n render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { key: '720f5c35c4d16cc484ea53a0f277befdbb087883', class: {\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === \"custom\",\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, id: el.id || null, \"aria-label\": ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { key: '611a931cbdbfd72a7031adaec19d9cd5f83b097a', name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { key: '57620b02829df5547546474ad337f3cc23bb19c4', variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { key: '6f583cc04572a1818afc11e43cb5b41f95afe630', class: \"sr-only\" }, \"badge\")));\n }\n static get is() { return \"ic-badge\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get properties() {\n return {\n \"accessibleLabel\": {\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 accessible label of the badge component to provide context for screen reader users.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"accessible-label\",\n \"reflect\": false\n },\n \"customColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcColor\",\n \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | undefined\",\n \"references\": {\n \"IcColor\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcColor\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"custom-color\",\n \"reflect\": false\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and label is not empty.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"max-number\",\n \"reflect\": false\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcBadgePositions\",\n \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\" | undefined\",\n \"references\": {\n \"IcBadgePositions\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The positioning of the badge in reference to the parent element.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"far\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"label\": {\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 text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\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 \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeTypes\",\n \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\" | undefined\",\n \"references\": {\n \"IcBadgeTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeVariants\",\n \"resolved\": \"\\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n \"references\": {\n \"IcBadgeVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"visible\": {\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 badge will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"visible\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"accessibleLabel\",\n \"methodName\": \"accessibleLabelHandler\"\n }, {\n \"propName\": \"customColor\",\n \"methodName\": \"customColorHandler\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"variantHandler\"\n }, {\n \"propName\": \"visible\",\n \"methodName\": \"visibleHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icNavigationMenuOpened\",\n \"method\": \"navBarMenuOpenHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icNavigationMenuClosed\",\n \"method\": \"navBarMenuCloseHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"version":3}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d337cd8a.js');
6
- const helpers = require('./helpers-e2bbcec9.js');
6
+ const helpers = require('./helpers-f4e7322b.js');
7
7
 
8
8
  const icBreadcrumbGroupCss = ":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}";
9
9
  const IcBreadcrumbGroupStyle0 = icBreadcrumbGroupCss;
@@ -13,10 +13,11 @@ const BreadcrumbGroup = class {
13
13
  index.registerInstance(this, hostRef);
14
14
  this.ADD_CLASS_DELAY = 50;
15
15
  this.IC_BREADCRUMB = "ic-breadcrumb";
16
- this.resizeObserver = null;
17
16
  this.SHOW_BACK_ICON = "show-back-icon";
17
+ this.collapsedBreadcrumbs = [];
18
+ this.resizeObserver = null;
19
+ this.lastParentBreadcrumb = null;
18
20
  this.deviceSize = helpers.DEVICE_SIZES.XL;
19
- this.expandedBreadcrumbs = false;
20
21
  /**
21
22
  * If `true`, display only a single breadcrumb for the parent page with a back icon.
22
23
  */
@@ -34,14 +35,12 @@ const BreadcrumbGroup = class {
34
35
  */
35
36
  this.theme = "inherit";
36
37
  this.setBreadcrumbTheme = () => {
37
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
38
- allBreadcrumbs.forEach((breadcrumb) => {
38
+ Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
39
39
  breadcrumb.theme = this.theme;
40
40
  });
41
41
  };
42
42
  this.setBreadcrumbMonochrome = () => {
43
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
44
- allBreadcrumbs.forEach((breadcrumb) => {
43
+ Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
45
44
  breadcrumb.monochrome = this.monochrome;
46
45
  });
47
46
  };
@@ -60,48 +59,48 @@ const BreadcrumbGroup = class {
60
59
  }
61
60
  };
62
61
  this.getLastParentBreadcrumb = () => {
63
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
64
- if (allBreadcrumbs.length === 1) {
65
- return null;
66
- }
67
- this.breadcrumbs = allBreadcrumbs;
68
- this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];
69
- return this.breadcrumb;
70
- };
71
- this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
72
- this.setDefaultBreadcrumbs = () => {
73
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
74
- allBreadcrumbs.forEach((breadcrumb) => {
75
- breadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
76
- });
62
+ const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);
63
+ return allBreadcrumbs.length > 1
64
+ ? allBreadcrumbs[allBreadcrumbs.length - 2]
65
+ : null;
77
66
  };
78
67
  this.setCollapsed = () => {
79
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
80
- const firstBreadcrumb = allBreadcrumbs[0];
81
- if (this.collapsedBreadcrumbs) {
82
- this.collapsedBreadcrumbs.forEach((breadcrumb) => {
83
- breadcrumb.classList.remove("visuallyhidden");
84
- breadcrumb.classList.remove("fade");
85
- });
86
- }
68
+ var _a, _b;
69
+ this.collapsedBreadcrumbs.forEach((breadcrumb) => {
70
+ breadcrumb.classList.remove("visuallyhidden");
71
+ breadcrumb.classList.remove("fade");
72
+ });
87
73
  if (this.collapsed) {
88
74
  this.renderCollapsedBreadcrumb();
75
+ const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
89
76
  this.collapsedBreadcrumbs = allBreadcrumbs
90
77
  .splice(1, allBreadcrumbs.length - 2)
91
78
  .filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
92
79
  if (!this.backBreadcrumbOnly) {
93
80
  this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
94
81
  }
95
- if (firstBreadcrumb) {
96
- firstBreadcrumb.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
82
+ if (this.collapsedBreadcrumbWrapper) {
83
+ (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
97
84
  }
98
85
  }
99
86
  else {
100
- this.collapsedBreadcrumbWrapper.remove();
87
+ (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();
101
88
  }
102
89
  };
103
90
  this.clickHandler = () => {
104
- this.handleHiddenCollapsedBreadcrumbs();
91
+ var _a;
92
+ (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();
93
+ this.collapsedBreadcrumbs.forEach((breadcrumb) => {
94
+ breadcrumb.classList.add("visuallyhidden");
95
+ breadcrumb.classList.remove("hide");
96
+ setTimeout(() => {
97
+ breadcrumb.classList.add("fade");
98
+ }, this.ADD_CLASS_DELAY);
99
+ breadcrumb.addEventListener("transitionend", this.transitionendHandler);
100
+ });
101
+ this.collapsed = false;
102
+ // Set focus to first unhidden breadcrumb
103
+ this.collapsedBreadcrumbs[0].setFocus();
105
104
  };
106
105
  this.renderCollapsedBreadcrumb = () => {
107
106
  if (this.collapsedBreadcrumbEl === undefined) {
@@ -112,12 +111,12 @@ const BreadcrumbGroup = class {
112
111
  ariaLabel.id = "collapsed-button-label";
113
112
  ariaLabel.innerText = "Collapsed breadcrumbs";
114
113
  ariaLabel.className = "hide";
115
- this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", "collapsed-button-label");
114
+ this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", ariaLabel.id);
116
115
  const ariaDescribed = document.createElement("span");
117
116
  ariaDescribed.id = "collapsed-button-described";
118
117
  ariaDescribed.innerText = "Select to view collapsed breadcrumbs";
119
118
  ariaDescribed.className = "hide";
120
- this.collapsedBreadcrumbEl.setAttribute("aria-describedby", "collapsed-button-described");
119
+ this.collapsedBreadcrumbEl.setAttribute("aria-describedby", ariaDescribed.id);
121
120
  this.collapsedBreadcrumbEl.id = "collapsed-ellipsis";
122
121
  this.collapsedBreadcrumbEl.innerText = "...";
123
122
  this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");
@@ -127,28 +126,11 @@ const BreadcrumbGroup = class {
127
126
  this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
128
127
  }
129
128
  };
130
- this.handleHiddenCollapsedBreadcrumbs = () => {
131
- this.collapsedBreadcrumbWrapper.remove();
132
- this.collapsedBreadcrumbs.forEach((breadcrumb) => {
133
- breadcrumb.classList.add("visuallyhidden");
134
- breadcrumb.classList.remove("hide");
135
- setTimeout(() => {
136
- breadcrumb.classList.add("fade");
137
- }, this.ADD_CLASS_DELAY);
138
- this.removeVisuallyHiddenClass(breadcrumb);
139
- });
140
- this.expandedBreadcrumbs = true;
141
- // Set focus to first unhidden breadcrumb
142
- this.collapsedBreadcrumbs[0].setFocus();
143
- };
144
129
  this.transitionendHandler = (event) => {
145
130
  if (event.propertyName === "opacity") {
146
131
  event.target.classList.remove("visuallyhidden");
147
132
  }
148
133
  };
149
- this.removeVisuallyHiddenClass = (breadcrumb) => {
150
- breadcrumb.addEventListener("transitionend", this.transitionendHandler);
151
- };
152
134
  this.setLastParentCollapsedBackBreadcrumb = () => {
153
135
  this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
154
136
  this.setBackBreadcrumbAttr();
@@ -168,8 +150,9 @@ const BreadcrumbGroup = class {
168
150
  this.resizeObserverCallback = (currSize) => {
169
151
  if (currSize !== this.deviceSize) {
170
152
  this.deviceSize = currSize;
171
- if (this.deviceSize <= helpers.DEVICE_SIZES.S) {
172
- this.el.setAttribute("back-breadcrumb-only", "true");
153
+ const isSmallDevice = this.deviceSize <= helpers.DEVICE_SIZES.S;
154
+ this.el.setAttribute("back-breadcrumb-only", `${isSmallDevice}`);
155
+ if (isSmallDevice) {
173
156
  if (this.collapsed) {
174
157
  this.setLastParentCollapsedBackBreadcrumb();
175
158
  }
@@ -178,26 +161,22 @@ const BreadcrumbGroup = class {
178
161
  }
179
162
  }
180
163
  else {
181
- this.el.setAttribute("back-breadcrumb-only", "false");
182
- if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {
164
+ const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
165
+ if (this.collapsed && allBreadcrumbs.length > 2) {
183
166
  this.revertLastParentCollapsedBreadcrumb();
184
- if (this.expandedBreadcrumbs) {
185
- this.setDefaultBreadcrumbs();
186
- }
187
- else {
188
- this.setCollapsed();
189
- }
167
+ this.setCollapsed();
190
168
  }
191
169
  else {
192
- this.setDefaultBreadcrumbs();
170
+ allBreadcrumbs.forEach((breadcrumb) => {
171
+ breadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
172
+ });
193
173
  }
194
174
  }
195
175
  }
196
176
  };
197
177
  this.runResizeObserver = () => {
198
178
  this.resizeObserver = new ResizeObserver(() => {
199
- const currSize = helpers.getCurrentDeviceSize();
200
- this.resizeObserverCallback(currSize);
179
+ this.resizeObserverCallback(helpers.getCurrentDeviceSize());
201
180
  });
202
181
  this.resizeObserver.observe(this.el);
203
182
  };
@@ -215,7 +194,6 @@ const BreadcrumbGroup = class {
215
194
  this.setBreadcrumbTheme();
216
195
  }
217
196
  componentWillLoad() {
218
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
219
197
  this.setBreadcrumbTheme();
220
198
  this.setBreadcrumbMonochrome();
221
199
  if (this.backBreadcrumbOnly) {
@@ -224,7 +202,8 @@ const BreadcrumbGroup = class {
224
202
  else {
225
203
  helpers.checkResizeObserver(this.runResizeObserver);
226
204
  }
227
- if (this.collapsed && allBreadcrumbs.length > 2) {
205
+ if (this.collapsed &&
206
+ this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {
228
207
  if (helpers.getCurrentDeviceSize() === helpers.DEVICE_SIZES.S) {
229
208
  this.setLastParentCollapsedBackBreadcrumb();
230
209
  }
@@ -232,19 +211,20 @@ const BreadcrumbGroup = class {
232
211
  this.setCollapsed();
233
212
  }
234
213
  }
214
+ this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
235
215
  }
236
216
  disconnectedCallback() {
237
- this.breadcrumb &&
238
- this.breadcrumb.removeEventListener("transitionend", this.transitionendHandler);
239
- this.collapsedBreadcrumbEl &&
240
- this.collapsedBreadcrumbEl.removeEventListener("click", this.clickHandler);
217
+ var _a, _b;
218
+ (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionendHandler);
219
+ (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.clickHandler);
241
220
  }
242
221
  render() {
243
- return (index.h(index.Host, { key: 'b505c4bef9ebc23c7f77b21f77f9db5975d0eea1', class: {
244
- "ic-breadcrumb-group-back": !!this.backBreadcrumbOnly,
245
- "ic-breadcrumb-group-collapsed": !!this.collapsed,
246
- [`ic-theme-${this.theme}`]: this.theme !== "inherit",
247
- } }, index.h("nav", { key: 'ec1db09900bbff5be1e7f2e83518834a0eb0ff22', "aria-label": "breadcrumbs" }, index.h("ol", { key: 'b13e6daeefb0e4d1785221249f4d38bf3f207922' }, index.h("slot", { key: 'b33ff6c552a6f7251afeb6a804b4761e0febe198' })))));
222
+ const { backBreadcrumbOnly, collapsed, theme } = this;
223
+ return (index.h(index.Host, { key: '6007593369d986d18d2c4cad15227da06bdf83b3', class: {
224
+ "ic-breadcrumb-group-back": backBreadcrumbOnly,
225
+ "ic-breadcrumb-group-collapsed": collapsed,
226
+ [`ic-theme-${theme}`]: theme !== "inherit",
227
+ } }, index.h("nav", { key: 'd20e99632bc38dec96220f3d352782a92370f18c', "aria-label": "breadcrumbs" }, index.h("ol", { key: '780819660c759cf6b3e468fd50fbc02a723ee94b' }, index.h("slot", { key: '9ab668b5b936d967dfa6fca4d72be882456b8b4e' })))));
248
228
  }
249
229
  get el() { return index.getElement(this); }
250
230
  static get watchers() { return {
@@ -1 +1 @@
1
- {"file":"ic-breadcrumb-group.entry.cjs.js","mappings":"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","names":["DEVICE_SIZES","getCurrentDeviceSize","checkResizeObserver","h","Host"],"sources":["../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js"],"sourcesContent":[":host {\n display: block;\n}\n\n:host ol {\n display: flex;\n list-style-type: none;\n align-items: center;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n ol\n ::slotted(ic-breadcrumb.visuallyhidden) {\n display: block;\n opacity: 0;\n transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n opacity: 1;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, } from \"../../utils/helpers\";\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n constructor() {\n this.ADD_CLASS_DELAY = 50;\n this.IC_BREADCRUMB = \"ic-breadcrumb\";\n this.resizeObserver = null;\n this.SHOW_BACK_ICON = \"show-back-icon\";\n this.deviceSize = DEVICE_SIZES.XL;\n this.expandedBreadcrumbs = false;\n /**\n * If `true`, display only a single breadcrumb for the parent page with a back icon.\n */\n this.backBreadcrumbOnly = false;\n /**\n * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n */\n this.collapsed = false;\n /**\n * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n */\n this.monochrome = false;\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 this.setBreadcrumbTheme = () => {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.theme = this.theme;\n });\n };\n this.setBreadcrumbMonochrome = () => {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.monochrome = this.monochrome;\n });\n };\n this.setBackBreadcrumb = () => {\n if (this.backBreadcrumbOnly) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.revertLastParentCollapsedBreadcrumb();\n }\n };\n this.setBackBreadcrumbAttr = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.add(\"show\");\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n }\n };\n this.getLastParentBreadcrumb = () => {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n if (allBreadcrumbs.length === 1) {\n return null;\n }\n this.breadcrumbs = allBreadcrumbs;\n this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];\n return this.breadcrumb;\n };\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n this.setDefaultBreadcrumbs = () => {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n });\n };\n this.setCollapsed = () => {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n const firstBreadcrumb = allBreadcrumbs[0];\n if (this.collapsedBreadcrumbs) {\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.remove(\"visuallyhidden\");\n breadcrumb.classList.remove(\"fade\");\n });\n }\n if (this.collapsed) {\n this.renderCollapsedBreadcrumb();\n this.collapsedBreadcrumbs = allBreadcrumbs\n .splice(1, allBreadcrumbs.length - 2)\n .filter((breadcrumb) => !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\"));\n if (!this.backBreadcrumbOnly) {\n this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n }\n if (firstBreadcrumb) {\n firstBreadcrumb.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n }\n }\n else {\n this.collapsedBreadcrumbWrapper.remove();\n }\n };\n this.clickHandler = () => {\n this.handleHiddenCollapsedBreadcrumbs();\n };\n this.renderCollapsedBreadcrumb = () => {\n if (this.collapsedBreadcrumbEl === undefined) {\n this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n this.collapsedBreadcrumbWrapper.classList.add(\"collapsed-breadcrumb-wrapper\");\n this.collapsedBreadcrumbEl = document.createElement(\"button\");\n const ariaLabel = document.createElement(\"span\");\n ariaLabel.id = \"collapsed-button-label\";\n ariaLabel.innerText = \"Collapsed breadcrumbs\";\n ariaLabel.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", \"collapsed-button-label\");\n const ariaDescribed = document.createElement(\"span\");\n ariaDescribed.id = \"collapsed-button-described\";\n ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n ariaDescribed.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-describedby\", \"collapsed-button-described\");\n this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n this.collapsedBreadcrumbEl.innerText = \"...\";\n this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n this.collapsedBreadcrumbWrapper.append(ariaLabel);\n this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n }\n };\n this.handleHiddenCollapsedBreadcrumbs = () => {\n this.collapsedBreadcrumbWrapper.remove();\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.add(\"visuallyhidden\");\n breadcrumb.classList.remove(\"hide\");\n setTimeout(() => {\n breadcrumb.classList.add(\"fade\");\n }, this.ADD_CLASS_DELAY);\n this.removeVisuallyHiddenClass(breadcrumb);\n });\n this.expandedBreadcrumbs = true;\n // Set focus to first unhidden breadcrumb\n this.collapsedBreadcrumbs[0].setFocus();\n };\n this.transitionendHandler = (event) => {\n if (event.propertyName === \"opacity\") {\n event.target.classList.remove(\"visuallyhidden\");\n }\n };\n this.removeVisuallyHiddenClass = (breadcrumb) => {\n breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n };\n this.setLastParentCollapsedBackBreadcrumb = () => {\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n this.setBackBreadcrumbAttr();\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.remove(\"hide\");\n this.lastParentBreadcrumb.classList.add(\"show\");\n }\n };\n this.revertLastParentCollapsedBreadcrumb = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n if (this.collapsed) {\n this.lastParentBreadcrumb.classList.add(\"hide\");\n }\n }\n };\n this.resizeObserverCallback = (currSize) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n if (this.deviceSize <= DEVICE_SIZES.S) {\n this.el.setAttribute(\"back-breadcrumb-only\", \"true\");\n if (this.collapsed) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setBackBreadcrumb();\n }\n }\n else {\n this.el.setAttribute(\"back-breadcrumb-only\", \"false\");\n if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {\n this.revertLastParentCollapsedBreadcrumb();\n if (this.expandedBreadcrumbs) {\n this.setDefaultBreadcrumbs();\n }\n else {\n this.setCollapsed();\n }\n }\n else {\n this.setDefaultBreadcrumbs();\n }\n }\n }\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n const currSize = getCurrentDeviceSize();\n this.resizeObserverCallback(currSize);\n });\n this.resizeObserver.observe(this.el);\n };\n }\n watchBackBreadcrumbHandler() {\n this.setBackBreadcrumb();\n }\n watchCollapsedHandler() {\n this.setCollapsed();\n }\n watchMonochromeHandler() {\n this.setBreadcrumbMonochrome();\n }\n watchThemeHandler() {\n this.setBreadcrumbTheme();\n }\n componentWillLoad() {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n this.setBreadcrumbTheme();\n this.setBreadcrumbMonochrome();\n if (this.backBreadcrumbOnly) {\n this.setBackBreadcrumb();\n }\n else {\n checkResizeObserver(this.runResizeObserver);\n }\n if (this.collapsed && allBreadcrumbs.length > 2) {\n if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setCollapsed();\n }\n }\n }\n disconnectedCallback() {\n this.breadcrumb &&\n this.breadcrumb.removeEventListener(\"transitionend\", this.transitionendHandler);\n this.collapsedBreadcrumbEl &&\n this.collapsedBreadcrumbEl.removeEventListener(\"click\", this.clickHandler);\n }\n render() {\n return (h(Host, { key: 'b505c4bef9ebc23c7f77b21f77f9db5975d0eea1', class: {\n \"ic-breadcrumb-group-back\": !!this.backBreadcrumbOnly,\n \"ic-breadcrumb-group-collapsed\": !!this.collapsed,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"nav\", { key: 'ec1db09900bbff5be1e7f2e83518834a0eb0ff22', \"aria-label\": \"breadcrumbs\" }, h(\"ol\", { key: 'b13e6daeefb0e4d1785221249f4d38bf3f207922' }, h(\"slot\", { key: 'b33ff6c552a6f7251afeb6a804b4761e0febe198' })))));\n }\n static get is() { return \"ic-breadcrumb-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get properties() {\n return {\n \"backBreadcrumbOnly\": {\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`, display only a single breadcrumb for the parent page with a back icon.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"back-breadcrumb-only\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"collapsed\": {\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`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"collapsed\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"monochrome\": {\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 breadcrumb group will display as black in the light theme, and white in the dark theme.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\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 };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"expandedBreadcrumbs\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"backBreadcrumbOnly\",\n \"methodName\": \"watchBackBreadcrumbHandler\"\n }, {\n \"propName\": \"collapsed\",\n \"methodName\": \"watchCollapsedHandler\"\n }, {\n \"propName\": \"monochrome\",\n \"methodName\": \"watchMonochromeHandler\"\n }, {\n \"propName\": \"theme\",\n \"methodName\": \"watchThemeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"version":3}
1
+ {"file":"ic-breadcrumb-group.entry.cjs.js","mappings":"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","names":["DEVICE_SIZES","getCurrentDeviceSize","checkResizeObserver","h","Host"],"sources":["../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css?tag=ic-breadcrumb-group&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js"],"sourcesContent":[":host {\n display: block;\n}\n\n:host ol {\n display: flex;\n list-style-type: none;\n align-items: center;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb) {\n display: none;\n}\n\n:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show) {\n display: flex;\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n:host(.ic-breadcrumb-group-collapsed)\n ol\n ::slotted(ic-breadcrumb.visuallyhidden) {\n display: block;\n opacity: 0;\n transition: all var(--ic-easing-transition-slow);\n}\n\n:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade) {\n opacity: 1;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, } from \"../../utils/helpers\";\n// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.\nexport class BreadcrumbGroup {\n constructor() {\n this.ADD_CLASS_DELAY = 50;\n this.IC_BREADCRUMB = \"ic-breadcrumb\";\n this.SHOW_BACK_ICON = \"show-back-icon\";\n this.collapsedBreadcrumbs = [];\n this.resizeObserver = null;\n this.lastParentBreadcrumb = null;\n this.deviceSize = DEVICE_SIZES.XL;\n /**\n * If `true`, display only a single breadcrumb for the parent page with a back icon.\n */\n this.backBreadcrumbOnly = false;\n /**\n * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\n */\n this.collapsed = false;\n /**\n * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\n */\n this.monochrome = false;\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 this.setBreadcrumbTheme = () => {\n Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n breadcrumb.theme = this.theme;\n });\n };\n this.setBreadcrumbMonochrome = () => {\n Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {\n breadcrumb.monochrome = this.monochrome;\n });\n };\n this.setBackBreadcrumb = () => {\n if (this.backBreadcrumbOnly) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.revertLastParentCollapsedBreadcrumb();\n }\n };\n this.setBackBreadcrumbAttr = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.add(\"show\");\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"true\");\n }\n };\n this.getLastParentBreadcrumb = () => {\n const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);\n return allBreadcrumbs.length > 1\n ? allBreadcrumbs[allBreadcrumbs.length - 2]\n : null;\n };\n this.setCollapsed = () => {\n var _a, _b;\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.remove(\"visuallyhidden\");\n breadcrumb.classList.remove(\"fade\");\n });\n if (this.collapsed) {\n this.renderCollapsedBreadcrumb();\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n this.collapsedBreadcrumbs = allBreadcrumbs\n .splice(1, allBreadcrumbs.length - 2)\n .filter((breadcrumb) => !breadcrumb.classList.contains(\"collapsed-breadcrumb-wrapper\"));\n if (!this.backBreadcrumbOnly) {\n this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add(\"hide\"));\n }\n if (this.collapsedBreadcrumbWrapper) {\n (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement(\"afterend\", this.collapsedBreadcrumbWrapper);\n }\n }\n else {\n (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();\n }\n };\n this.clickHandler = () => {\n var _a;\n (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();\n this.collapsedBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.classList.add(\"visuallyhidden\");\n breadcrumb.classList.remove(\"hide\");\n setTimeout(() => {\n breadcrumb.classList.add(\"fade\");\n }, this.ADD_CLASS_DELAY);\n breadcrumb.addEventListener(\"transitionend\", this.transitionendHandler);\n });\n this.collapsed = false;\n // Set focus to first unhidden breadcrumb\n this.collapsedBreadcrumbs[0].setFocus();\n };\n this.renderCollapsedBreadcrumb = () => {\n if (this.collapsedBreadcrumbEl === undefined) {\n this.collapsedBreadcrumbWrapper = document.createElement(\"ic-breadcrumb\");\n this.collapsedBreadcrumbWrapper.classList.add(\"collapsed-breadcrumb-wrapper\");\n this.collapsedBreadcrumbEl = document.createElement(\"button\");\n const ariaLabel = document.createElement(\"span\");\n ariaLabel.id = \"collapsed-button-label\";\n ariaLabel.innerText = \"Collapsed breadcrumbs\";\n ariaLabel.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-labelledby\", ariaLabel.id);\n const ariaDescribed = document.createElement(\"span\");\n ariaDescribed.id = \"collapsed-button-described\";\n ariaDescribed.innerText = \"Select to view collapsed breadcrumbs\";\n ariaDescribed.className = \"hide\";\n this.collapsedBreadcrumbEl.setAttribute(\"aria-describedby\", ariaDescribed.id);\n this.collapsedBreadcrumbEl.id = \"collapsed-ellipsis\";\n this.collapsedBreadcrumbEl.innerText = \"...\";\n this.collapsedBreadcrumbEl.classList.add(\"collapsed-breadcrumb\");\n this.collapsedBreadcrumbEl.addEventListener(\"click\", this.clickHandler);\n this.collapsedBreadcrumbWrapper.append(ariaDescribed);\n this.collapsedBreadcrumbWrapper.append(ariaLabel);\n this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);\n }\n };\n this.transitionendHandler = (event) => {\n if (event.propertyName === \"opacity\") {\n event.target.classList.remove(\"visuallyhidden\");\n }\n };\n this.setLastParentCollapsedBackBreadcrumb = () => {\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n this.setBackBreadcrumbAttr();\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.classList.remove(\"hide\");\n this.lastParentBreadcrumb.classList.add(\"show\");\n }\n };\n this.revertLastParentCollapsedBreadcrumb = () => {\n if (this.lastParentBreadcrumb) {\n this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n if (this.collapsed) {\n this.lastParentBreadcrumb.classList.add(\"hide\");\n }\n }\n };\n this.resizeObserverCallback = (currSize) => {\n if (currSize !== this.deviceSize) {\n this.deviceSize = currSize;\n const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;\n this.el.setAttribute(\"back-breadcrumb-only\", `${isSmallDevice}`);\n if (isSmallDevice) {\n if (this.collapsed) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setBackBreadcrumb();\n }\n }\n else {\n const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));\n if (this.collapsed && allBreadcrumbs.length > 2) {\n this.revertLastParentCollapsedBreadcrumb();\n this.setCollapsed();\n }\n else {\n allBreadcrumbs.forEach((breadcrumb) => {\n breadcrumb.setAttribute(this.SHOW_BACK_ICON, \"false\");\n });\n }\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 watchBackBreadcrumbHandler() {\n this.setBackBreadcrumb();\n }\n watchCollapsedHandler() {\n this.setCollapsed();\n }\n watchMonochromeHandler() {\n this.setBreadcrumbMonochrome();\n }\n watchThemeHandler() {\n this.setBreadcrumbTheme();\n }\n componentWillLoad() {\n this.setBreadcrumbTheme();\n this.setBreadcrumbMonochrome();\n if (this.backBreadcrumbOnly) {\n this.setBackBreadcrumb();\n }\n else {\n checkResizeObserver(this.runResizeObserver);\n }\n if (this.collapsed &&\n this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {\n if (getCurrentDeviceSize() === DEVICE_SIZES.S) {\n this.setLastParentCollapsedBackBreadcrumb();\n }\n else {\n this.setCollapsed();\n }\n }\n this.lastParentBreadcrumb = this.getLastParentBreadcrumb();\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener(\"transitionend\", this.transitionendHandler);\n (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.clickHandler);\n }\n render() {\n const { backBreadcrumbOnly, collapsed, theme } = this;\n return (h(Host, { key: '6007593369d986d18d2c4cad15227da06bdf83b3', class: {\n \"ic-breadcrumb-group-back\": backBreadcrumbOnly,\n \"ic-breadcrumb-group-collapsed\": collapsed,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"nav\", { key: 'd20e99632bc38dec96220f3d352782a92370f18c', \"aria-label\": \"breadcrumbs\" }, h(\"ol\", { key: '780819660c759cf6b3e468fd50fbc02a723ee94b' }, h(\"slot\", { key: '9ab668b5b936d967dfa6fca4d72be882456b8b4e' })))));\n }\n static get is() { return \"ic-breadcrumb-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-breadcrumb-group.css\"]\n };\n }\n static get properties() {\n return {\n \"backBreadcrumbOnly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, display only a single breadcrumb for the parent page with a back icon.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"back-breadcrumb-only\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"collapsed\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"collapsed\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\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\": false,\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 };\n }\n static get states() {\n return {\n \"deviceSize\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"backBreadcrumbOnly\",\n \"methodName\": \"watchBackBreadcrumbHandler\"\n }, {\n \"propName\": \"collapsed\",\n \"methodName\": \"watchCollapsedHandler\"\n }, {\n \"propName\": \"monochrome\",\n \"methodName\": \"watchMonochromeHandler\"\n }, {\n \"propName\": \"theme\",\n \"methodName\": \"watchThemeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-breadcrumb-group.js.map\n"],"version":3}