@ukic/canary-web-components 3.0.0-canary.1 → 3.0.0-canary.11

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 (737) hide show
  1. package/README.md +3 -2
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-6817cfbb.js → helpers-02b23286.js} +65 -155
  4. package/dist/cjs/helpers-02b23286.js.map +1 -0
  5. package/dist/cjs/{helpers-33b42cd6.js → helpers-ce248d54.js} +80 -29
  6. package/dist/cjs/helpers-ce248d54.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +49 -4
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-horizontal.cjs.entry.js +33 -35
  24. package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  26. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  28. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  30. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  32. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +7 -7
  37. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-data-table.cjs.entry.js +377 -110
  39. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-date-input.cjs.entry.js +29 -18
  41. package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-date-picker.cjs.entry.js +16 -5
  43. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-dialog.cjs.entry.js +32 -9
  45. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  47. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-empty-state_2.cjs.entry.js +118 -50
  49. package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  51. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-footer-link.cjs.entry.js +8 -7
  53. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  55. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  57. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  59. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1016 -0
  61. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -0
  62. package/dist/cjs/ic-input-label_2.cjs.entry.js +82 -0
  63. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -0
  64. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  65. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  67. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  69. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  71. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  73. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  75. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  77. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  79. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-pagination_4.cjs.entry.js +267 -112
  81. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  83. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-radio-group.cjs.entry.js +60 -29
  85. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  87. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  89. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  91. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  93. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  95. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  97. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  99. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  101. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  103. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  105. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  109. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  111. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  113. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  115. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  116. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  117. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  119. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  120. package/dist/cjs/ic-tree-item.cjs.entry.js +27 -16
  121. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  122. package/dist/cjs/ic-tree-view.cjs.entry.js +44 -24
  123. package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
  124. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  125. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  126. package/dist/cjs/index-4cf27b16.js +4 -12
  127. package/dist/cjs/loader.cjs.js +1 -1
  128. package/dist/collection/collection-manifest.json +0 -2
  129. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +26 -26
  130. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +63 -38
  131. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
  132. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +10 -0
  133. package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -1
  134. package/dist/collection/components/ic-data-table/ic-data-table.css +194 -26
  135. package/dist/collection/components/ic-data-table/ic-data-table.js +479 -129
  136. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  137. package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
  138. package/dist/collection/components/ic-data-table/story-data.js +460 -7
  139. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  140. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +123 -29
  141. package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
  142. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +15 -10
  143. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +5 -5
  144. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
  145. package/dist/collection/components/ic-date-input/ic-date-input.css +74 -9
  146. package/dist/collection/components/ic-date-input/ic-date-input.js +73 -18
  147. package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
  148. package/dist/collection/components/ic-date-picker/ic-date-picker.css +18 -16
  149. package/dist/collection/components/ic-date-picker/ic-date-picker.js +59 -4
  150. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  151. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.css +4 -7
  152. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +230 -53
  153. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  154. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
  155. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
  156. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +20 -2
  157. package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
  158. package/dist/collection/components/ic-tree-item/ic-tree-item.css +51 -26
  159. package/dist/collection/components/ic-tree-item/ic-tree-item.js +89 -44
  160. package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
  161. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +3 -0
  162. package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -1
  163. package/dist/collection/components/ic-tree-view/ic-tree-view.css +31 -8
  164. package/dist/collection/components/ic-tree-view/ic-tree-view.js +116 -38
  165. package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
  166. package/dist/collection/utils/helpers.js +53 -34
  167. package/dist/collection/utils/helpers.js.map +1 -1
  168. package/dist/collection/utils/types.js +6 -6
  169. package/dist/collection/utils/types.js.map +1 -1
  170. package/dist/components/helpers.js +73 -26
  171. package/dist/components/helpers.js.map +1 -1
  172. package/dist/components/helpers2.js +60 -145
  173. package/dist/components/helpers2.js.map +1 -1
  174. package/dist/components/ic-accordion-group.js +11 -11
  175. package/dist/components/ic-accordion-group.js.map +1 -1
  176. package/dist/components/ic-accordion.js +14 -6
  177. package/dist/components/ic-accordion.js.map +1 -1
  178. package/dist/components/ic-alert.js +12 -16
  179. package/dist/components/ic-alert.js.map +1 -1
  180. package/dist/components/ic-back-to-top.js +9 -5
  181. package/dist/components/ic-back-to-top.js.map +1 -1
  182. package/dist/components/ic-badge.js +28 -5
  183. package/dist/components/ic-badge.js.map +1 -1
  184. package/dist/components/ic-breadcrumb-group.js +44 -20
  185. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  186. package/dist/components/ic-breadcrumb2.js +51 -4
  187. package/dist/components/ic-breadcrumb2.js.map +1 -1
  188. package/dist/components/ic-button2.js +21 -20
  189. package/dist/components/ic-button2.js.map +1 -1
  190. package/dist/components/ic-card-horizontal.js +38 -37
  191. package/dist/components/ic-card-horizontal.js.map +1 -1
  192. package/dist/components/ic-card-vertical.js +54 -50
  193. package/dist/components/ic-card-vertical.js.map +1 -1
  194. package/dist/components/ic-checkbox-group.js +25 -7
  195. package/dist/components/ic-checkbox-group.js.map +1 -1
  196. package/dist/components/ic-checkbox.js +12 -4
  197. package/dist/components/ic-checkbox.js.map +1 -1
  198. package/dist/components/ic-chip.js +32 -16
  199. package/dist/components/ic-chip.js.map +1 -1
  200. package/dist/components/ic-classification-banner.js +1 -1
  201. package/dist/components/ic-classification-banner.js.map +1 -1
  202. package/dist/components/ic-data-row.js +1 -1
  203. package/dist/components/ic-data-table-title-bar.js +6 -6
  204. package/dist/components/ic-data-table-title-bar.js.map +1 -1
  205. package/dist/components/ic-data-table.js +382 -110
  206. package/dist/components/ic-data-table.js.map +1 -1
  207. package/dist/components/ic-date-input2.js +32 -18
  208. package/dist/components/ic-date-input2.js.map +1 -1
  209. package/dist/components/ic-date-picker.js +19 -5
  210. package/dist/components/ic-date-picker.js.map +1 -1
  211. package/dist/components/ic-dialog.js +33 -9
  212. package/dist/components/ic-dialog.js.map +1 -1
  213. package/dist/components/ic-divider2.js +89 -12
  214. package/dist/components/ic-divider2.js.map +1 -1
  215. package/dist/components/ic-empty-state2.js +10 -17
  216. package/dist/components/ic-empty-state2.js.map +1 -1
  217. package/dist/components/ic-footer-link-group.js +7 -8
  218. package/dist/components/ic-footer-link-group.js.map +1 -1
  219. package/dist/components/ic-footer-link.js +9 -8
  220. package/dist/components/ic-footer-link.js.map +1 -1
  221. package/dist/components/ic-footer.js +25 -15
  222. package/dist/components/ic-footer.js.map +1 -1
  223. package/dist/components/ic-hero.js +9 -17
  224. package/dist/components/ic-hero.js.map +1 -1
  225. package/dist/components/ic-horizontal-scroll2.js +19 -9
  226. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  227. package/dist/components/ic-input-component-container2.js +23 -32
  228. package/dist/components/ic-input-component-container2.js.map +1 -1
  229. package/dist/components/ic-input-label2.js +19 -20
  230. package/dist/components/ic-input-label2.js.map +1 -1
  231. package/dist/components/ic-input-validation2.js +9 -9
  232. package/dist/components/ic-input-validation2.js.map +1 -1
  233. package/dist/components/ic-link2.js +13 -15
  234. package/dist/components/ic-link2.js.map +1 -1
  235. package/dist/components/ic-loading-indicator2.js +11 -9
  236. package/dist/components/ic-loading-indicator2.js.map +1 -1
  237. package/dist/components/ic-menu-group.js +2 -2
  238. package/dist/components/ic-menu-group.js.map +1 -1
  239. package/dist/components/ic-menu-item2.js +30 -21
  240. package/dist/components/ic-menu-item2.js.map +1 -1
  241. package/dist/components/ic-menu2.js +472 -175
  242. package/dist/components/ic-menu2.js.map +1 -1
  243. package/dist/components/ic-navigation-button.js +13 -9
  244. package/dist/components/ic-navigation-button.js.map +1 -1
  245. package/dist/components/ic-navigation-group.js +12 -9
  246. package/dist/components/ic-navigation-group.js.map +1 -1
  247. package/dist/components/ic-navigation-item.js +64 -10
  248. package/dist/components/ic-navigation-item.js.map +1 -1
  249. package/dist/components/ic-navigation-menu2.js +6 -4
  250. package/dist/components/ic-navigation-menu2.js.map +1 -1
  251. package/dist/components/ic-page-header.js +9 -6
  252. package/dist/components/ic-page-header.js.map +1 -1
  253. package/dist/components/ic-pagination-bar2.js +123 -39
  254. package/dist/components/ic-pagination-bar2.js.map +1 -1
  255. package/dist/components/ic-pagination-item2.js +15 -12
  256. package/dist/components/ic-pagination-item2.js.map +1 -1
  257. package/dist/components/ic-pagination2.js +25 -15
  258. package/dist/components/ic-pagination2.js.map +1 -1
  259. package/dist/components/ic-popover-menu.js +50 -26
  260. package/dist/components/ic-popover-menu.js.map +1 -1
  261. package/dist/components/ic-radio-group.js +63 -30
  262. package/dist/components/ic-radio-group.js.map +1 -1
  263. package/dist/components/ic-radio-option.js +45 -23
  264. package/dist/components/ic-radio-option.js.map +1 -1
  265. package/dist/components/ic-search-bar.js +70 -81
  266. package/dist/components/ic-search-bar.js.map +1 -1
  267. package/dist/components/ic-select2.js +196 -67
  268. package/dist/components/ic-select2.js.map +1 -1
  269. package/dist/components/ic-side-navigation.js +17 -12
  270. package/dist/components/ic-side-navigation.js.map +1 -1
  271. package/dist/components/ic-skeleton.js +5 -5
  272. package/dist/components/ic-skeleton.js.map +1 -1
  273. package/dist/components/ic-status-tag.js +5 -3
  274. package/dist/components/ic-status-tag.js.map +1 -1
  275. package/dist/components/ic-step.js +4 -4
  276. package/dist/components/ic-step.js.map +1 -1
  277. package/dist/components/ic-stepper.js +14 -3
  278. package/dist/components/ic-stepper.js.map +1 -1
  279. package/dist/components/ic-switch.js +24 -18
  280. package/dist/components/ic-switch.js.map +1 -1
  281. package/dist/components/ic-tab-context.js +60 -123
  282. package/dist/components/ic-tab-context.js.map +1 -1
  283. package/dist/components/ic-tab-group.js +2 -18
  284. package/dist/components/ic-tab-group.js.map +1 -1
  285. package/dist/components/ic-tab-panel.js +1 -1
  286. package/dist/components/ic-tab-panel.js.map +1 -1
  287. package/dist/components/ic-tab.js +10 -8
  288. package/dist/components/ic-tab.js.map +1 -1
  289. package/dist/components/ic-text-field2.js +46 -24
  290. package/dist/components/ic-text-field2.js.map +1 -1
  291. package/dist/components/ic-theme.js +22 -22
  292. package/dist/components/ic-theme.js.map +1 -1
  293. package/dist/components/ic-toast.js +4 -4
  294. package/dist/components/ic-toast.js.map +1 -1
  295. package/dist/components/ic-toggle-button-group.js +75 -14
  296. package/dist/components/ic-toggle-button-group.js.map +1 -1
  297. package/dist/components/ic-toggle-button.js +76 -17
  298. package/dist/components/ic-toggle-button.js.map +1 -1
  299. package/dist/components/ic-tooltip2.js +1 -1
  300. package/dist/components/ic-tooltip2.js.map +1 -1
  301. package/dist/components/ic-top-navigation.js +15 -8
  302. package/dist/components/ic-top-navigation.js.map +1 -1
  303. package/dist/components/ic-tree-item.js +32 -18
  304. package/dist/components/ic-tree-item.js.map +1 -1
  305. package/dist/components/ic-tree-view.js +53 -28
  306. package/dist/components/ic-tree-view.js.map +1 -1
  307. package/dist/components/ic-typography2.js +4 -2
  308. package/dist/components/ic-typography2.js.map +1 -1
  309. package/dist/core/core.css +1607 -77
  310. package/dist/core/core.esm.js +1 -1
  311. package/dist/core/core.esm.js.map +1 -1
  312. package/dist/core/p-007293a4.entry.js +2 -0
  313. package/dist/core/p-007293a4.entry.js.map +1 -0
  314. package/dist/core/{p-5f5403e2.entry.js → p-01ab3a15.entry.js} +2 -2
  315. package/dist/core/{p-5f5403e2.entry.js.map → p-01ab3a15.entry.js.map} +1 -1
  316. package/dist/core/p-01e4affd.entry.js +2 -0
  317. package/dist/core/p-01e4affd.entry.js.map +1 -0
  318. package/dist/core/p-052a9f31.entry.js +2 -0
  319. package/dist/core/p-052a9f31.entry.js.map +1 -0
  320. package/dist/core/p-059c08a0.entry.js +2 -0
  321. package/dist/core/p-059c08a0.entry.js.map +1 -0
  322. package/dist/core/p-07784e04.entry.js +2 -0
  323. package/dist/core/p-07784e04.entry.js.map +1 -0
  324. package/dist/core/p-0c225c1a.entry.js +2 -0
  325. package/dist/core/p-0c225c1a.entry.js.map +1 -0
  326. package/dist/core/p-14a6e578.entry.js +2 -0
  327. package/dist/core/p-14a6e578.entry.js.map +1 -0
  328. package/dist/core/p-1684a003.entry.js +2 -0
  329. package/dist/core/p-1684a003.entry.js.map +1 -0
  330. package/dist/core/p-1af4b9c1.entry.js +2 -0
  331. package/dist/core/p-1af4b9c1.entry.js.map +1 -0
  332. package/dist/core/p-1bf881bb.entry.js +2 -0
  333. package/dist/core/p-1bf881bb.entry.js.map +1 -0
  334. package/dist/core/p-1eb21184.entry.js +2 -0
  335. package/dist/core/p-1eb21184.entry.js.map +1 -0
  336. package/dist/core/p-2039e996.entry.js +2 -0
  337. package/dist/core/p-2039e996.entry.js.map +1 -0
  338. package/dist/core/p-20c780cb.entry.js +2 -0
  339. package/dist/core/p-20c780cb.entry.js.map +1 -0
  340. package/dist/core/p-21c90000.entry.js +2 -0
  341. package/dist/core/p-21c90000.entry.js.map +1 -0
  342. package/dist/core/p-2376e171.entry.js +2 -0
  343. package/dist/core/p-2376e171.entry.js.map +1 -0
  344. package/dist/core/p-23f62fca.entry.js +2 -0
  345. package/dist/core/p-23f62fca.entry.js.map +1 -0
  346. package/dist/core/p-28c8d6e3.entry.js +2 -0
  347. package/dist/core/p-28c8d6e3.entry.js.map +1 -0
  348. package/dist/core/p-2c59f79e.entry.js +2 -0
  349. package/dist/core/p-2c59f79e.entry.js.map +1 -0
  350. package/dist/core/{p-bf670360.entry.js → p-2e261288.entry.js} +2 -2
  351. package/dist/core/p-2e261288.entry.js.map +1 -0
  352. package/dist/core/p-36242f26.entry.js +2 -0
  353. package/dist/core/p-36242f26.entry.js.map +1 -0
  354. package/dist/core/p-37cced7a.entry.js +2 -0
  355. package/dist/core/p-37cced7a.entry.js.map +1 -0
  356. package/dist/core/p-3c17ca15.entry.js +2 -0
  357. package/dist/core/p-3c17ca15.entry.js.map +1 -0
  358. package/dist/core/p-435d9ce2.entry.js +2 -0
  359. package/dist/core/p-435d9ce2.entry.js.map +1 -0
  360. package/dist/core/p-47e0072d.entry.js +2 -0
  361. package/dist/core/p-47e0072d.entry.js.map +1 -0
  362. package/dist/core/p-49fbe074.entry.js +2 -0
  363. package/dist/core/p-49fbe074.entry.js.map +1 -0
  364. package/dist/core/p-4ba91306.entry.js +2 -0
  365. package/dist/core/p-4ba91306.entry.js.map +1 -0
  366. package/dist/core/p-50e24896.entry.js +2 -0
  367. package/dist/core/p-50e24896.entry.js.map +1 -0
  368. package/dist/core/p-5193184c.entry.js +2 -0
  369. package/dist/core/p-5193184c.entry.js.map +1 -0
  370. package/dist/core/p-51c6561f.entry.js +2 -0
  371. package/dist/core/p-51c6561f.entry.js.map +1 -0
  372. package/dist/core/p-534f7f0d.entry.js +2 -0
  373. package/dist/core/p-534f7f0d.entry.js.map +1 -0
  374. package/dist/core/p-542ffaf4.entry.js +2 -0
  375. package/dist/core/p-542ffaf4.entry.js.map +1 -0
  376. package/dist/core/p-555dd292.entry.js +2 -0
  377. package/dist/core/p-555dd292.entry.js.map +1 -0
  378. package/dist/core/p-5d03b04e.entry.js +2 -0
  379. package/dist/core/p-5d03b04e.entry.js.map +1 -0
  380. package/dist/core/p-5e616d85.entry.js +2 -0
  381. package/dist/core/p-5e616d85.entry.js.map +1 -0
  382. package/dist/core/p-64101c64.entry.js +2 -0
  383. package/dist/core/p-64101c64.entry.js.map +1 -0
  384. package/dist/core/p-70616efa.js +2 -0
  385. package/dist/core/p-70616efa.js.map +1 -0
  386. package/dist/core/p-76c94cee.entry.js +2 -0
  387. package/dist/core/p-76c94cee.entry.js.map +1 -0
  388. package/dist/core/p-7d1f7976.entry.js +2 -0
  389. package/dist/core/p-7d1f7976.entry.js.map +1 -0
  390. package/dist/core/p-9158c34f.entry.js +2 -0
  391. package/dist/core/p-9158c34f.entry.js.map +1 -0
  392. package/dist/core/{p-266341f5.entry.js → p-91c720bc.entry.js} +2 -2
  393. package/dist/core/{p-266341f5.entry.js.map → p-91c720bc.entry.js.map} +1 -1
  394. package/dist/core/p-94efa0d2.entry.js +2 -0
  395. package/dist/core/p-94efa0d2.entry.js.map +1 -0
  396. package/dist/core/p-9bf9da9b.entry.js +2 -0
  397. package/dist/core/p-9bf9da9b.entry.js.map +1 -0
  398. package/dist/core/p-a04712b9.js +2 -0
  399. package/dist/core/p-a04712b9.js.map +1 -0
  400. package/dist/core/p-a33bf749.entry.js +2 -0
  401. package/dist/core/p-a33bf749.entry.js.map +1 -0
  402. package/dist/core/p-a707b036.entry.js +2 -0
  403. package/dist/core/p-a707b036.entry.js.map +1 -0
  404. package/dist/core/p-a74be80c.entry.js +2 -0
  405. package/dist/core/p-a74be80c.entry.js.map +1 -0
  406. package/dist/core/p-af547c0a.entry.js +2 -0
  407. package/dist/core/p-af547c0a.entry.js.map +1 -0
  408. package/dist/core/p-b0170269.entry.js +2 -0
  409. package/dist/core/p-b0170269.entry.js.map +1 -0
  410. package/dist/core/p-b6e385ba.entry.js +2 -0
  411. package/dist/core/p-b6e385ba.entry.js.map +1 -0
  412. package/dist/core/p-bb418e1b.entry.js +2 -0
  413. package/dist/core/p-bb418e1b.entry.js.map +1 -0
  414. package/dist/core/{p-306def43.entry.js → p-d2dbb1dc.entry.js} +2 -2
  415. package/dist/core/p-d2dbb1dc.entry.js.map +1 -0
  416. package/dist/core/p-e3303bbe.entry.js +2 -0
  417. package/dist/core/p-e3303bbe.entry.js.map +1 -0
  418. package/dist/core/p-e3e0cf46.entry.js +2 -0
  419. package/dist/core/p-e3e0cf46.entry.js.map +1 -0
  420. package/dist/core/p-e62e5ca3.entry.js +2 -0
  421. package/dist/core/p-e62e5ca3.entry.js.map +1 -0
  422. package/dist/core/{p-c21d0db8.entry.js → p-ebd84a67.entry.js} +2 -2
  423. package/dist/core/p-ebd84a67.entry.js.map +1 -0
  424. package/dist/core/{p-d03374fc.entry.js → p-f154d6e6.entry.js} +2 -2
  425. package/dist/core/p-f1d5bdbd.entry.js +2 -0
  426. package/dist/core/p-f1d5bdbd.entry.js.map +1 -0
  427. package/dist/core/{p-73b40c79.entry.js → p-f482ccb8.entry.js} +2 -2
  428. package/dist/core/p-f482ccb8.entry.js.map +1 -0
  429. package/dist/core/p-f60c8a1b.entry.js +2 -0
  430. package/dist/core/p-f60c8a1b.entry.js.map +1 -0
  431. package/dist/core/{p-f1072c28.entry.js → p-f64abdff.entry.js} +2 -2
  432. package/dist/core/p-f64abdff.entry.js.map +1 -0
  433. package/dist/core/{p-d8563643.entry.js → p-fc71c920.entry.js} +2 -2
  434. package/dist/core/p-fc71c920.entry.js.map +1 -0
  435. package/dist/esm/core.js +1 -1
  436. package/dist/esm/{helpers-5bd2012a.js → helpers-0f42cb46.js} +61 -146
  437. package/dist/esm/helpers-0f42cb46.js.map +1 -0
  438. package/dist/esm/{helpers-dab8ddfe.js → helpers-b4561326.js} +74 -27
  439. package/dist/esm/helpers-b4561326.js.map +1 -0
  440. package/dist/esm/ic-accordion-group.entry.js +10 -10
  441. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  442. package/dist/esm/ic-accordion.entry.js +12 -5
  443. package/dist/esm/ic-accordion.entry.js.map +1 -1
  444. package/dist/esm/ic-alert.entry.js +10 -15
  445. package/dist/esm/ic-alert.entry.js.map +1 -1
  446. package/dist/esm/ic-back-to-top.entry.js +9 -6
  447. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  448. package/dist/esm/ic-badge.entry.js +26 -3
  449. package/dist/esm/ic-badge.entry.js.map +1 -1
  450. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  451. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  452. package/dist/esm/ic-breadcrumb.entry.js +49 -4
  453. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  454. package/dist/esm/ic-button_3.entry.js +28 -26
  455. package/dist/esm/ic-button_3.entry.js.map +1 -1
  456. package/dist/esm/ic-card-horizontal.entry.js +34 -36
  457. package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
  458. package/dist/esm/ic-card-vertical.entry.js +49 -48
  459. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  460. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  461. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  462. package/dist/esm/ic-checkbox.entry.js +10 -4
  463. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  464. package/dist/esm/ic-chip.entry.js +28 -16
  465. package/dist/esm/ic-chip.entry.js.map +1 -1
  466. package/dist/esm/ic-classification-banner.entry.js +1 -1
  467. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  468. package/dist/esm/ic-data-row.entry.js +1 -1
  469. package/dist/esm/ic-data-table-title-bar.entry.js +7 -7
  470. package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
  471. package/dist/esm/ic-data-table.entry.js +377 -110
  472. package/dist/esm/ic-data-table.entry.js.map +1 -1
  473. package/dist/esm/ic-date-input.entry.js +29 -18
  474. package/dist/esm/ic-date-input.entry.js.map +1 -1
  475. package/dist/esm/ic-date-picker.entry.js +16 -5
  476. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  477. package/dist/esm/ic-dialog.entry.js +32 -9
  478. package/dist/esm/ic-dialog.entry.js.map +1 -1
  479. package/dist/esm/ic-divider.entry.js +74 -10
  480. package/dist/esm/ic-divider.entry.js.map +1 -1
  481. package/dist/esm/ic-empty-state_2.entry.js +119 -51
  482. package/dist/esm/ic-empty-state_2.entry.js.map +1 -1
  483. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  484. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  485. package/dist/esm/ic-footer-link.entry.js +8 -7
  486. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  487. package/dist/esm/ic-footer.entry.js +24 -14
  488. package/dist/esm/ic-footer.entry.js.map +1 -1
  489. package/dist/esm/ic-hero.entry.js +8 -16
  490. package/dist/esm/ic-hero.entry.js.map +1 -1
  491. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  492. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  493. package/dist/{collection/components/ic-menu-with-multi/ic-menu.js → esm/ic-input-component-container_3.entry.js} +173 -739
  494. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -0
  495. package/dist/esm/ic-input-label_2.entry.js +77 -0
  496. package/dist/esm/ic-input-label_2.entry.js.map +1 -0
  497. package/dist/esm/ic-link.entry.js +10 -12
  498. package/dist/esm/ic-link.entry.js.map +1 -1
  499. package/dist/esm/ic-menu-group.entry.js +3 -3
  500. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  501. package/dist/esm/ic-menu-item.entry.js +25 -18
  502. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  503. package/dist/esm/ic-navigation-button.entry.js +11 -8
  504. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  505. package/dist/esm/ic-navigation-group.entry.js +10 -8
  506. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  507. package/dist/esm/ic-navigation-item.entry.js +61 -9
  508. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  509. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  510. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  511. package/dist/esm/ic-page-header.entry.js +8 -6
  512. package/dist/esm/ic-page-header.entry.js.map +1 -1
  513. package/dist/esm/ic-pagination_4.entry.js +267 -112
  514. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  515. package/dist/esm/ic-popover-menu.entry.js +47 -25
  516. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  517. package/dist/esm/ic-radio-group.entry.js +60 -29
  518. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  519. package/dist/esm/ic-radio-option.entry.js +42 -22
  520. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  521. package/dist/esm/ic-search-bar.entry.js +54 -56
  522. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  523. package/dist/esm/ic-side-navigation.entry.js +16 -11
  524. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  525. package/dist/esm/ic-skeleton.entry.js +4 -4
  526. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  527. package/dist/esm/ic-status-tag.entry.js +5 -4
  528. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  529. package/dist/esm/ic-step.entry.js +4 -5
  530. package/dist/esm/ic-step.entry.js.map +1 -1
  531. package/dist/esm/ic-stepper.entry.js +12 -2
  532. package/dist/esm/ic-stepper.entry.js.map +1 -1
  533. package/dist/esm/ic-switch.entry.js +21 -16
  534. package/dist/esm/ic-switch.entry.js.map +1 -1
  535. package/dist/esm/ic-tab-context.entry.js +60 -123
  536. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  537. package/dist/esm/ic-tab-group.entry.js +3 -19
  538. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  539. package/dist/esm/ic-tab-panel.entry.js +2 -2
  540. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  541. package/dist/esm/ic-tab.entry.js +10 -8
  542. package/dist/esm/ic-tab.entry.js.map +1 -1
  543. package/dist/esm/ic-theme.entry.js +20 -20
  544. package/dist/esm/ic-theme.entry.js.map +1 -1
  545. package/dist/esm/ic-toast.entry.js +4 -4
  546. package/dist/esm/ic-toast.entry.js.map +1 -1
  547. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  548. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  549. package/dist/esm/ic-toggle-button.entry.js +64 -9
  550. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  551. package/dist/esm/ic-top-navigation.entry.js +13 -7
  552. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  553. package/dist/esm/ic-tree-item.entry.js +28 -17
  554. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  555. package/dist/esm/ic-tree-view.entry.js +45 -25
  556. package/dist/esm/ic-tree-view.entry.js.map +1 -1
  557. package/dist/esm/ic-typography.entry.js +5 -3
  558. package/dist/esm/ic-typography.entry.js.map +1 -1
  559. package/dist/esm/index-93509377.js +4 -12
  560. package/dist/esm/loader.js +1 -1
  561. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +8 -4
  562. package/dist/types/components/ic-data-table/ic-data-table.d.ts +51 -7
  563. package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +11 -0
  564. package/dist/types/components/ic-data-table/story-data.d.ts +225 -0
  565. package/dist/types/components/ic-date-input/ic-date-input.d.ts +10 -1
  566. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +10 -1
  567. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +34 -8
  568. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
  569. package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +17 -7
  570. package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +21 -5
  571. package/dist/types/components.d.ts +189 -490
  572. package/dist/types/utils/helpers.d.ts +14 -11
  573. package/dist/types/utils/types.d.ts +17 -12
  574. package/hydrate/index.js +5150 -7474
  575. package/package.json +12 -10
  576. package/dist/cjs/helpers-33b42cd6.js.map +0 -1
  577. package/dist/cjs/helpers-6817cfbb.js.map +0 -1
  578. package/dist/cjs/ic-input-component-container_4.cjs.entry.js +0 -156
  579. package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +0 -1
  580. package/dist/cjs/ic-menu-with-multi.cjs.entry.js +0 -2738
  581. package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +0 -1
  582. package/dist/cjs/ic-menu.cjs.entry.js +0 -658
  583. package/dist/cjs/ic-menu.cjs.entry.js.map +0 -1
  584. package/dist/cjs/ic-select-with-multi.cjs.entry.js +0 -788
  585. package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +0 -1
  586. package/dist/collection/components/ic-menu-with-multi/ic-menu.css +0 -712
  587. package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +0 -1
  588. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +0 -1057
  589. package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +0 -1
  590. package/dist/collection/components/ic-select-with-multi/assets/Check.svg +0 -3
  591. package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +0 -3
  592. package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +0 -3
  593. package/dist/collection/components/ic-select-with-multi/ic-select.css +0 -695
  594. package/dist/collection/components/ic-select-with-multi/ic-select.js +0 -1520
  595. package/dist/collection/components/ic-select-with-multi/ic-select.js.map +0 -1
  596. package/dist/collection/components/ic-select-with-multi/story-data.js +0 -216
  597. package/dist/collection/components/ic-select-with-multi/story-data.js.map +0 -1
  598. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +0 -1518
  599. package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +0 -1
  600. package/dist/components/ic-menu-with-multi.d.ts +0 -11
  601. package/dist/components/ic-menu-with-multi.js +0 -8
  602. package/dist/components/ic-menu-with-multi.js.map +0 -1
  603. package/dist/components/ic-menu3.js +0 -2803
  604. package/dist/components/ic-menu3.js.map +0 -1
  605. package/dist/components/ic-select-with-multi.d.ts +0 -11
  606. package/dist/components/ic-select-with-multi.js +0 -906
  607. package/dist/components/ic-select-with-multi.js.map +0 -1
  608. package/dist/core/p-06eeb7f2.entry.js +0 -2
  609. package/dist/core/p-06eeb7f2.entry.js.map +0 -1
  610. package/dist/core/p-0922c552.entry.js +0 -2
  611. package/dist/core/p-0922c552.entry.js.map +0 -1
  612. package/dist/core/p-0bc0e852.entry.js +0 -2
  613. package/dist/core/p-0bc0e852.entry.js.map +0 -1
  614. package/dist/core/p-108a9029.entry.js +0 -2
  615. package/dist/core/p-108a9029.entry.js.map +0 -1
  616. package/dist/core/p-13100d3c.entry.js +0 -2
  617. package/dist/core/p-13100d3c.entry.js.map +0 -1
  618. package/dist/core/p-1769df1d.entry.js +0 -2
  619. package/dist/core/p-1769df1d.entry.js.map +0 -1
  620. package/dist/core/p-202bc922.entry.js +0 -2
  621. package/dist/core/p-202bc922.entry.js.map +0 -1
  622. package/dist/core/p-297e99cf.js +0 -2
  623. package/dist/core/p-297e99cf.js.map +0 -1
  624. package/dist/core/p-306def43.entry.js.map +0 -1
  625. package/dist/core/p-30b046b2.entry.js +0 -2
  626. package/dist/core/p-30b046b2.entry.js.map +0 -1
  627. package/dist/core/p-3778cc5e.entry.js +0 -2
  628. package/dist/core/p-3778cc5e.entry.js.map +0 -1
  629. package/dist/core/p-383a5a76.entry.js +0 -2
  630. package/dist/core/p-383a5a76.entry.js.map +0 -1
  631. package/dist/core/p-3a0510e2.entry.js +0 -2
  632. package/dist/core/p-3a0510e2.entry.js.map +0 -1
  633. package/dist/core/p-3ace51f5.entry.js +0 -2
  634. package/dist/core/p-3ace51f5.entry.js.map +0 -1
  635. package/dist/core/p-3f0391c1.entry.js +0 -2
  636. package/dist/core/p-3f0391c1.entry.js.map +0 -1
  637. package/dist/core/p-41fecc61.entry.js +0 -2
  638. package/dist/core/p-41fecc61.entry.js.map +0 -1
  639. package/dist/core/p-46cb94a2.entry.js +0 -2
  640. package/dist/core/p-46cb94a2.entry.js.map +0 -1
  641. package/dist/core/p-4e67f127.entry.js +0 -2
  642. package/dist/core/p-4e67f127.entry.js.map +0 -1
  643. package/dist/core/p-505250cf.entry.js +0 -2
  644. package/dist/core/p-505250cf.entry.js.map +0 -1
  645. package/dist/core/p-50e48f4d.entry.js +0 -2
  646. package/dist/core/p-50e48f4d.entry.js.map +0 -1
  647. package/dist/core/p-56e7459a.entry.js +0 -2
  648. package/dist/core/p-56e7459a.entry.js.map +0 -1
  649. package/dist/core/p-59028160.entry.js +0 -2
  650. package/dist/core/p-59028160.entry.js.map +0 -1
  651. package/dist/core/p-5cfb5821.entry.js +0 -2
  652. package/dist/core/p-5cfb5821.entry.js.map +0 -1
  653. package/dist/core/p-5e6fd734.entry.js +0 -2
  654. package/dist/core/p-5e6fd734.entry.js.map +0 -1
  655. package/dist/core/p-5f313e1a.entry.js +0 -2
  656. package/dist/core/p-5f313e1a.entry.js.map +0 -1
  657. package/dist/core/p-710c6a42.entry.js +0 -2
  658. package/dist/core/p-710c6a42.entry.js.map +0 -1
  659. package/dist/core/p-73b40c79.entry.js.map +0 -1
  660. package/dist/core/p-77a32de5.entry.js +0 -2
  661. package/dist/core/p-77a32de5.entry.js.map +0 -1
  662. package/dist/core/p-7a9de008.entry.js +0 -2
  663. package/dist/core/p-7a9de008.entry.js.map +0 -1
  664. package/dist/core/p-801414e2.entry.js +0 -2
  665. package/dist/core/p-801414e2.entry.js.map +0 -1
  666. package/dist/core/p-82ba744d.entry.js +0 -2
  667. package/dist/core/p-82ba744d.entry.js.map +0 -1
  668. package/dist/core/p-897b8d16.entry.js +0 -2
  669. package/dist/core/p-897b8d16.entry.js.map +0 -1
  670. package/dist/core/p-9397b15b.js +0 -2
  671. package/dist/core/p-9397b15b.js.map +0 -1
  672. package/dist/core/p-9af6adb1.entry.js +0 -2
  673. package/dist/core/p-9af6adb1.entry.js.map +0 -1
  674. package/dist/core/p-9b54feca.entry.js +0 -2
  675. package/dist/core/p-9b54feca.entry.js.map +0 -1
  676. package/dist/core/p-a57cd616.entry.js +0 -2
  677. package/dist/core/p-a57cd616.entry.js.map +0 -1
  678. package/dist/core/p-a5eaed1a.entry.js +0 -2
  679. package/dist/core/p-a5eaed1a.entry.js.map +0 -1
  680. package/dist/core/p-a78cf2cb.entry.js +0 -2
  681. package/dist/core/p-a78cf2cb.entry.js.map +0 -1
  682. package/dist/core/p-a91340b4.entry.js +0 -2
  683. package/dist/core/p-a91340b4.entry.js.map +0 -1
  684. package/dist/core/p-aee8d45b.entry.js +0 -2
  685. package/dist/core/p-aee8d45b.entry.js.map +0 -1
  686. package/dist/core/p-badd4c8d.entry.js +0 -2
  687. package/dist/core/p-badd4c8d.entry.js.map +0 -1
  688. package/dist/core/p-bf670360.entry.js.map +0 -1
  689. package/dist/core/p-c033e7d6.entry.js +0 -2
  690. package/dist/core/p-c033e7d6.entry.js.map +0 -1
  691. package/dist/core/p-c07af2d8.entry.js +0 -2
  692. package/dist/core/p-c07af2d8.entry.js.map +0 -1
  693. package/dist/core/p-c21d0db8.entry.js.map +0 -1
  694. package/dist/core/p-c678f73d.entry.js +0 -2
  695. package/dist/core/p-c678f73d.entry.js.map +0 -1
  696. package/dist/core/p-c6ae9bad.entry.js +0 -2
  697. package/dist/core/p-c6ae9bad.entry.js.map +0 -1
  698. package/dist/core/p-c6c1e08e.entry.js +0 -2
  699. package/dist/core/p-c6c1e08e.entry.js.map +0 -1
  700. package/dist/core/p-cb6cebdd.entry.js +0 -2
  701. package/dist/core/p-cb6cebdd.entry.js.map +0 -1
  702. package/dist/core/p-d16f364a.entry.js +0 -2
  703. package/dist/core/p-d16f364a.entry.js.map +0 -1
  704. package/dist/core/p-d239c33b.entry.js +0 -2
  705. package/dist/core/p-d239c33b.entry.js.map +0 -1
  706. package/dist/core/p-d8563643.entry.js.map +0 -1
  707. package/dist/core/p-da40757f.entry.js +0 -2
  708. package/dist/core/p-da40757f.entry.js.map +0 -1
  709. package/dist/core/p-de052137.entry.js +0 -2
  710. package/dist/core/p-de052137.entry.js.map +0 -1
  711. package/dist/core/p-e5d99316.entry.js +0 -2
  712. package/dist/core/p-e5d99316.entry.js.map +0 -1
  713. package/dist/core/p-e89bb650.entry.js +0 -2
  714. package/dist/core/p-e89bb650.entry.js.map +0 -1
  715. package/dist/core/p-f1072c28.entry.js.map +0 -1
  716. package/dist/core/p-f37df214.entry.js +0 -2
  717. package/dist/core/p-f37df214.entry.js.map +0 -1
  718. package/dist/core/p-f743b0eb.entry.js +0 -2
  719. package/dist/core/p-f743b0eb.entry.js.map +0 -1
  720. package/dist/core/p-f98b1afc.entry.js +0 -2
  721. package/dist/core/p-f98b1afc.entry.js.map +0 -1
  722. package/dist/core/p-fe13f1ba.entry.js +0 -2
  723. package/dist/core/p-fe13f1ba.entry.js.map +0 -1
  724. package/dist/esm/helpers-5bd2012a.js.map +0 -1
  725. package/dist/esm/helpers-dab8ddfe.js.map +0 -1
  726. package/dist/esm/ic-input-component-container_4.entry.js +0 -149
  727. package/dist/esm/ic-input-component-container_4.entry.js.map +0 -1
  728. package/dist/esm/ic-menu-with-multi.entry.js +0 -2734
  729. package/dist/esm/ic-menu-with-multi.entry.js.map +0 -1
  730. package/dist/esm/ic-menu.entry.js +0 -654
  731. package/dist/esm/ic-menu.entry.js.map +0 -1
  732. package/dist/esm/ic-select-with-multi.entry.js +0 -784
  733. package/dist/esm/ic-select-with-multi.entry.js.map +0 -1
  734. package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +0 -214
  735. package/dist/types/components/ic-select-with-multi/ic-select.d.ts +0 -259
  736. package/dist/types/components/ic-select-with-multi/story-data.d.ts +0 -32
  737. /package/dist/core/{p-d03374fc.entry.js.map → p-f154d6e6.entry.js.map} +0 -0
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-33b42cd6.js');
6
+ const helpers = require('./helpers-ce248d54.js');
7
7
 
8
8
  const ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">
9
9
  <path d="M0 8L1.41 9.41L7 3.83V16H9V3.83L14.58 9.42L16 8L8 0L0 8Z"/>
10
10
  </svg>
11
11
  `;
12
12
 
13
- const icBackToTopCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:absolute;right:0}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-architectural-white);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;opacity:0;position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}ic-button::part(button){border-radius:5rem;border:var(--ic-border-width) solid var(--ic-action-default)}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.by-footer{position:relative;right:var(--ic-space-md);bottom:3.5rem}ic-button.offset-banner{margin-bottom:var(--ic-space-lg)}.ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
13
+ const icBackToTopCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:absolute;right:0}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;opacity:0;position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host([variant=\"icon\"]) ic-button::part(button){margin:0}ic-button::part(button){border-radius:5rem}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.by-footer{position:relative;right:var(--ic-space-md);bottom:3.5rem}ic-button.offset-banner{margin-bottom:var(--ic-space-lg)}.ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
14
14
 
15
15
  const backToTopLabel = "Back to top";
16
16
  const BackToTop = class {
@@ -99,6 +99,7 @@ const BackToTop = class {
99
99
  this.footerVisible = false;
100
100
  this.targetElVisible = true;
101
101
  this.target = undefined;
102
+ this.theme = "inherit";
102
103
  this.variant = "default";
103
104
  }
104
105
  watchPropHandler(newValue, oldValue) {
@@ -127,15 +128,17 @@ const BackToTop = class {
127
128
  }
128
129
  render() {
129
130
  const { variant, bannerOffset, targetElVisible, footerVisible } = this;
130
- const btnVariant = variant === "icon" ? "icon" : "tertiary";
131
+ const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
131
132
  const size = variant === "icon" ? "large" : "medium";
132
133
  const label = variant === "icon" ? "" : backToTopLabel;
133
- return (index.h("ic-button", { "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
134
+ return (index.h(index.Host, { class: {
135
+ [`ic-theme-${this.theme}`]: this.theme !== "inherit",
136
+ } }, index.h("ic-button", { "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
134
137
  ["offset-banner"]: bannerOffset,
135
138
  ["show"]: !targetElVisible,
136
139
  ["by-footer"]: footerVisible,
137
140
  ["icon-only"]: variant === "icon",
138
- } }, index.h("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label));
141
+ }, theme: this.theme }, index.h("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
139
142
  }
140
143
  static get delegatesFocus() { return true; }
141
144
  get el() { return index.getElement(this); }
@@ -1 +1 @@
1
- {"file":"ic-back-to-top.entry.cjs.js","mappings":"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","names":["onComponentPropUndefinedChange","onComponentRequiredPropUndefined","h"],"sources":["../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.css?tag=ic-back-to-top&encapsulation=shadow","../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-back-to-top: z-index of back to top\n */\n\n:host {\n display: block;\n position: absolute;\n right: 0;\n}\n\nic-button {\n height: 2.5rem;\n align-items: center;\n background-color: var(--ic-architectural-white);\n border-radius: 5rem;\n box-shadow: var(--ic-elevation-overlay);\n visibility: hidden;\n opacity: 0;\n position: fixed;\n right: var(--ic-space-md);\n bottom: var(--ic-space-md);\n transition: visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);\n z-index: var(--ic-z-index-back-to-top);\n}\n\nic-button::part(button) {\n border-radius: 5rem;\n border: var(--ic-border-width) solid var(--ic-action-default);\n}\n\nic-button.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast);\n}\n\nic-button.by-footer {\n position: relative;\n right: var(--ic-space-md);\n bottom: 3.5rem;\n}\n\nic-button.offset-banner {\n margin-bottom: var(--ic-space-lg);\n}\n\n.ic-back-to-top-icon {\n padding-top: var(--ic-space-xxs);\n padding-right: var(--ic-space-xs);\n}\n\n.ic-back-to-top-icon > svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n}\n\n.icon-only {\n width: 2.5rem;\n}\n\n.icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n@media (forced-colors: active) {\n .icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n }\n}\n","import { h } from \"@stencil/core\";\nimport ArrowUpward from \"./assets/ArrowUpward.svg\";\nimport { onComponentPropUndefinedChange, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst backToTopLabel = \"Back to top\";\nexport class BackToTop {\n constructor() {\n this.topObserver = null;\n this.getObservedEl = () => {\n return document.querySelector(\"#ic-back-to-top-target\");\n };\n this.setTargetElVisible = (visible) => {\n this.targetElVisible = visible;\n };\n this.setFooterVisible = (visible) => {\n this.checkForClassificationBanner();\n this.footerVisible =\n typeof window !== \"undefined\" && window.scrollY === 0 ? false : visible;\n };\n this.targetElObserverCallback = (entries) => {\n this.setTargetElVisible(entries[0].isIntersecting);\n };\n this.footerObserverCallback = (entries) => {\n this.setFooterVisible(entries[0].isIntersecting);\n };\n this.findTargetEl = (target) => {\n let targetElement = null;\n if (target === null || target === undefined) {\n console.log(\"Error: No target ID specified for back to top component - defaulting to top of page\");\n }\n else {\n targetElement = document.querySelector(`${target.startsWith(\"#\") ? \"\" : \"#\"}${target}`);\n if (targetElement === null) {\n console.log(`Error: Back to top target element '${target}' not found - defaulting to top of page`);\n }\n }\n return targetElement;\n };\n this.createTopObserver = (target) => {\n this.targetEl = this.findTargetEl(target);\n let objParent;\n //remove old element & observer\n if (this.topObserver !== null) {\n const observedEl = this.getObservedEl();\n if (observedEl !== null) {\n this.topObserver.unobserve(observedEl);\n observedEl.remove();\n }\n }\n if (this.targetEl === null) {\n objParent = document.body;\n this.targetEl = objParent.firstElementChild;\n this.isTargetElNull = true;\n }\n else {\n objParent = this.targetEl.parentNode;\n this.isTargetElNull = false;\n }\n //insert a new 0px height element before specified target that can be used to determine when page is scrolled\n const objBackToTopTargetEl = document.createElement(\"div\");\n objBackToTopTargetEl.setAttribute(\"id\", \"ic-back-to-top-target\");\n objBackToTopTargetEl.setAttribute(\"tabindex\", \"-1\"); // Needed for virtual cursor behaviour to work\n objParent.insertBefore(objBackToTopTargetEl, this.targetEl);\n // resize observer needs to factor in any top margin on the target el\n const marginTop = getComputedStyle(this.targetEl).marginTop;\n this.topObserver = new IntersectionObserver(this.targetElObserverCallback, {\n threshold: [0],\n rootMargin: `${marginTop} 0px 0px 0px`,\n });\n this.topObserver.observe(objBackToTopTargetEl);\n };\n this.handleClick = () => {\n if (this.isTargetElNull) {\n window.scrollTo(0, 0);\n }\n else {\n this.targetEl.scrollIntoView();\n }\n // Get virtual cursor to move\n this.getObservedEl().focus();\n };\n this.checkForClassificationBanner = () => {\n //adjust position for classification banner at bottom\n const banners = document.querySelectorAll(\"ic-classification-banner:not([inline='true'])\");\n this.bannerOffset = banners.length > 0;\n };\n this.bannerOffset = false;\n this.footerVisible = false;\n this.targetElVisible = true;\n this.target = undefined;\n this.variant = \"default\";\n }\n watchPropHandler(newValue, oldValue) {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n onComponentPropUndefinedChange(oldValue, newValue, () => {\n this.createTopObserver(newValue);\n });\n }\n componentWillLoad() {\n this.createTopObserver(this.target);\n this.checkForClassificationBanner();\n //observer for when footer scrolls into view\n let footers = document.querySelectorAll(\"ic-footer\");\n if (footers.length === 0) {\n footers = document.querySelectorAll(\"footer\");\n }\n if (footers.length) {\n const footerEl = footers[footers.length - 1];\n const threshold = this.bannerOffset ? 0.15 : 0;\n const footerObserver = new IntersectionObserver(this.footerObserverCallback, { threshold: [threshold] });\n footerObserver.observe(footerEl);\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.target, propName: \"target\" }], \"Back to Top\");\n }\n render() {\n const { variant, bannerOffset, targetElVisible, footerVisible } = this;\n const btnVariant = variant === \"icon\" ? \"icon\" : \"tertiary\";\n const size = variant === \"icon\" ? \"large\" : \"medium\";\n const label = variant === \"icon\" ? \"\" : backToTopLabel;\n return (h(\"ic-button\", { \"aria-label\": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {\n [\"offset-banner\"]: bannerOffset,\n [\"show\"]: !targetElVisible,\n [\"by-footer\"]: footerVisible,\n [\"icon-only\"]: variant === \"icon\",\n } }, h(\"span\", { class: \"ic-back-to-top-icon\", innerHTML: ArrowUpward }), label));\n }\n static get is() { return \"ic-back-to-top\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get properties() {\n return {\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element to jump back to when the link is clicked.\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBackToTopVariants\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n \"references\": {\n \"IcBackToTopVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-back-to-top.types\",\n \"id\": \"src/components/ic-back-to-top/ic-back-to-top.types.ts::IcBackToTopVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the button to render\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"bannerOffset\": {},\n \"footerVisible\": {},\n \"targetElVisible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"target\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-back-to-top.js.map\n"],"version":3}
1
+ {"file":"ic-back-to-top.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,ynHAAynH;;ACGhpH,MAAM,cAAc,GAAG,aAAa,CAAC;MACxB,SAAS;IAClB;;QACI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG;YACjB,OAAO,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;SAC3D,CAAC;QACF,IAAI,CAAC,kBAAkB,GAAG,CAAC,OAAO;YAC9B,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;SAClC,CAAC;QACF,IAAI,CAAC,gBAAgB,GAAG,CAAC,OAAO;YAC5B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa;gBACd,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC;SAC/E,CAAC;QACF,IAAI,CAAC,wBAAwB,GAAG,CAAC,OAAO;YACpC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;SACtD,CAAC;QACF,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO;YAClC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;SACpD,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,CAAC,MAAM;YACvB,IAAI,aAAa,GAAG,IAAI,CAAC;YACzB,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS,EAAE;gBACzC,OAAO,CAAC,GAAG,CAAC,qFAAqF,CAAC,CAAC;aACtG;iBACI;gBACD,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,MAAM,EAAE,CAAC,CAAC;gBACxF,IAAI,aAAa,KAAK,IAAI,EAAE;oBACxB,OAAO,CAAC,GAAG,CAAC,sCAAsC,MAAM,yCAAyC,CAAC,CAAC;iBACtG;aACJ;YACD,OAAO,aAAa,CAAC;SACxB,CAAC;QACF,IAAI,CAAC,iBAAiB,GAAG,CAAC,MAAM;YAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAC1C,IAAI,SAAS,CAAC;;YAEd,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;gBAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;gBACxC,IAAI,UAAU,KAAK,IAAI,EAAE;oBACrB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;oBACvC,UAAU,CAAC,MAAM,EAAE,CAAC;iBACvB;aACJ;YACD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACxB,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC;gBAC1B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,iBAAiB,CAAC;gBAC5C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC9B;iBACI;gBACD,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;gBACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;aAC/B;;YAED,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3D,oBAAoB,CAAC,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;YACjE,oBAAoB,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YACpD,SAAS,CAAC,YAAY,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;;YAE5D,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC;YAC5D,IAAI,CAAC,WAAW,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,wBAAwB,EAAE;gBACvE,SAAS,EAAE,CAAC,CAAC,CAAC;gBACd,UAAU,EAAE,GAAG,SAAS,cAAc;aACzC,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;SAClD,CAAC;QACF,IAAI,CAAC,WAAW,GAAG;YACf,IAAI,IAAI,CAAC,cAAc,EAAE;gBACrB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACzB;iBACI;gBACD,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;aAClC;;YAED,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC;SAChC,CAAC;QACF,IAAI,CAAC,4BAA4B,GAAG;;YAEhC,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,+CAA+C,CAAC,CAAC;YAC3F,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;SAC1C,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;KAC5B;IACD,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;;QAE/BA,sCAA8B,CAAC,QAAQ,EAAE,QAAQ,EAAE;YAC/C,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;SACpC,CAAC,CAAC;KACN;IACD,iBAAiB;QACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpC,IAAI,CAAC,4BAA4B,EAAE,CAAC;;QAEpC,IAAI,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACrD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;SACjD;QACD,IAAI,OAAO,CAAC,MAAM,EAAE;YAChB,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,CAAC;YAC/C,MAAM,cAAc,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAE,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YACzG,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SACpC;KACJ;IACD,gBAAgB;QACZC,wCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;KAChG;IACD,MAAM;QACF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QACvE,MAAM,UAAU,GAAG,OAAO,KAAK,MAAM,GAAG,gBAAgB,GAAG,WAAW,CAAC;QACvE,MAAM,IAAI,GAAG,OAAO,KAAK,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;QACrD,MAAM,KAAK,GAAG,OAAO,KAAK,MAAM,GAAG,EAAE,GAAG,cAAc,CAAC;QACvD,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,YAAY,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS;aACvD,EAAE,EAAED,OAAC,CAAC,WAAW,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE;gBACnH,CAAC,eAAe,GAAG,YAAY;gBAC/B,CAAC,MAAM,GAAG,CAAC,eAAe;gBAC1B,CAAC,WAAW,GAAG,aAAa;gBAC5B,CAAC,WAAW,GAAG,OAAO,KAAK,MAAM;aACpC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE;KAC7G;IAGD,WAAW,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;","names":["onComponentPropUndefinedChange","onComponentRequiredPropUndefined","h","Host"],"sources":["../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.css?tag=ic-back-to-top&encapsulation=shadow","../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-back-to-top: z-index of back to top\n */\n\n:host {\n display: block;\n position: absolute;\n right: 0;\n}\n\nic-button {\n height: 2.5rem;\n align-items: center;\n background-color: var(--ic-color-background-primary);\n border-radius: 5rem;\n box-shadow: var(--ic-elevation-overlay);\n visibility: hidden;\n opacity: 0;\n position: fixed;\n right: var(--ic-space-md);\n bottom: var(--ic-space-md);\n transition: visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);\n z-index: var(--ic-z-index-back-to-top);\n}\n\n:host([variant=\"icon\"]) ic-button::part(button) {\n margin: 0;\n}\n\nic-button::part(button) {\n border-radius: 5rem;\n}\n\nic-button.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast);\n}\n\nic-button.by-footer {\n position: relative;\n right: var(--ic-space-md);\n bottom: 3.5rem;\n}\n\nic-button.offset-banner {\n margin-bottom: var(--ic-space-lg);\n}\n\n.ic-back-to-top-icon {\n padding-top: var(--ic-space-xxs);\n padding-right: var(--ic-space-xs);\n}\n\n.ic-back-to-top-icon > svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n}\n\n.icon-only {\n width: 2.5rem;\n}\n\n.icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n@media (forced-colors: active) {\n .icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n }\n}\n","import { h, Host } from \"@stencil/core\";\nimport ArrowUpward from \"./assets/ArrowUpward.svg\";\nimport { onComponentPropUndefinedChange, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst backToTopLabel = \"Back to top\";\nexport class BackToTop {\n constructor() {\n this.topObserver = null;\n this.getObservedEl = () => {\n return document.querySelector(\"#ic-back-to-top-target\");\n };\n this.setTargetElVisible = (visible) => {\n this.targetElVisible = visible;\n };\n this.setFooterVisible = (visible) => {\n this.checkForClassificationBanner();\n this.footerVisible =\n typeof window !== \"undefined\" && window.scrollY === 0 ? false : visible;\n };\n this.targetElObserverCallback = (entries) => {\n this.setTargetElVisible(entries[0].isIntersecting);\n };\n this.footerObserverCallback = (entries) => {\n this.setFooterVisible(entries[0].isIntersecting);\n };\n this.findTargetEl = (target) => {\n let targetElement = null;\n if (target === null || target === undefined) {\n console.log(\"Error: No target ID specified for back to top component - defaulting to top of page\");\n }\n else {\n targetElement = document.querySelector(`${target.startsWith(\"#\") ? \"\" : \"#\"}${target}`);\n if (targetElement === null) {\n console.log(`Error: Back to top target element '${target}' not found - defaulting to top of page`);\n }\n }\n return targetElement;\n };\n this.createTopObserver = (target) => {\n this.targetEl = this.findTargetEl(target);\n let objParent;\n //remove old element & observer\n if (this.topObserver !== null) {\n const observedEl = this.getObservedEl();\n if (observedEl !== null) {\n this.topObserver.unobserve(observedEl);\n observedEl.remove();\n }\n }\n if (this.targetEl === null) {\n objParent = document.body;\n this.targetEl = objParent.firstElementChild;\n this.isTargetElNull = true;\n }\n else {\n objParent = this.targetEl.parentNode;\n this.isTargetElNull = false;\n }\n //insert a new 0px height element before specified target that can be used to determine when page is scrolled\n const objBackToTopTargetEl = document.createElement(\"div\");\n objBackToTopTargetEl.setAttribute(\"id\", \"ic-back-to-top-target\");\n objBackToTopTargetEl.setAttribute(\"tabindex\", \"-1\"); // Needed for virtual cursor behaviour to work\n objParent.insertBefore(objBackToTopTargetEl, this.targetEl);\n // resize observer needs to factor in any top margin on the target el\n const marginTop = getComputedStyle(this.targetEl).marginTop;\n this.topObserver = new IntersectionObserver(this.targetElObserverCallback, {\n threshold: [0],\n rootMargin: `${marginTop} 0px 0px 0px`,\n });\n this.topObserver.observe(objBackToTopTargetEl);\n };\n this.handleClick = () => {\n if (this.isTargetElNull) {\n window.scrollTo(0, 0);\n }\n else {\n this.targetEl.scrollIntoView();\n }\n // Get virtual cursor to move\n this.getObservedEl().focus();\n };\n this.checkForClassificationBanner = () => {\n //adjust position for classification banner at bottom\n const banners = document.querySelectorAll(\"ic-classification-banner:not([inline='true'])\");\n this.bannerOffset = banners.length > 0;\n };\n this.bannerOffset = false;\n this.footerVisible = false;\n this.targetElVisible = true;\n this.target = undefined;\n this.theme = \"inherit\";\n this.variant = \"default\";\n }\n watchPropHandler(newValue, oldValue) {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n onComponentPropUndefinedChange(oldValue, newValue, () => {\n this.createTopObserver(newValue);\n });\n }\n componentWillLoad() {\n this.createTopObserver(this.target);\n this.checkForClassificationBanner();\n //observer for when footer scrolls into view\n let footers = document.querySelectorAll(\"ic-footer\");\n if (footers.length === 0) {\n footers = document.querySelectorAll(\"footer\");\n }\n if (footers.length) {\n const footerEl = footers[footers.length - 1];\n const threshold = this.bannerOffset ? 0.15 : 0;\n const footerObserver = new IntersectionObserver(this.footerObserverCallback, { threshold: [threshold] });\n footerObserver.observe(footerEl);\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.target, propName: \"target\" }], \"Back to Top\");\n }\n render() {\n const { variant, bannerOffset, targetElVisible, footerVisible } = this;\n const btnVariant = variant === \"icon\" ? \"icon-secondary\" : \"secondary\";\n const size = variant === \"icon\" ? \"large\" : \"medium\";\n const label = variant === \"icon\" ? \"\" : backToTopLabel;\n return (h(Host, { class: {\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"ic-button\", { \"aria-label\": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {\n [\"offset-banner\"]: bannerOffset,\n [\"show\"]: !targetElVisible,\n [\"by-footer\"]: footerVisible,\n [\"icon-only\"]: variant === \"icon\",\n }, theme: this.theme }, h(\"span\", { class: \"ic-back-to-top-icon\", innerHTML: ArrowUpward }), label)));\n }\n static get is() { return \"ic-back-to-top\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get properties() {\n return {\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element to jump back to when the link is clicked.\"\n },\n \"attribute\": \"target\",\n \"reflect\": 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\": 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 \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBackToTopVariants\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n \"references\": {\n \"IcBackToTopVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-back-to-top.types\",\n \"id\": \"src/components/ic-back-to-top/ic-back-to-top.types.ts::IcBackToTopVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the button to render\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"bannerOffset\": {},\n \"footerVisible\": {},\n \"targetElVisible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"target\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-back-to-top.js.map\n"],"version":3}
@@ -3,10 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4cf27b16.js');
6
- const helpers = require('./helpers-33b42cd6.js');
6
+ const helpers = require('./helpers-ce248d54.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-neutral) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-light-text)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-light-icon)}: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-primary-text-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-primary-text-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
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}@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
 
10
+ const NAVIGATION_BUTTON = "IC-NAVIGATION-BUTTON";
11
+ const TOP_NAVIGATION = "IC-TOP-NAVIGATION";
10
12
  const Badge = class {
11
13
  constructor(hostRef) {
12
14
  index.registerInstance(this, hostRef);
@@ -16,7 +18,7 @@ const Badge = class {
16
18
  if (colorRGBA) {
17
19
  const { r, g, b, a } = colorRGBA;
18
20
  this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
19
- this.foregroundColour = helpers.getThemeForegroundColor((r * 299 + g * 587 + b * 114) / 1000);
21
+ this.foregroundColour = helpers.getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
20
22
  }
21
23
  };
22
24
  this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber
@@ -45,6 +47,18 @@ const Badge = class {
45
47
  }
46
48
  }
47
49
  };
50
+ this.setPositionInTopNavigation = () => {
51
+ const parentTopNavEl = this.el.parentElement.parentElement;
52
+ parentTopNavEl.classList.contains("mobile-mode")
53
+ ? (this.position = "inline")
54
+ : (this.position = "near");
55
+ };
56
+ this.isInTopNav = () => {
57
+ const parentEl = this.el.parentElement;
58
+ const grandparentEl = parentEl.parentElement;
59
+ return (parentEl.tagName === NAVIGATION_BUTTON &&
60
+ grandparentEl.tagName === TOP_NAVIGATION);
61
+ };
48
62
  this.isAccessibleLabelDefined = () => helpers.isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;
49
63
  this.accessibleLabel = undefined;
50
64
  this.customColor = null;
@@ -83,6 +97,15 @@ const Badge = class {
83
97
  this.type === "text" &&
84
98
  helpers.onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Badge");
85
99
  }
100
+ componentWillRender() {
101
+ this.isInTopNav() && this.setPositionInTopNavigation();
102
+ }
103
+ navBarMenuOpenHandler() {
104
+ this.isInTopNav() && (this.position = "inline");
105
+ }
106
+ navBarMenuCloseHandler() {
107
+ this.isInTopNav() && (this.position = "near");
108
+ }
86
109
  render() {
87
110
  const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
88
111
  return (index.h(index.Host, { class: {
@@ -1 +1 @@
1
- {"file":"ic-badge.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,49HAA49H;;MCKl+H,KAAK;IACd;;QACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG;YAClB,MAAM,SAAS,GAAGA,qBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAClD,IAAI,SAAS,EAAE;gBACX,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;gBACjC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;gBAC/D,IAAI,CAAC,gBAAgB,GAAGC,+BAAuB,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC;aACzF;SACJ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS;cACrE,GAAG,IAAI,CAAC,SAAS,GAAG;cACpB,IAAI,CAAC,KAAK,CAAC;;;QAGjB,IAAI,CAAC,kBAAkB,GAAG;YACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;YACvC,MAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,EAAE;kBAClD,IAAI,CAAC,eAAe;kBACpB,IAAI,CAAC,KAAK,IAAI,4BAA4B,CAAC;YACjD,IAAI,QAAQ,EAAE;gBACV,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;gBAC7B,IAAI,OAAO,KAAK,SAAS;qBACpB,OAAO,KAAK,QAAQ,KAAK,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;oBAC1E,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe;0BACtC,GAAG,IAAI,CAAC,eAAe,IAAI;0BAC3B,EAAE,CAAC;oBACT,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO;0BAC3B,GAAG,eAAe,IAAI,gBAAgB,EAAE;0BACxC,SAAS,CAAC;iBACnB;qBACI;oBACD,IAAI,CAAC,SAAS,GAAG,KAAK,gBAAgB,EAAE,CAAC;iBAC5C;aACJ;SACJ,CAAC;QACF,IAAI,CAAC,wBAAwB,GAAG,MAAMC,qBAAa,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC;QAC3G,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACvB;IACD,sBAAsB;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;IACD,kBAAkB;QACd,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;KACtD;IACD,cAAc;QACV,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YAC3B,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;KACJ;IACD,cAAc;QACV,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;IACD,iBAAiB;QACb,IAAI,EAAE,CAAC;QACP,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACnD,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;QACjG,IAAI,SAAS;YACT,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACrC,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC7B;IACD,gBAAgB;QACZ,IAAI,CAAC,IAAI,KAAK,MAAM;YAChBC,wCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;KAC5F;IACD,MAAM;QACF,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC;QAClH,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,YAAY,QAAQ,EAAE,GAAG,IAAI;gBAC9B,CAAC,YAAY,IAAI,EAAE,GAAG,IAAI;gBAC1B,CAAC,YAAY,OAAO,EAAE,GAAG,IAAI;gBAC7B,CAAC,YAAY,IAAI,EAAE,GAAG,IAAI;gBAC1B,CAAC,uBAAuB,gBAAgB,EAAE,GAAG,gBAAgB,KAAK,IAAI,IAAI,OAAO,KAAK,QAAQ;gBAC9F,CAAC,GAAG,OAAO,GAAG,eAAe,GAAG,eAAe,EAAE,GAAG,IAAI;gBACxD,CAAC,YAAY,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;aAC7C,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,IAAI,KAAK,MAAM,IAAID,OAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,KAAKA,OAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,OAAO,GAAG,aAAa,GAAG,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,IAAIA,OAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE;KAClT;IAGD,WAAW,cAAc,KAAK,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;;;;","names":["convertToRGBA","getThemeForegroundColor","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-neutral) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-light-text);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-light-icon);\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-primary-text-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-primary-text-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@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, getThemeForegroundColor, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\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 this.ariaLabel = null;\n this.setBadgeColour = () => {\n const colorRGBA = convertToRGBA(this.customColor);\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getThemeForegroundColor((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 : undefined;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n this.accessibleLabel = undefined;\n this.customColor = null;\n this.maxNumber = undefined;\n this.position = \"far\";\n this.size = \"medium\";\n this.label = undefined;\n this.theme = \"inherit\";\n this.type = \"text\";\n this.variant = \"neutral\";\n this.visible = true;\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 render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { 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\", { name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { 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\",\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 \"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})`\",\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 \"attribute\": \"custom-color\",\n \"reflect\": false,\n \"defaultValue\": \"null\"\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\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 \"attribute\": \"max-number\",\n \"reflect\": false\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgePositions\",\n \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\"\",\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 \"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\\\"\",\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 \"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\",\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 \"attribute\": \"label\",\n \"reflect\": 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\": 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 \"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\\\"\",\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 \"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\\\"\",\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 \"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\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the badge will be displayed.\"\n },\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}\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-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@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 NAVIGATION_BUTTON = \"IC-NAVIGATION-BUTTON\";\nconst TOP_NAVIGATION = \"IC-TOP-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 this.ariaLabel = null;\n this.setBadgeColour = () => {\n const colorRGBA = convertToRGBA(this.customColor);\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 : undefined;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.setPositionInTopNavigation = () => {\n const parentTopNavEl = this.el.parentElement.parentElement;\n parentTopNavEl.classList.contains(\"mobile-mode\")\n ? (this.position = \"inline\")\n : (this.position = \"near\");\n };\n this.isInTopNav = () => {\n const parentEl = this.el.parentElement;\n const grandparentEl = parentEl.parentElement;\n return (parentEl.tagName === NAVIGATION_BUTTON &&\n grandparentEl.tagName === TOP_NAVIGATION);\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n this.accessibleLabel = undefined;\n this.customColor = null;\n this.maxNumber = undefined;\n this.position = \"far\";\n this.size = \"medium\";\n this.label = undefined;\n this.theme = \"inherit\";\n this.type = \"text\";\n this.variant = \"neutral\";\n this.visible = true;\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 }\n navBarMenuOpenHandler() {\n this.isInTopNav() && (this.position = \"inline\");\n }\n navBarMenuCloseHandler() {\n this.isInTopNav() && (this.position = \"near\");\n }\n render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { 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\", { name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { 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\",\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 \"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})`\",\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 \"attribute\": \"custom-color\",\n \"reflect\": false,\n \"defaultValue\": \"null\"\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\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 \"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\\\"\",\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 \"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\\\"\",\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 \"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\",\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 \"attribute\": \"label\",\n \"reflect\": 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\": 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 \"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\\\"\",\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 \"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\\\"\",\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 \"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\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the badge will be displayed.\"\n },\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-4cf27b16.js');
6
- const helpers = require('./helpers-33b42cd6.js');
6
+ const helpers = require('./helpers-ce248d54.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
 
@@ -28,7 +28,10 @@ const BreadcrumbGroup = class {
28
28
  };
29
29
  this.setBackBreadcrumb = () => {
30
30
  if (this.backBreadcrumbOnly) {
31
- this.setBackBreadcrumbAttr();
31
+ this.setLastParentCollapsedBackBreadcrumb();
32
+ }
33
+ else {
34
+ this.revertLastParentCollapsedBreadcrumb();
32
35
  }
33
36
  };
34
37
  this.setBackBreadcrumbAttr = () => {
@@ -42,8 +45,8 @@ const BreadcrumbGroup = class {
42
45
  if (allBreadcrumbs.length === 1) {
43
46
  return null;
44
47
  }
45
- this.breadcrumbs = allBreadcrumbs.filter((breadcrumb) => !breadcrumb.getAttribute("current"));
46
- this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 1];
48
+ this.breadcrumbs = allBreadcrumbs;
49
+ this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];
47
50
  return this.breadcrumb;
48
51
  };
49
52
  this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
@@ -54,20 +57,32 @@ const BreadcrumbGroup = class {
54
57
  });
55
58
  };
56
59
  this.setCollapsed = () => {
60
+ const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
61
+ const firstBreadcrumb = allBreadcrumbs[0];
62
+ if (this.collapsedBreadcrumbs) {
63
+ this.collapsedBreadcrumbs.forEach((breadcrumb) => {
64
+ breadcrumb.classList.remove("visuallyhidden");
65
+ breadcrumb.classList.remove("fade");
66
+ });
67
+ }
57
68
  if (this.collapsed) {
58
- const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
69
+ this.renderCollapsedBreadcrumb();
59
70
  this.collapsedBreadcrumbs = allBreadcrumbs
60
71
  .splice(1, allBreadcrumbs.length - 2)
61
72
  .filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
62
- this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
63
- const firstBreadcrumb = allBreadcrumbs[0];
73
+ if (!this.backBreadcrumbOnly) {
74
+ this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
75
+ }
64
76
  if (firstBreadcrumb) {
65
77
  firstBreadcrumb.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
66
78
  }
67
79
  }
80
+ else {
81
+ this.collapsedBreadcrumbWrapper.remove();
82
+ }
68
83
  };
69
84
  this.clickHandler = () => {
70
- this.handleHiddenCollapsedBreadcrumbs(this.collapsedBreadcrumbWrapper);
85
+ this.handleHiddenCollapsedBreadcrumbs();
71
86
  };
72
87
  this.renderCollapsedBreadcrumb = () => {
73
88
  this.collapsedBreadcrumbWrapper = document.createElement("ic-breadcrumb");
@@ -92,8 +107,8 @@ const BreadcrumbGroup = class {
92
107
  this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
93
108
  return this.collapsedBreadcrumbWrapper;
94
109
  };
95
- this.handleHiddenCollapsedBreadcrumbs = (collapsedBreadcrumbWrapper) => {
96
- collapsedBreadcrumbWrapper.remove();
110
+ this.handleHiddenCollapsedBreadcrumbs = () => {
111
+ this.collapsedBreadcrumbWrapper.remove();
97
112
  this.collapsedBreadcrumbs.forEach((breadcrumb) => {
98
113
  breadcrumb.classList.add("visuallyhidden");
99
114
  breadcrumb.classList.remove("hide");
@@ -115,11 +130,18 @@ const BreadcrumbGroup = class {
115
130
  breadcrumb.addEventListener("transitionend", this.transitionendHandler);
116
131
  };
117
132
  this.setLastParentCollapsedBackBreadcrumb = () => {
133
+ this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
118
134
  this.setBackBreadcrumbAttr();
119
- this.lastParentBreadcrumb.classList.remove("hide");
135
+ if (this.lastParentBreadcrumb) {
136
+ this.lastParentBreadcrumb.classList.remove("hide");
137
+ this.lastParentBreadcrumb.classList.add("show");
138
+ }
120
139
  };
121
140
  this.revertLastParentCollapsedBreadcrumb = () => {
122
141
  this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
142
+ if (this.collapsed) {
143
+ this.lastParentBreadcrumb.classList.add("hide");
144
+ }
123
145
  };
124
146
  this.resizeObserverCallback = (currSize) => {
125
147
  if (currSize !== this.deviceSize) {
@@ -167,6 +189,9 @@ const BreadcrumbGroup = class {
167
189
  watchBackBreadcrumbHandler() {
168
190
  this.setBackBreadcrumb();
169
191
  }
192
+ watchCollapsedHandler() {
193
+ this.setCollapsed();
194
+ }
170
195
  watchMonochromeHandler() {
171
196
  this.setBreadcrumbMonochrome();
172
197
  }
@@ -183,15 +208,12 @@ const BreadcrumbGroup = class {
183
208
  else {
184
209
  helpers.checkResizeObserver(this.runResizeObserver);
185
210
  }
186
- if (this.collapsed) {
187
- this.collapsedBreadcrumbWrapper = this.renderCollapsedBreadcrumb();
188
- if (allBreadcrumbs.length > 2) {
189
- if (helpers.getCurrentDeviceSize() === helpers.DEVICE_SIZES.S) {
190
- this.setLastParentCollapsedBackBreadcrumb();
191
- }
192
- else {
193
- this.setCollapsed();
194
- }
211
+ if (this.collapsed && allBreadcrumbs.length > 2) {
212
+ if (helpers.getCurrentDeviceSize() === helpers.DEVICE_SIZES.S) {
213
+ this.setLastParentCollapsedBackBreadcrumb();
214
+ }
215
+ else {
216
+ this.setCollapsed();
195
217
  }
196
218
  }
197
219
  }
@@ -211,6 +233,7 @@ const BreadcrumbGroup = class {
211
233
  get el() { return index.getElement(this); }
212
234
  static get watchers() { return {
213
235
  "backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
236
+ "collapsed": ["watchCollapsedHandler"],
214
237
  "monochrome": ["watchMonochromeHandler"],
215
238
  "theme": ["watchThemeHandler"]
216
239
  }; }