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

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 (480) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-6f33d131.js → helpers-a5405964.js} +12 -20
  3. package/dist/cjs/helpers-a5405964.js.map +1 -0
  4. package/dist/cjs/ic-accordion.cjs.entry.js +9 -7
  5. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ic-alert.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +2 -2
  9. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
  11. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-button_3.cjs.entry.js +8 -8
  13. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-card-horizontal.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-card-vertical.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-checkbox-group.cjs.entry.js +2 -2
  18. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-checkbox_3.cjs.entry.js +20 -37
  20. package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  22. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
  24. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-data-table.cjs.entry.js +311 -319
  27. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-date-input.cjs.entry.js +1 -1
  29. package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  31. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
  33. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-hero.cjs.entry.js +6 -5
  35. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -5
  37. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +22 -21
  39. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-input-label_2.cjs.entry.js +7 -7
  41. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-link.cjs.entry.js +11 -21
  43. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-navigation-group.cjs.entry.js +115 -163
  47. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-navigation-item.cjs.entry.js +64 -61
  49. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-navigation-menu.cjs.entry.js +4 -4
  51. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-page-header.cjs.entry.js +6 -6
  53. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-pagination_4.cjs.entry.js +160 -231
  55. package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -5
  57. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-radio-group.cjs.entry.js +4 -4
  59. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-radio-option.cjs.entry.js +4 -4
  61. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-search-bar.cjs.entry.js +49 -31
  63. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  65. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-side-navigation.cjs.entry.js +23 -4
  67. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  69. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
  71. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-status-tag.cjs.entry.js +2 -2
  73. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-step.cjs.entry.js +13 -13
  75. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-stepper.cjs.entry.js +2 -2
  77. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-switch.cjs.entry.js +4 -4
  79. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  81. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-tab-group.cjs.entry.js +2 -2
  83. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  85. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  87. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  89. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-toast.cjs.entry.js +3 -3
  91. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +53 -67
  93. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-toggle-button.cjs.entry.js +61 -63
  95. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-top-navigation.cjs.entry.js +64 -62
  97. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-tree-item.cjs.entry.js +1 -1
  99. package/dist/cjs/ic-tree-view.cjs.entry.js +1 -1
  100. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  101. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  102. package/dist/cjs/loader.cjs.js +1 -1
  103. package/dist/collection/components/ic-data-table/ic-data-table.css +3 -5
  104. package/dist/collection/components/ic-data-table/ic-data-table.js +310 -318
  105. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  106. package/dist/collection/components/ic-data-table/story-data.js +1 -0
  107. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  108. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +30 -22
  109. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
  110. package/dist/collection/utils/helpers.js +23 -51
  111. package/dist/collection/utils/helpers.js.map +1 -1
  112. package/dist/collection/utils/types.js.map +1 -1
  113. package/dist/components/helpers2.js +12 -20
  114. package/dist/components/helpers2.js.map +1 -1
  115. package/dist/components/ic-accordion.js +9 -7
  116. package/dist/components/ic-accordion.js.map +1 -1
  117. package/dist/components/ic-alert.js +1 -1
  118. package/dist/components/ic-alert.js.map +1 -1
  119. package/dist/components/ic-breadcrumb-group.js +2 -2
  120. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  121. package/dist/components/ic-breadcrumb2.js +2 -2
  122. package/dist/components/ic-breadcrumb2.js.map +1 -1
  123. package/dist/components/ic-button2.js +3 -3
  124. package/dist/components/ic-button2.js.map +1 -1
  125. package/dist/components/ic-card-vertical.js +1 -1
  126. package/dist/components/ic-card-vertical.js.map +1 -1
  127. package/dist/components/ic-checkbox-group.js +2 -2
  128. package/dist/components/ic-checkbox-group.js.map +1 -1
  129. package/dist/components/ic-checkbox2.js +7 -12
  130. package/dist/components/ic-checkbox2.js.map +1 -1
  131. package/dist/components/ic-data-list.js +2 -2
  132. package/dist/components/ic-data-list.js.map +1 -1
  133. package/dist/components/ic-data-row.js +2 -2
  134. package/dist/components/ic-data-row.js.map +1 -1
  135. package/dist/components/ic-data-table.js +311 -319
  136. package/dist/components/ic-data-table.js.map +1 -1
  137. package/dist/components/ic-dialog.js +1 -1
  138. package/dist/components/ic-dialog.js.map +1 -1
  139. package/dist/components/ic-empty-state2.js +2 -2
  140. package/dist/components/ic-empty-state2.js.map +1 -1
  141. package/dist/components/ic-footer-link.js +2 -2
  142. package/dist/components/ic-footer-link.js.map +1 -1
  143. package/dist/components/ic-hero.js +6 -5
  144. package/dist/components/ic-hero.js.map +1 -1
  145. package/dist/components/ic-horizontal-scroll2.js +5 -5
  146. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  147. package/dist/components/ic-input-component-container2.js +3 -3
  148. package/dist/components/ic-input-component-container2.js.map +1 -1
  149. package/dist/components/ic-input-container2.js +2 -2
  150. package/dist/components/ic-input-container2.js.map +1 -1
  151. package/dist/components/ic-input-label2.js +4 -4
  152. package/dist/components/ic-input-label2.js.map +1 -1
  153. package/dist/components/ic-input-validation2.js +3 -3
  154. package/dist/components/ic-input-validation2.js.map +1 -1
  155. package/dist/components/ic-link2.js +12 -24
  156. package/dist/components/ic-link2.js.map +1 -1
  157. package/dist/components/ic-loading-indicator2.js +3 -3
  158. package/dist/components/ic-loading-indicator2.js.map +1 -1
  159. package/dist/components/ic-menu-group.js +1 -1
  160. package/dist/components/ic-menu-group.js.map +1 -1
  161. package/dist/components/ic-menu2.js +17 -16
  162. package/dist/components/ic-menu2.js.map +1 -1
  163. package/dist/components/ic-navigation-group.js +115 -163
  164. package/dist/components/ic-navigation-group.js.map +1 -1
  165. package/dist/components/ic-navigation-item.js +67 -62
  166. package/dist/components/ic-navigation-item.js.map +1 -1
  167. package/dist/components/ic-navigation-menu2.js +4 -4
  168. package/dist/components/ic-navigation-menu2.js.map +1 -1
  169. package/dist/components/ic-page-header.js +6 -6
  170. package/dist/components/ic-page-header.js.map +1 -1
  171. package/dist/components/ic-pagination-bar2.js +12 -23
  172. package/dist/components/ic-pagination-bar2.js.map +1 -1
  173. package/dist/components/ic-pagination-item2.js +1 -1
  174. package/dist/components/ic-pagination-item2.js.map +1 -1
  175. package/dist/components/ic-pagination2.js +4 -4
  176. package/dist/components/ic-pagination2.js.map +1 -1
  177. package/dist/components/ic-popover-menu.js +5 -5
  178. package/dist/components/ic-popover-menu.js.map +1 -1
  179. package/dist/components/ic-radio-group.js +4 -4
  180. package/dist/components/ic-radio-group.js.map +1 -1
  181. package/dist/components/ic-radio-option.js +4 -4
  182. package/dist/components/ic-radio-option.js.map +1 -1
  183. package/dist/components/ic-search-bar.js +50 -31
  184. package/dist/components/ic-search-bar.js.map +1 -1
  185. package/dist/components/ic-section-container2.js +2 -2
  186. package/dist/components/ic-section-container2.js.map +1 -1
  187. package/dist/components/ic-select2.js +141 -217
  188. package/dist/components/ic-select2.js.map +1 -1
  189. package/dist/components/ic-side-navigation.js +24 -4
  190. package/dist/components/ic-side-navigation.js.map +1 -1
  191. package/dist/components/ic-skeleton.js +2 -2
  192. package/dist/components/ic-skeleton.js.map +1 -1
  193. package/dist/components/ic-skip-link.js +2 -2
  194. package/dist/components/ic-skip-link.js.map +1 -1
  195. package/dist/components/ic-status-tag.js +2 -2
  196. package/dist/components/ic-status-tag.js.map +1 -1
  197. package/dist/components/ic-step.js +13 -13
  198. package/dist/components/ic-step.js.map +1 -1
  199. package/dist/components/ic-stepper.js +2 -2
  200. package/dist/components/ic-stepper.js.map +1 -1
  201. package/dist/components/ic-switch.js +4 -4
  202. package/dist/components/ic-switch.js.map +1 -1
  203. package/dist/components/ic-tab-context.js +1 -1
  204. package/dist/components/ic-tab-context.js.map +1 -1
  205. package/dist/components/ic-tab-group.js +2 -2
  206. package/dist/components/ic-tab-group.js.map +1 -1
  207. package/dist/components/ic-tab-panel.js +2 -2
  208. package/dist/components/ic-tab-panel.js.map +1 -1
  209. package/dist/components/ic-text-field2.js +16 -10
  210. package/dist/components/ic-text-field2.js.map +1 -1
  211. package/dist/components/ic-theme.js +1 -1
  212. package/dist/components/ic-theme.js.map +1 -1
  213. package/dist/components/ic-toast-region.js +1 -1
  214. package/dist/components/ic-toast-region.js.map +1 -1
  215. package/dist/components/ic-toast.js +3 -3
  216. package/dist/components/ic-toast.js.map +1 -1
  217. package/dist/components/ic-toggle-button-group.js +53 -67
  218. package/dist/components/ic-toggle-button-group.js.map +1 -1
  219. package/dist/components/ic-toggle-button.js +61 -63
  220. package/dist/components/ic-toggle-button.js.map +1 -1
  221. package/dist/components/ic-tooltip2.js +2 -2
  222. package/dist/components/ic-tooltip2.js.map +1 -1
  223. package/dist/components/ic-top-navigation.js +65 -63
  224. package/dist/components/ic-top-navigation.js.map +1 -1
  225. package/dist/components/ic-tree-view.js +1 -1
  226. package/dist/components/ic-typography2.js +2 -2
  227. package/dist/components/ic-typography2.js.map +1 -1
  228. package/dist/core/core.esm.js +1 -1
  229. package/dist/core/core.esm.js.map +1 -1
  230. package/dist/core/{p-ef07630d.entry.js → p-0c9c6c31.entry.js} +2 -2
  231. package/dist/core/{p-ef07630d.entry.js.map → p-0c9c6c31.entry.js.map} +1 -1
  232. package/dist/core/p-0e0e0942.js +2 -0
  233. package/dist/core/p-0e0e0942.js.map +1 -0
  234. package/dist/core/{p-824cbf95.entry.js → p-1673d010.entry.js} +2 -2
  235. package/dist/core/{p-824cbf95.entry.js.map → p-1673d010.entry.js.map} +1 -1
  236. package/dist/core/{p-e9683f52.entry.js → p-16e78c1d.entry.js} +2 -2
  237. package/dist/core/p-16e78c1d.entry.js.map +1 -0
  238. package/dist/core/p-17926ee3.entry.js +2 -0
  239. package/dist/core/p-17926ee3.entry.js.map +1 -0
  240. package/dist/core/{p-fbcc2a11.entry.js → p-188ba287.entry.js} +2 -2
  241. package/dist/core/{p-fbcc2a11.entry.js.map → p-188ba287.entry.js.map} +1 -1
  242. package/dist/core/{p-bff6fef6.entry.js → p-1f18bbf6.entry.js} +2 -2
  243. package/dist/core/{p-bff6fef6.entry.js.map → p-1f18bbf6.entry.js.map} +1 -1
  244. package/dist/core/{p-0e3a62cc.entry.js → p-2667c808.entry.js} +2 -2
  245. package/dist/core/{p-3800cda8.entry.js → p-28611f52.entry.js} +2 -2
  246. package/dist/core/p-28611f52.entry.js.map +1 -0
  247. package/dist/core/{p-fb1fce87.entry.js → p-29a49ea2.entry.js} +2 -2
  248. package/dist/core/{p-fb1fce87.entry.js.map → p-29a49ea2.entry.js.map} +1 -1
  249. package/dist/core/{p-bc2ca778.entry.js → p-3cb4ecef.entry.js} +2 -2
  250. package/dist/core/{p-bc2ca778.entry.js.map → p-3cb4ecef.entry.js.map} +1 -1
  251. package/dist/core/p-4444e787.entry.js +2 -0
  252. package/dist/core/{p-cd770df5.entry.js.map → p-4444e787.entry.js.map} +1 -1
  253. package/dist/core/p-4aaf10a5.entry.js +2 -0
  254. package/dist/core/p-4aaf10a5.entry.js.map +1 -0
  255. package/dist/core/{p-e7c00131.entry.js → p-578a02ff.entry.js} +2 -2
  256. package/dist/core/{p-e7c00131.entry.js.map → p-578a02ff.entry.js.map} +1 -1
  257. package/dist/core/{p-a054bb1b.entry.js → p-582da938.entry.js} +2 -2
  258. package/dist/core/{p-a054bb1b.entry.js.map → p-582da938.entry.js.map} +1 -1
  259. package/dist/core/{p-d328f6fc.entry.js → p-5926c2b2.entry.js} +2 -2
  260. package/dist/core/{p-d328f6fc.entry.js.map → p-5926c2b2.entry.js.map} +1 -1
  261. package/dist/core/p-61e78ce0.entry.js +2 -0
  262. package/dist/core/p-61e78ce0.entry.js.map +1 -0
  263. package/dist/core/{p-5744b8b3.entry.js → p-6a63a73a.entry.js} +2 -2
  264. package/dist/core/{p-5744b8b3.entry.js.map → p-6a63a73a.entry.js.map} +1 -1
  265. package/dist/core/{p-266686d0.entry.js → p-6bfff7ba.entry.js} +2 -2
  266. package/dist/core/p-6bfff7ba.entry.js.map +1 -0
  267. package/dist/core/{p-f6141c29.entry.js → p-7c3cd0b8.entry.js} +2 -2
  268. package/dist/core/p-7e4f5717.entry.js +2 -0
  269. package/dist/core/p-7e4f5717.entry.js.map +1 -0
  270. package/dist/core/{p-eb88b348.entry.js → p-7eaa223b.entry.js} +2 -2
  271. package/dist/core/{p-eb88b348.entry.js.map → p-7eaa223b.entry.js.map} +1 -1
  272. package/dist/core/{p-09f54ca3.entry.js → p-8112444e.entry.js} +2 -2
  273. package/dist/core/{p-09f54ca3.entry.js.map → p-8112444e.entry.js.map} +1 -1
  274. package/dist/core/{p-af1d6e41.entry.js → p-85a17585.entry.js} +2 -2
  275. package/dist/core/{p-1aed572a.entry.js → p-864e337f.entry.js} +2 -2
  276. package/dist/core/{p-1aed572a.entry.js.map → p-864e337f.entry.js.map} +1 -1
  277. package/dist/core/{p-fb8d27fa.entry.js → p-887b1302.entry.js} +2 -2
  278. package/dist/core/{p-fb8d27fa.entry.js.map → p-887b1302.entry.js.map} +1 -1
  279. package/dist/core/p-8d2d9e11.entry.js +2 -0
  280. package/dist/core/p-8d2d9e11.entry.js.map +1 -0
  281. package/dist/core/p-920f6480.entry.js +2 -0
  282. package/dist/core/p-920f6480.entry.js.map +1 -0
  283. package/dist/core/{p-7c096c5e.entry.js → p-9687e929.entry.js} +2 -2
  284. package/dist/core/{p-7c096c5e.entry.js.map → p-9687e929.entry.js.map} +1 -1
  285. package/dist/core/{p-33f4abc9.entry.js → p-976f4280.entry.js} +2 -2
  286. package/dist/core/{p-33f4abc9.entry.js.map → p-976f4280.entry.js.map} +1 -1
  287. package/dist/core/p-9989ec00.entry.js +2 -0
  288. package/dist/core/p-9989ec00.entry.js.map +1 -0
  289. package/dist/core/{p-93e154e0.entry.js → p-9a78f449.entry.js} +2 -2
  290. package/dist/core/{p-93e154e0.entry.js.map → p-9a78f449.entry.js.map} +1 -1
  291. package/dist/core/{p-f9a16fa8.entry.js → p-9aecbfe9.entry.js} +2 -2
  292. package/dist/core/{p-f9a16fa8.entry.js.map → p-9aecbfe9.entry.js.map} +1 -1
  293. package/dist/core/{p-45f32fea.entry.js → p-a894ddb6.entry.js} +2 -2
  294. package/dist/core/p-a894ddb6.entry.js.map +1 -0
  295. package/dist/core/p-abcaf14d.entry.js +2 -0
  296. package/dist/core/p-abcaf14d.entry.js.map +1 -0
  297. package/dist/core/p-aeeff0e5.entry.js +2 -0
  298. package/dist/core/p-aeeff0e5.entry.js.map +1 -0
  299. package/dist/core/{p-e38b20bf.entry.js → p-b92727c0.entry.js} +2 -2
  300. package/dist/core/{p-e38b20bf.entry.js.map → p-b92727c0.entry.js.map} +1 -1
  301. package/dist/core/{p-d3d48548.entry.js → p-ba5e1b21.entry.js} +2 -2
  302. package/dist/core/{p-d3d48548.entry.js.map → p-ba5e1b21.entry.js.map} +1 -1
  303. package/dist/core/{p-b9459ba2.entry.js → p-bf3b853e.entry.js} +2 -2
  304. package/dist/core/{p-b9459ba2.entry.js.map → p-bf3b853e.entry.js.map} +1 -1
  305. package/dist/core/{p-9882c572.entry.js → p-c3be8a0f.entry.js} +2 -2
  306. package/dist/core/p-c3be8a0f.entry.js.map +1 -0
  307. package/dist/core/{p-72c117b6.entry.js → p-c5ffe2cf.entry.js} +2 -2
  308. package/dist/core/{p-72c117b6.entry.js.map → p-c5ffe2cf.entry.js.map} +1 -1
  309. package/dist/core/{p-aa83f828.entry.js → p-c8d207e1.entry.js} +2 -2
  310. package/dist/core/p-ca7e1219.entry.js +2 -0
  311. package/dist/core/p-ca7e1219.entry.js.map +1 -0
  312. package/dist/core/p-d0c38d58.entry.js +2 -0
  313. package/dist/core/p-d0c38d58.entry.js.map +1 -0
  314. package/dist/core/{p-df88ff5b.entry.js → p-d4903dcd.entry.js} +2 -2
  315. package/dist/core/{p-df88ff5b.entry.js.map → p-d4903dcd.entry.js.map} +1 -1
  316. package/dist/core/{p-9ca147f3.entry.js → p-de1e04ac.entry.js} +2 -2
  317. package/dist/core/{p-9ca147f3.entry.js.map → p-de1e04ac.entry.js.map} +1 -1
  318. package/dist/core/{p-8b5022bc.entry.js → p-dee21f6d.entry.js} +2 -2
  319. package/dist/core/{p-8b5022bc.entry.js.map → p-dee21f6d.entry.js.map} +1 -1
  320. package/dist/core/{p-ad390076.entry.js → p-e003ad46.entry.js} +2 -2
  321. package/dist/core/{p-ad390076.entry.js.map → p-e003ad46.entry.js.map} +1 -1
  322. package/dist/core/{p-1be17f22.entry.js → p-e2629bfe.entry.js} +2 -2
  323. package/dist/core/{p-1be17f22.entry.js.map → p-e2629bfe.entry.js.map} +1 -1
  324. package/dist/core/p-e38dd019.entry.js +2 -0
  325. package/dist/core/p-e38dd019.entry.js.map +1 -0
  326. package/dist/core/{p-84daed4d.entry.js → p-e546d477.entry.js} +2 -2
  327. package/dist/core/p-e546d477.entry.js.map +1 -0
  328. package/dist/core/{p-5c363e21.entry.js → p-f9e78341.entry.js} +2 -2
  329. package/dist/core/{p-0a0b25c5.entry.js → p-fedfd000.entry.js} +2 -2
  330. package/dist/esm/core.js +1 -1
  331. package/dist/esm/{helpers-0bb68835.js → helpers-ef2db990.js} +13 -21
  332. package/dist/esm/helpers-ef2db990.js.map +1 -0
  333. package/dist/esm/ic-accordion.entry.js +9 -7
  334. package/dist/esm/ic-accordion.entry.js.map +1 -1
  335. package/dist/esm/ic-alert.entry.js +1 -1
  336. package/dist/esm/ic-alert.entry.js.map +1 -1
  337. package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
  338. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  339. package/dist/esm/ic-breadcrumb.entry.js +2 -2
  340. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  341. package/dist/esm/ic-button_3.entry.js +8 -8
  342. package/dist/esm/ic-button_3.entry.js.map +1 -1
  343. package/dist/esm/ic-card-horizontal.entry.js +1 -1
  344. package/dist/esm/ic-card-vertical.entry.js +1 -1
  345. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  346. package/dist/esm/ic-checkbox-group.entry.js +2 -2
  347. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  348. package/dist/esm/ic-checkbox_3.entry.js +20 -37
  349. package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
  350. package/dist/esm/ic-data-list.entry.js +2 -2
  351. package/dist/esm/ic-data-list.entry.js.map +1 -1
  352. package/dist/esm/ic-data-row.entry.js +2 -2
  353. package/dist/esm/ic-data-row.entry.js.map +1 -1
  354. package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
  355. package/dist/esm/ic-data-table.entry.js +311 -319
  356. package/dist/esm/ic-data-table.entry.js.map +1 -1
  357. package/dist/esm/ic-date-input.entry.js +1 -1
  358. package/dist/esm/ic-date-picker.entry.js +1 -1
  359. package/dist/esm/ic-dialog.entry.js +1 -1
  360. package/dist/esm/ic-dialog.entry.js.map +1 -1
  361. package/dist/esm/ic-footer-link.entry.js +2 -2
  362. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  363. package/dist/esm/ic-hero.entry.js +6 -5
  364. package/dist/esm/ic-hero.entry.js.map +1 -1
  365. package/dist/esm/ic-horizontal-scroll.entry.js +5 -5
  366. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  367. package/dist/esm/ic-input-component-container_3.entry.js +22 -21
  368. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  369. package/dist/esm/ic-input-label_2.entry.js +7 -7
  370. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  371. package/dist/esm/ic-link.entry.js +11 -21
  372. package/dist/esm/ic-link.entry.js.map +1 -1
  373. package/dist/esm/ic-menu-group.entry.js +1 -1
  374. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  375. package/dist/esm/ic-navigation-group.entry.js +115 -163
  376. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  377. package/dist/esm/ic-navigation-item.entry.js +64 -61
  378. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  379. package/dist/esm/ic-navigation-menu.entry.js +4 -4
  380. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  381. package/dist/esm/ic-page-header.entry.js +6 -6
  382. package/dist/esm/ic-page-header.entry.js.map +1 -1
  383. package/dist/esm/ic-pagination_4.entry.js +161 -232
  384. package/dist/esm/ic-pagination_4.entry.js.map +1 -1
  385. package/dist/esm/ic-popover-menu.entry.js +5 -5
  386. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  387. package/dist/esm/ic-radio-group.entry.js +4 -4
  388. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  389. package/dist/esm/ic-radio-option.entry.js +4 -4
  390. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  391. package/dist/esm/ic-search-bar.entry.js +49 -31
  392. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  393. package/dist/esm/ic-section-container.entry.js +2 -2
  394. package/dist/esm/ic-section-container.entry.js.map +1 -1
  395. package/dist/esm/ic-side-navigation.entry.js +23 -4
  396. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  397. package/dist/esm/ic-skeleton.entry.js +2 -2
  398. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  399. package/dist/esm/ic-skip-link.entry.js +2 -2
  400. package/dist/esm/ic-skip-link.entry.js.map +1 -1
  401. package/dist/esm/ic-status-tag.entry.js +2 -2
  402. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  403. package/dist/esm/ic-step.entry.js +13 -13
  404. package/dist/esm/ic-step.entry.js.map +1 -1
  405. package/dist/esm/ic-stepper.entry.js +2 -2
  406. package/dist/esm/ic-stepper.entry.js.map +1 -1
  407. package/dist/esm/ic-switch.entry.js +4 -4
  408. package/dist/esm/ic-switch.entry.js.map +1 -1
  409. package/dist/esm/ic-tab-context.entry.js +1 -1
  410. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  411. package/dist/esm/ic-tab-group.entry.js +2 -2
  412. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  413. package/dist/esm/ic-tab-panel.entry.js +2 -2
  414. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  415. package/dist/esm/ic-theme.entry.js +1 -1
  416. package/dist/esm/ic-theme.entry.js.map +1 -1
  417. package/dist/esm/ic-toast-region.entry.js +1 -1
  418. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  419. package/dist/esm/ic-toast.entry.js +3 -3
  420. package/dist/esm/ic-toast.entry.js.map +1 -1
  421. package/dist/esm/ic-toggle-button-group.entry.js +53 -67
  422. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  423. package/dist/esm/ic-toggle-button.entry.js +61 -63
  424. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  425. package/dist/esm/ic-top-navigation.entry.js +65 -63
  426. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  427. package/dist/esm/ic-tree-item.entry.js +1 -1
  428. package/dist/esm/ic-tree-view.entry.js +1 -1
  429. package/dist/esm/ic-typography.entry.js +2 -2
  430. package/dist/esm/ic-typography.entry.js.map +1 -1
  431. package/dist/esm/loader.js +1 -1
  432. package/dist/types/components/ic-data-table/ic-data-table.d.ts +15 -4
  433. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +4 -1
  434. package/dist/types/components.d.ts +8 -0
  435. package/dist/types/utils/helpers.d.ts +3 -3
  436. package/dist/types/utils/types.d.ts +2 -0
  437. package/hydrate/index.js +1085 -1214
  438. package/hydrate/index.mjs +1085 -1214
  439. package/package.json +3 -3
  440. package/dist/cjs/helpers-6f33d131.js.map +0 -1
  441. package/dist/core/p-10703715.entry.js +0 -2
  442. package/dist/core/p-10703715.entry.js.map +0 -1
  443. package/dist/core/p-266686d0.entry.js.map +0 -1
  444. package/dist/core/p-3800cda8.entry.js.map +0 -1
  445. package/dist/core/p-45f32fea.entry.js.map +0 -1
  446. package/dist/core/p-59bc9fe7.entry.js +0 -2
  447. package/dist/core/p-59bc9fe7.entry.js.map +0 -1
  448. package/dist/core/p-6724039c.entry.js +0 -2
  449. package/dist/core/p-6724039c.entry.js.map +0 -1
  450. package/dist/core/p-84daed4d.entry.js.map +0 -1
  451. package/dist/core/p-92a969b3.entry.js +0 -2
  452. package/dist/core/p-92a969b3.entry.js.map +0 -1
  453. package/dist/core/p-954959d4.entry.js +0 -2
  454. package/dist/core/p-954959d4.entry.js.map +0 -1
  455. package/dist/core/p-95868542.entry.js +0 -2
  456. package/dist/core/p-95868542.entry.js.map +0 -1
  457. package/dist/core/p-9882c572.entry.js.map +0 -1
  458. package/dist/core/p-9918c411.entry.js +0 -2
  459. package/dist/core/p-9918c411.entry.js.map +0 -1
  460. package/dist/core/p-ad45f8f8.entry.js +0 -2
  461. package/dist/core/p-ad45f8f8.entry.js.map +0 -1
  462. package/dist/core/p-b947e4ff.entry.js +0 -2
  463. package/dist/core/p-b947e4ff.entry.js.map +0 -1
  464. package/dist/core/p-c472cb32.entry.js +0 -2
  465. package/dist/core/p-c472cb32.entry.js.map +0 -1
  466. package/dist/core/p-cd770df5.entry.js +0 -2
  467. package/dist/core/p-e9683f52.entry.js.map +0 -1
  468. package/dist/core/p-ed542433.js +0 -2
  469. package/dist/core/p-ed542433.js.map +0 -1
  470. package/dist/core/p-edeb3823.entry.js +0 -2
  471. package/dist/core/p-edeb3823.entry.js.map +0 -1
  472. package/dist/core/p-fb8214a9.entry.js +0 -2
  473. package/dist/core/p-fb8214a9.entry.js.map +0 -1
  474. package/dist/esm/helpers-0bb68835.js.map +0 -1
  475. /package/dist/core/{p-0e3a62cc.entry.js.map → p-2667c808.entry.js.map} +0 -0
  476. /package/dist/core/{p-f6141c29.entry.js.map → p-7c3cd0b8.entry.js.map} +0 -0
  477. /package/dist/core/{p-af1d6e41.entry.js.map → p-85a17585.entry.js.map} +0 -0
  478. /package/dist/core/{p-aa83f828.entry.js.map → p-c8d207e1.entry.js.map} +0 -0
  479. /package/dist/core/{p-5c363e21.entry.js.map → p-f9e78341.entry.js.map} +0 -0
  480. /package/dist/core/{p-0a0b25c5.entry.js.map → p-fedfd000.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icPopoverMenuCss","IcPopoverMenuStyle0","MENU_SELECTOR","PopoverMenu","constructor","hostRef","this","ARIA_LABEL","popoverMenuEls","openingFromChild","openingFromParent","submenuLevel","theme","open","undefined","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","submenuId","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","id","tagName","target","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","getAttribute","isPropDefined","parentLabel","handleBackButtonClick","parentPopover","openFromChild","initPopperJS","anchorEl","popperInstance","createPopper","placement","modifiers","name","options","offset","fallbackPlacements","rootBoundary","watchOpenHandler","popoverArr","parentElement","querySelectorAll","forEach","popover","some","menuItem","backButton","unshift","setTimeout","destroy","disconnectedCallback","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","componentDidRender","handleMenuItemClick","detail","submenuTriggerFor","label","closeMenu","handleSubmenuChange","childEl","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","setFocusToAnchor","menuElement","icPopoverClosed","emit","render","h","Host","class","menu","role","ref","onClick","slot","viewBox","fill","xmlns","d","variant","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.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-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n :host .opening-from-parent {\n animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n }\n\n :host .opening-from-child {\n animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n }\n}\n\n:host {\n border-radius: var(--ic-border-radius);\n color: var(--ic-popover-nav-text);\n\n --ic-typography-color: var(--ic-popover-nav-text);\n\n position: relative;\n z-index: var(--ic-z-index-popover);\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n display: none;\n overflow-x: clip;\n}\n\n:host(.on-dialog) {\n inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n border: var(--ic-border-default);\n border-color: var(--ic-popover-border);\n border-radius: var(--ic-border-radius);\n background-color: var(--ic-popover-background);\n visibility: hidden;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n\n:host(:focus-within) {\n box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n outline: none;\n}\n\n:host(.ic-popover-menu-open) {\n display: block;\n min-width: calc(20rem - var(--ic-space-xl));\n width: var(--popover-width, 20rem);\n max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host(.ic-popover-menu-open) .menu {\n visibility: visible;\n height: -moz-fit-content;\n height: fit-content;\n max-height: var(--max-height, -moz-fit-content);\n max-height: var(--max-height, fit-content);\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.parent-label {\n --ic-typography-color: var(--ic-popover-parent-label);\n\n margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n from {\n opacity: 0;\n transform: translateX(10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slide-out {\n from {\n opacity: 0;\n transform: translateX(-10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlotElements, isPropDefined } from \"../../utils/helpers\";\nimport { createPopper } from \"@popperjs/core\";\nconst MENU_SELECTOR = \"div.menu-body\";\nexport class PopoverMenu {\n constructor() {\n this.ARIA_LABEL = \"aria-label\";\n this.popoverMenuEls = [];\n this.openingFromChild = false;\n this.openingFromParent = false;\n /**\n * @internal The level of menu being displayed.\n */\n this.submenuLevel = 1;\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * If `true`, the popover menu will be displayed.\n */\n this.open = undefined;\n this.setButtonFocus = () => {\n var _a;\n (_a = this.popoverMenuEls[this.currentFocus]) === null || _a === void 0 ? void 0 : _a.focus();\n };\n // Checks that the popover menu has an anchor\n this.findAnchorEl = (anchor) => {\n let anchorElement = null;\n if (!anchor) {\n this.submenuId === undefined &&\n console.error(\"No anchor specified for popover component\");\n }\n else {\n anchorElement = document.querySelector(anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor);\n if (anchorElement === null) {\n console.error(`Popover anchor element '${anchor}' not found`);\n }\n }\n return anchorElement;\n };\n this.isNotPopoverMenuEl = (ev) => {\n const { id, tagName } = ev.target;\n return (id !== this.anchor &&\n tagName !== \"IC-MENU-ITEM\" &&\n tagName !== \"IC-MENU-GROUP\" &&\n tagName !== \"IC-POPOVER-MENU\");\n };\n this.getNextItemToSelect = (currentItem, movingDown) => {\n const numButtons = this.popoverMenuEls.length - 1;\n if (currentItem < 1) {\n currentItem = 0;\n }\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n // Check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numButtons;\n }\n else if (nextItem > numButtons) {\n nextItem = 0;\n }\n return nextItem;\n };\n this.addMenuItems = (elements) => {\n var _a;\n for (let i = 0; i < elements.length; i++) {\n const el = elements[i];\n if (el.tagName === \"IC-MENU-ITEM\") {\n this.popoverMenuEls.push(el);\n }\n else if (el.tagName === \"IC-MENU-GROUP\") {\n const groupSlotWrapper = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".menu-items-wrapper\");\n if (groupSlotWrapper) {\n const menuGroupElements = getSlotElements(groupSlotWrapper);\n menuGroupElements && this.addMenuItems(menuGroupElements);\n }\n }\n }\n };\n this.getMenuAriaLabel = () => {\n const ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n if (isPropDefined(this.submenuId)) {\n return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n }\n else {\n return ariaLabel;\n }\n };\n this.handleBackButtonClick = () => {\n var _a;\n (_a = this.parentPopover) === null || _a === void 0 ? void 0 : _a.openFromChild();\n this.open = false;\n };\n this.initPopperJS = () => {\n if (this.anchorEl) {\n this.popperInstance = createPopper(this.anchorEl, this.el, {\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 4],\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n rootBoundary: \"viewport\",\n },\n },\n ],\n });\n }\n };\n }\n watchOpenHandler() {\n var _a;\n const popoverArr = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`ic-popover-menu`);\n if (this.open) {\n if (popoverArr.length > 0) {\n popoverArr.forEach((popover) => {\n if (popover !== this.el) {\n popover.open = false;\n }\n });\n }\n if (this.parentPopover !== undefined &&\n !this.popoverMenuEls.some((menuItem) => menuItem.id)) {\n this.backButton && this.popoverMenuEls.unshift(this.backButton);\n }\n this.currentFocus = 0;\n // Needed so that anchorEl isn't always focused\n setTimeout(this.setButtonFocus, 50);\n }\n else if (this.popperInstance) {\n if (popoverArr.length > 0) {\n popoverArr.forEach((popover) => {\n if (popover !== this.el) {\n popover.open = false;\n }\n });\n }\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n disconnectedCallback() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n componentDidLoad() {\n var _a;\n const slotWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(MENU_SELECTOR);\n if (slotWrapper) {\n const popoverMenuElements = getSlotElements(slotWrapper);\n if (popoverMenuElements !== null) {\n this.addMenuItems(popoverMenuElements);\n }\n }\n if (this.submenuId === undefined &&\n this.el.getAttribute(this.ARIA_LABEL) === null) {\n console.error(`No aria-label specified for popover menu component - aria-label required`);\n }\n this.watchOpenHandler();\n }\n componentWillRender() {\n this.anchorEl = this.findAnchorEl(this.anchor);\n }\n componentDidRender() {\n if (this.open && !this.popperInstance) {\n this.initPopperJS();\n }\n }\n handleMenuItemClick(ev) {\n if (!ev.detail.submenuTriggerFor && ev.detail.label !== \"Back\") {\n this.closeMenu(false, ev.detail);\n }\n }\n // This is listening for the event emitted when a menu item is acting as a trigger button\n handleSubmenuChange(ev) {\n // Finds the trigger menu item that has emitted the event\n const target = ev.target;\n this.open = false;\n // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n const childEl = document.querySelector(`ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`);\n // Set the parent popover menu of the submenu and open the submenu\n childEl.parentPopover = this.el;\n childEl.anchor = this.anchor;\n childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n childEl.openFromParent();\n childEl.submenuLevel = this.submenuLevel + 1;\n // Set the label in the submenu using the label of the menu item that has emitted the event\n childEl.parentLabel = target.label;\n }\n handleClick(ev) {\n if (this.open && this.isNotPopoverMenuEl(ev)) {\n // If menu is open and the next click on the document is not a popover El, close the popover\n this.closeMenu();\n }\n }\n // Manages the keyboard navigation in the popover menu\n handleKeyDown(ev) {\n switch (ev.key) {\n case \"ArrowDown\":\n case \"ArrowUp\":\n ev.preventDefault();\n this.currentFocus = this.getNextItemToSelect(this.currentFocus, ev.key === \"ArrowDown\");\n this.setButtonFocus();\n break;\n case \"Home\":\n //Sets home focus as first element, or back button\n this.currentFocus = 0;\n this.setButtonFocus();\n break;\n case \"End\":\n //Sets end focus as last element\n this.currentFocus = this.popoverMenuEls.length - 1;\n this.setButtonFocus();\n break;\n case \"Escape\":\n case \"Tab\":\n ev.preventDefault();\n if (this.open) {\n this.closeMenu(true);\n this.el.blur();\n }\n break;\n }\n }\n /**\n * @internal Opens the menu from the child menu.\n */\n async openFromChild() {\n this.open = true;\n this.openingFromChild = true;\n setTimeout(() => (this.openingFromChild = false), 1000);\n }\n /**\n * @internal Opens the menu from the parent menu.\n */\n async openFromParent() {\n this.open = true;\n this.openingFromParent = true;\n setTimeout(() => (this.openingFromParent = false), 1000);\n }\n /**\n * @internal Close the menu, emit icPopoverClosed of the root popover\n * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n */\n async closeMenu(setFocusToAnchor = false, menuElement) {\n var _a;\n this.open = false;\n if (this.parentPopover) {\n this.parentPopover.closeMenu(setFocusToAnchor, menuElement);\n }\n else {\n if (setFocusToAnchor) {\n (_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();\n }\n this.icPopoverClosed.emit(menuElement);\n }\n }\n render() {\n return (h(Host, { key: '25b16bfd5f6ad9dd7ed1fcfedc773cb3bc1c76d2', class: {\n [\"ic-popover-menu-open\"]: !!this.open,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"div\", { key: '73acc30bb2ef5c83924e47508ad093dcbbc5adbe', id: this.parentPopover === undefined\n ? `ic-popover-submenu-${this.submenuId}`\n : \"\", class: {\n menu: true,\n } }, h(\"span\", { key: 'd0392b2ce914c01539f7a66c5aee443de194d434', class: {\n \"opening-from-parent\": this.openingFromParent,\n \"opening-from-child\": this.openingFromChild,\n } }, isPropDefined(this.submenuId) && (h(\"span\", { key: 'eb92f3ac08c7cb711d31ed8a12fd210aa44f7cc2' }, h(\"span\", { key: 'b0a051fe820b3a933dc09fdd370227a8cb19c2b2', role: \"menu\" }, h(\"ic-menu-item\", { key: '9f18829d0c1245e3539e4a74d62c37f5a8857203', class: \"ic-popover-submenu-back-button\", ref: (el) => (this.backButton = el), label: \"Back\", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h(\"svg\", { key: '5f6918d86d7b179cef7f90c94e72a4055aaffd24', slot: \"icon\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", class: \"submenu-back-icon\" }, h(\"path\", { key: 'e8dc4472dff2b10e5f127608a437efd19522ccd3', d: \"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\", fill: \"currentColor\" })))), h(\"ic-typography\", { key: '3c3b99b9548a300b37b1ae99a0d40de0eb748086', variant: \"subtitle-small\", class: \"parent-label\" }, this.parentLabel))), h(\"div\", { key: 'dc87929934a320edf8bb2ae3a6936c26500f4f11', class: \"menu-body\", \"aria-label\": this.getMenuAriaLabel(), role: \"menu\" }, h(\"slot\", { key: '6df2182e3b8832790238aded793393ec1f2f34ff' }))))));\n }\n static get is() { return \"ic-popover-menu\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-popover-menu.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-popover-menu.css\"]\n };\n }\n static get properties() {\n return {\n \"anchor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"anchor\",\n \"reflect\": false\n },\n \"parentLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The parent popover menu of a child popover menu.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"parent-label\",\n \"reflect\": false\n },\n \"parentPopover\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HTMLIcPopoverMenuElement\",\n \"resolved\": \"HTMLIcPopoverMenuElement | undefined\",\n \"references\": {\n \"HTMLIcPopoverMenuElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcPopoverMenuElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The parent popover menu of a child popover menu.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n },\n \"submenuId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The unique identifier for a popover submenu.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"submenu-id\",\n \"reflect\": false\n },\n \"submenuLevel\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The level of menu being displayed.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"submenu-level\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean | undefined\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the popover menu will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"undefined\"\n }\n };\n }\n static get states() {\n return {\n \"openingFromChild\": {},\n \"openingFromParent\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icPopoverClosed\",\n \"name\": \"icPopoverClosed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the popover menu is closed.\"\n },\n \"complexType\": {\n \"original\": \"HTMLIcMenuItemElement\",\n \"resolved\": \"HTMLIcMenuItemElement\",\n \"references\": {\n \"HTMLIcMenuItemElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcMenuItemElement\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"openFromChild\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Opens the menu from the child menu.\"\n }]\n }\n },\n \"openFromParent\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Opens the menu from the parent menu.\"\n }]\n }\n },\n \"closeMenu\": {\n \"complexType\": {\n \"signature\": \"(setFocusToAnchor?: boolean, menuElement?: HTMLIcMenuItemElement) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"setFocusToAnchor\",\n \"type\": \"boolean\",\n \"docs\": \"when true return focus to anchor element when menu is closed\"\n }, {\n \"name\": \"menuElement\",\n \"type\": \"HTMLIcMenuItemElement | undefined\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLIcMenuItemElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcMenuItemElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Close the menu, emit icPopoverClosed of the root popover\"\n }, {\n \"name\": \"param\",\n \"text\": \"setFocusToAnchor when true return focus to anchor element when menu is closed\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"open\",\n \"methodName\": \"watchOpenHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"handleMenuItemClick\",\n \"method\": \"handleMenuItemClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"triggerPopoverMenuInstance\",\n \"method\": \"handleSubmenuChange\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"click\",\n \"method\": \"handleClick\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyDown\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-popover-menu.js.map\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,f as l}from"./p-eca2fea1.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const d=a;const o=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"a4b87028ee91e542fd7d2b66689e8fabe33a9358",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"65236609f6b2109bba5bbb88d084f9fd4e88d48a",class:"step-item-list"},t("slot",{key:"2b542740488d922dca26cabda564db76de1ffd82"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};o.style=d;export{o as ic_stepper};
2
- //# sourceMappingURL=p-93e154e0.entry.js.map
1
+ import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,f as l}from"./p-eca2fea1.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=a;const d=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"c14ab03785dce7e9468fae22cc65ae18be102ae9",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"f1ca972d94d0ba753baffc6af457b5458117e810",class:"step-item-list"},t("slot",{key:"f2db26bd574543d137e5eb55e70bfa9201d50cae"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};d.style=o;export{d as ic_stepper};
2
+ //# sourceMappingURL=p-9a78f449.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n display: flex;\n width: 100%;\n}\n\n.step-item-list {\n display: flex;\n margin: 0;\n padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n constructor() {\n var _a;\n this.resizeObserver = null;\n this.visuallyHidden = \"visually-hidden\";\n this.alignedFullWidth = true;\n this.autoSetStepTitles = true;\n this.lastStepWidth = 0;\n this.noOfResizes = 0;\n this.stepperWidth = (_a = document\n .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n this.stepTypes = [];\n this.variantOverride = this.variant !== \"compact\";\n /**\n * The alignment of the default stepper within its container.\n */\n this.aligned = \"full-width\";\n /**\n * The length of the connector between each step in pixels. Minimum length is 100px.\n */\n this.connectorWidth = 100;\n /**\n * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n */\n this.hideStepInfo = false;\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The variant of the stepper.\n */\n this.variant = \"default\";\n // Get all steps currently within this stepper\n this.getChildren = () => {\n this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n };\n // Inform the user that stepTitles are required on all steps in a compact stepper\n this.checkStepTitles = () => {\n if (this.stepsWithStepTitles.length < this.steps.length &&\n this.variantOverride &&\n this.variant === \"compact\") {\n this.noOfResizes = this.noOfResizes + 1;\n if (this.noOfResizes === 1) {\n console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n }\n }\n };\n this.setStepTypes = () => {\n this.getChildren();\n this.stepTypes = [];\n for (let i = 0; i < this.steps.length; i++) {\n this.stepTypes.push(\"active\");\n }\n };\n this.setStepperWidth = () => {\n this.alignedFullWidth =\n this.variant === \"default\" && this.aligned === \"full-width\";\n const lastStep = this.steps[this.steps.length - 1];\n lastStep.style.maxWidth = \"none\";\n if (this.alignedFullWidth) {\n this.stepperWidth = this.el.offsetWidth;\n lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n this.lastStepWidth = lastStep.offsetWidth;\n }\n };\n this.initialiseStepStates = () => {\n this.steps.forEach((step, index) => {\n var _a, _b, _c;\n // Set variant\n step.variant = this.variant;\n // Assign stepNum to each step\n step.stepNum = index + 1;\n // Assign lastStep to final step\n step.lastStep = index === this.steps.length - 1;\n step.lastStepNum = this.steps.length;\n if (step.type !== \"current\") {\n step.current = false;\n this.stepTypes[index] = step.type;\n }\n else {\n step.current = true;\n }\n const stepTitleArea = step.shadowRoot &&\n step.shadowRoot.querySelector(\".step > .heading-area\");\n if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n if (this.variant === \"compact\") {\n this.autoSetStepTitles = true;\n if (this.autoSetStepTitles) {\n step.heading = \"Step \" + step.stepNum;\n stepTitleArea &&\n ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n }\n }\n if (this.variant === \"default\") {\n this.autoSetStepTitles = false;\n if (!this.autoSetStepTitles) {\n step.heading = undefined;\n stepTitleArea &&\n ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n }\n }\n }\n if (this.variant === \"compact\") {\n if (step.current === true || step.type === \"current\") {\n step.classList.remove(\"hide\");\n step.classList.add(\"show\");\n }\n else if (step.classList.contains(\"show\")) {\n step.classList.remove(\"show\");\n step.classList.add(\"hide\");\n }\n if (!step.lastStep) {\n step.nextStepHeading = this.steps[index + 1].heading;\n step.progress = (step.stepNum / this.steps.length) * 100;\n }\n else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n step.progress = 95;\n }\n else {\n step.progress = 100;\n }\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.remove(this.visuallyHidden);\n }\n step.compactStepStyling = this.stepTypes[index];\n }\n if (this.variant === \"default\") {\n if (!step.lastStep) {\n if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n (this.steps.length - 1)}px`);\n step.style.minWidth = pxToRem(\"148px\");\n }\n }\n else if (step.lastStep) {\n step.classList.add(\"last-step\");\n if (this.alignedFullWidth) {\n step.style.maxWidth = `${this.lastStepWidth}px`;\n }\n else if (this.connectorWidth) {\n step.style.maxWidth =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n }\n }\n if (this.aligned === \"left\" && this.connectorWidth) {\n step.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n if (stepConnect) {\n stepConnect.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth}px`)\n : pxToRem(\"100px\");\n }\n }\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.add(this.visuallyHidden);\n }\n }\n });\n };\n this.setHideStepInfo = () => {\n this.steps.forEach((step) => {\n var _a, _b, _c;\n const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n if (stepTitleArea) {\n if (this.hideStepInfo) {\n (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n }\n else {\n (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n }\n }\n });\n };\n this.overrideVariant = () => {\n if (this.variantOverride) {\n let minDefaultStepperWidth = 148 * this.steps.length;\n if (this.aligned === \"left\" &&\n this.connectorWidth &&\n this.connectorWidth > 100) {\n minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n }\n if (this.el.clientWidth < minDefaultStepperWidth) {\n this.variant = \"compact\";\n }\n else {\n this.variant = \"default\";\n }\n }\n };\n this.resizeObserverCallback = () => {\n this.getChildren();\n this.checkStepTitles();\n this.overrideVariant();\n this.setStepperWidth();\n this.initialiseStepStates();\n this.handleThemeChange();\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.el);\n };\n }\n handleThemeChange() {\n this.getChildren();\n this.steps.forEach((step) => {\n step.theme = this.theme;\n });\n }\n handlePropChange() {\n this.setHideStepInfo();\n this.getChildren();\n }\n disconnectedCallback() {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n componentWillLoad() {\n this.setStepTypes();\n this.handleThemeChange();\n if (this.variant === \"compact\") {\n this.variantOverride = false;\n }\n }\n componentWillRender() {\n this.initialiseStepStates();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n }\n render() {\n return (h(Host, { key: 'a4b87028ee91e542fd7d2b66689e8fabe33a9358', class: {\n [`ic-stepper-${this.variant}`]: true,\n [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"ul\", { key: '65236609f6b2109bba5bbb88d084f9fd4e88d48a', class: \"step-item-list\" }, h(\"slot\", { key: '2b542740488d922dca26cabda564db76de1ffd82' }))));\n }\n static get is() { return \"ic-stepper\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-stepper.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-stepper.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepperAlignment\",\n \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n \"references\": {\n \"IcStepperAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-stepper.types\",\n \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the default stepper within its container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"full-width\\\"\"\n },\n \"connectorWidth\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"connector-width\",\n \"reflect\": false,\n \"defaultValue\": \"100\"\n },\n \"hideStepInfo\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hide-step-info\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcStepVariants\",\n \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n \"references\": {\n \"IcStepVariants\": {\n \"location\": \"import\",\n \"path\": \"../ic-step/ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"alignedFullWidth\": {},\n \"autoSetStepTitles\": {},\n \"lastStepWidth\": {},\n \"noOfResizes\": {},\n \"stepperWidth\": {},\n \"stepTypes\": {},\n \"variantOverride\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"theme\",\n \"methodName\": \"handleThemeChange\"\n }, {\n \"propName\": \"hideStepInfo\",\n \"methodName\": \"handlePropChange\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"handlePropChange\"\n }];\n }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n display: flex;\n width: 100%;\n}\n\n.step-item-list {\n display: flex;\n margin: 0;\n padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n constructor() {\n var _a;\n this.resizeObserver = null;\n this.visuallyHidden = \"visually-hidden\";\n this.alignedFullWidth = true;\n this.autoSetStepTitles = true;\n this.lastStepWidth = 0;\n this.noOfResizes = 0;\n this.stepperWidth = (_a = document\n .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n this.stepTypes = [];\n this.variantOverride = this.variant !== \"compact\";\n /**\n * The alignment of the default stepper within its container.\n */\n this.aligned = \"full-width\";\n /**\n * The length of the connector between each step in pixels. Minimum length is 100px.\n */\n this.connectorWidth = 100;\n /**\n * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n */\n this.hideStepInfo = false;\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The variant of the stepper.\n */\n this.variant = \"default\";\n // Get all steps currently within this stepper\n this.getChildren = () => {\n this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n };\n // Inform the user that stepTitles are required on all steps in a compact stepper\n this.checkStepTitles = () => {\n if (this.stepsWithStepTitles.length < this.steps.length &&\n this.variantOverride &&\n this.variant === \"compact\") {\n this.noOfResizes = this.noOfResizes + 1;\n if (this.noOfResizes === 1) {\n console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n }\n }\n };\n this.setStepTypes = () => {\n this.getChildren();\n this.stepTypes = [];\n for (let i = 0; i < this.steps.length; i++) {\n this.stepTypes.push(\"active\");\n }\n };\n this.setStepperWidth = () => {\n this.alignedFullWidth =\n this.variant === \"default\" && this.aligned === \"full-width\";\n const lastStep = this.steps[this.steps.length - 1];\n lastStep.style.maxWidth = \"none\";\n if (this.alignedFullWidth) {\n this.stepperWidth = this.el.offsetWidth;\n lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n this.lastStepWidth = lastStep.offsetWidth;\n }\n };\n this.initialiseStepStates = () => {\n this.steps.forEach((step, index) => {\n var _a, _b, _c;\n // Set variant\n step.variant = this.variant;\n // Assign stepNum to each step\n step.stepNum = index + 1;\n // Assign lastStep to final step\n step.lastStep = index === this.steps.length - 1;\n step.lastStepNum = this.steps.length;\n if (step.type !== \"current\") {\n step.current = false;\n this.stepTypes[index] = step.type;\n }\n else {\n step.current = true;\n }\n const stepTitleArea = step.shadowRoot &&\n step.shadowRoot.querySelector(\".step > .heading-area\");\n if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n if (this.variant === \"compact\") {\n this.autoSetStepTitles = true;\n if (this.autoSetStepTitles) {\n step.heading = \"Step \" + step.stepNum;\n stepTitleArea &&\n ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n }\n }\n if (this.variant === \"default\") {\n this.autoSetStepTitles = false;\n if (!this.autoSetStepTitles) {\n step.heading = undefined;\n stepTitleArea &&\n ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n }\n }\n }\n if (this.variant === \"compact\") {\n if (step.current === true || step.type === \"current\") {\n step.classList.remove(\"hide\");\n step.classList.add(\"show\");\n }\n else if (step.classList.contains(\"show\")) {\n step.classList.remove(\"show\");\n step.classList.add(\"hide\");\n }\n if (!step.lastStep) {\n step.nextStepHeading = this.steps[index + 1].heading;\n step.progress = (step.stepNum / this.steps.length) * 100;\n }\n else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n step.progress = 95;\n }\n else {\n step.progress = 100;\n }\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.remove(this.visuallyHidden);\n }\n step.compactStepStyling = this.stepTypes[index];\n }\n if (this.variant === \"default\") {\n if (!step.lastStep) {\n if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n (this.steps.length - 1)}px`);\n step.style.minWidth = pxToRem(\"148px\");\n }\n }\n else if (step.lastStep) {\n step.classList.add(\"last-step\");\n if (this.alignedFullWidth) {\n step.style.maxWidth = `${this.lastStepWidth}px`;\n }\n else if (this.connectorWidth) {\n step.style.maxWidth =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n }\n }\n if (this.aligned === \"left\" && this.connectorWidth) {\n step.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n if (stepConnect) {\n stepConnect.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth}px`)\n : pxToRem(\"100px\");\n }\n }\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.add(this.visuallyHidden);\n }\n }\n });\n };\n this.setHideStepInfo = () => {\n this.steps.forEach((step) => {\n var _a, _b, _c;\n const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n if (stepTitleArea) {\n if (this.hideStepInfo) {\n (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n }\n else {\n (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n }\n }\n });\n };\n this.overrideVariant = () => {\n if (this.variantOverride) {\n let minDefaultStepperWidth = 148 * this.steps.length;\n if (this.aligned === \"left\" &&\n this.connectorWidth &&\n this.connectorWidth > 100) {\n minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n }\n if (this.el.clientWidth < minDefaultStepperWidth) {\n this.variant = \"compact\";\n }\n else {\n this.variant = \"default\";\n }\n }\n };\n this.resizeObserverCallback = () => {\n this.getChildren();\n this.checkStepTitles();\n this.overrideVariant();\n this.setStepperWidth();\n this.initialiseStepStates();\n this.handleThemeChange();\n };\n this.runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.el);\n };\n }\n handleThemeChange() {\n this.getChildren();\n this.steps.forEach((step) => {\n step.theme = this.theme;\n });\n }\n handlePropChange() {\n this.setHideStepInfo();\n this.getChildren();\n }\n disconnectedCallback() {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n componentWillLoad() {\n this.setStepTypes();\n this.handleThemeChange();\n if (this.variant === \"compact\") {\n this.variantOverride = false;\n }\n }\n componentWillRender() {\n this.initialiseStepStates();\n }\n componentDidLoad() {\n checkResizeObserver(this.runResizeObserver);\n }\n render() {\n return (h(Host, { key: 'c14ab03785dce7e9468fae22cc65ae18be102ae9', class: {\n [`ic-stepper-${this.variant}`]: true,\n [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"ul\", { key: 'f1ca972d94d0ba753baffc6af457b5458117e810', class: \"step-item-list\" }, h(\"slot\", { key: 'f2db26bd574543d137e5eb55e70bfa9201d50cae' }))));\n }\n static get is() { return \"ic-stepper\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-stepper.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-stepper.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepperAlignment\",\n \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n \"references\": {\n \"IcStepperAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-stepper.types\",\n \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the default stepper within its container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"full-width\\\"\"\n },\n \"connectorWidth\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"connector-width\",\n \"reflect\": false,\n \"defaultValue\": \"100\"\n },\n \"hideStepInfo\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hide-step-info\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcStepVariants\",\n \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n \"references\": {\n \"IcStepVariants\": {\n \"location\": \"import\",\n \"path\": \"../ic-step/ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"alignedFullWidth\": {},\n \"autoSetStepTitles\": {},\n \"lastStepWidth\": {},\n \"noOfResizes\": {},\n \"stepperWidth\": {},\n \"stepTypes\": {},\n \"variantOverride\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"theme\",\n \"methodName\": \"handleThemeChange\"\n }, {\n \"propName\": \"hideStepInfo\",\n \"methodName\": \"handlePropChange\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"handlePropChange\"\n }];\n }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"oGAAA,MAAMA,EAAe,oYACrB,MAAAC,EAAeD,E,MCCFE,EAAO,MAChB,WAAAC,CAAAC,G,UACI,IAAIC,EACJC,KAAKC,eAAiB,KACtBD,KAAKE,eAAiB,kBACtBF,KAAKG,iBAAmB,KACxBH,KAAKI,kBAAoB,KACzBJ,KAAKK,cAAgB,EACrBL,KAAKM,YAAc,EACnBN,KAAKO,cAAgBR,EAAKS,SACrBC,cAAc,iBAAmB,MAAQV,SAAY,OAAS,EAAIA,EAAGW,wBAAwBC,MAClGX,KAAKY,UAAY,GACjBZ,KAAKa,gBAAkBb,KAAKc,UAAY,UAIxCd,KAAKe,QAAU,aAIff,KAAKgB,eAAiB,IAItBhB,KAAKiB,aAAe,MAIpBjB,KAAKkB,MAAQ,UAIblB,KAAKc,QAAU,UAEfd,KAAKmB,YAAc,KACfnB,KAAKoB,MAAQC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,YACjDxB,KAAKyB,oBAAsBJ,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,oBAAoB,EAGvFxB,KAAK0B,gBAAkB,KACnB,GAAI1B,KAAKyB,oBAAoBE,OAAS3B,KAAKoB,MAAMO,QAC7C3B,KAAKa,iBACLb,KAAKc,UAAY,UAAW,CAC5Bd,KAAKM,YAAcN,KAAKM,YAAc,EACtC,GAAIN,KAAKM,cAAgB,EAAG,CACxBsB,QAAQC,MAAM,0F,IAI1B7B,KAAK8B,aAAe,KAChB9B,KAAKmB,cACLnB,KAAKY,UAAY,GACjB,IAAK,IAAImB,EAAI,EAAGA,EAAI/B,KAAKoB,MAAMO,OAAQI,IAAK,CACxC/B,KAAKY,UAAUoB,KAAK,S,GAG5BhC,KAAKiC,gBAAkB,KACnBjC,KAAKG,iBACDH,KAAKc,UAAY,WAAad,KAAKe,UAAY,aACnD,MAAMmB,EAAWlC,KAAKoB,MAAMpB,KAAKoB,MAAMO,OAAS,GAChDO,EAASC,MAAMC,SAAW,OAC1B,GAAIpC,KAAKG,iBAAkB,CACvBH,KAAKO,aAAeP,KAAKuB,GAAGc,YAC5BH,EAASC,MAAMC,SAAWE,EAAQ,GAAGtC,KAAKO,aAAeP,KAAKoB,MAAMO,YACpE3B,KAAKK,cAAgB6B,EAASG,W,GAGtCrC,KAAKuC,qBAAuB,KACxBvC,KAAKoB,MAAMoB,SAAQ,CAACC,EAAMC,KACtB,IAAI3C,EAAI4C,EAAIC,EAEZH,EAAK3B,QAAUd,KAAKc,QAEpB2B,EAAKI,QAAUH,EAAQ,EAEvBD,EAAKP,SAAWQ,IAAU1C,KAAKoB,MAAMO,OAAS,EAC9Cc,EAAKK,YAAc9C,KAAKoB,MAAMO,OAC9B,GAAIc,EAAKM,OAAS,UAAW,CACzBN,EAAKO,QAAU,MACfhD,KAAKY,UAAU8B,GAASD,EAAKM,I,KAE5B,CACDN,EAAKO,QAAU,I,CAEnB,MAAMC,EAAgBR,EAAKS,YACvBT,EAAKS,WAAWzC,cAAc,yBAClC,GAAIT,KAAKyB,oBAAoBE,QAAU,GAAK3B,KAAKa,gBAAiB,CAC9D,GAAIb,KAAKc,UAAY,UAAW,CAC5Bd,KAAKI,kBAAoB,KACzB,GAAIJ,KAAKI,kBAAmB,CACxBqC,EAAKU,QAAU,QAAUV,EAAKI,QAC9BI,KACMlD,EAAKkD,IAAkB,MAAQA,SAAuB,OAAS,EAAIA,EAAcxC,cAAc,eAAiB,MAAQV,SAAY,OAAS,EAAIA,EAAGqD,aAAa,cAAe,Q,EAG9L,GAAIpD,KAAKc,UAAY,UAAW,CAC5Bd,KAAKI,kBAAoB,MACzB,IAAKJ,KAAKI,kBAAmB,CACzBqC,EAAKU,QAAUE,UACfJ,KACMN,EAAKM,IAAkB,MAAQA,SAAuB,OAAS,EAAIA,EAAcxC,cAAc,eAAiB,MAAQkC,SAAY,OAAS,EAAIA,EAAGW,gBAAgB,e,GAItL,GAAItD,KAAKc,UAAY,UAAW,CAC5B,GAAI2B,EAAKO,UAAY,MAAQP,EAAKM,OAAS,UAAW,CAClDN,EAAKc,UAAUC,OAAO,QACtBf,EAAKc,UAAUE,IAAI,O,MAElB,GAAIhB,EAAKc,UAAUG,SAAS,QAAS,CACtCjB,EAAKc,UAAUC,OAAO,QACtBf,EAAKc,UAAUE,IAAI,O,CAEvB,IAAKhB,EAAKP,SAAU,CAChBO,EAAKkB,gBAAkB3D,KAAKoB,MAAMsB,EAAQ,GAAGS,QAC7CV,EAAKmB,SAAYnB,EAAKI,QAAU7C,KAAKoB,MAAMO,OAAU,G,MAEpD,GAAIc,EAAKP,UAAYlC,KAAKY,UAAU8B,KAAW,YAAa,CAC7DD,EAAKmB,SAAW,E,KAEf,CACDnB,EAAKmB,SAAW,G,CAEpB,GAAI5D,KAAKiB,cAAgBgC,IAAkB,KAAM,CAC7CA,EAAcM,UAAUC,OAAOxD,KAAKE,e,CAExCuC,EAAKoB,mBAAqB7D,KAAKY,UAAU8B,E,CAE7C,GAAI1C,KAAKc,UAAY,UAAW,CAC5B,IAAK2B,EAAKP,SAAU,CAChB,GAAIlC,KAAKG,kBAAoBH,KAAKO,eAAiB8C,UAAW,CAC1DZ,EAAKN,MAAMxB,MAAQ2B,EAAQ,IAAItC,KAAKO,aAAeP,KAAKK,gBACnDL,KAAKoB,MAAMO,OAAS,QACzBc,EAAKN,MAAM2B,SAAWxB,EAAQ,Q,OAGjC,GAAIG,EAAKP,SAAU,CACpBO,EAAKc,UAAUE,IAAI,aACnB,GAAIzD,KAAKG,iBAAkB,CACvBsC,EAAKN,MAAMC,SAAW,GAAGpC,KAAKK,iB,MAE7B,GAAIL,KAAKgB,eAAgB,CAC1ByB,EAAKN,MAAMC,SACPpC,KAAKgB,eAAiB,IAChBsB,EAAQ,GAAGtC,KAAKgB,eAAiB,QACjCsB,EAAQ,Q,EAG1B,GAAItC,KAAKe,UAAY,QAAUf,KAAKgB,eAAgB,CAChDyB,EAAKN,MAAMxB,MACPX,KAAKgB,eAAiB,IAChBsB,EAAQ,GAAGtC,KAAKgB,eAAiB,QACjCsB,EAAQ,SAClB,MAAMyB,GAAenB,EAAKH,EAAKS,cAAgB,MAAQN,SAAY,OAAS,EAAIA,EAAGnC,cAAc,qCACjG,GAAIsD,EAAa,CACbA,EAAY5B,MAAMxB,MACdX,KAAKgB,eAAiB,IAChBsB,EAAQ,GAAGtC,KAAKgB,oBAChBsB,EAAQ,Q,EAG1B,GAAItC,KAAKiB,cAAgBgC,IAAkB,KAAM,CAC7CA,EAAcM,UAAUE,IAAIzD,KAAKE,e,KAG3C,EAENF,KAAKgE,gBAAkB,KACnBhE,KAAKoB,MAAMoB,SAASC,IAChB,IAAI1C,EAAI4C,EAAIC,EACZ,MAAMK,GAAiBlD,EAAK0C,EAAKS,cAAgB,MAAQnD,SAAY,OAAS,EAAIA,EAAGU,cAAc,yBACnG,GAAIwC,EAAe,CACf,GAAIjD,KAAKiB,aAAc,EAClB0B,EAAKM,EAAcM,aAAe,MAAQZ,SAAY,OAAS,EAAIA,EAAGc,IAAIzD,KAAKE,e,KAE/E,EACA0C,EAAKK,EAAcM,aAAe,MAAQX,SAAY,OAAS,EAAIA,EAAGY,OAAOxD,KAAKE,e,KAG7F,EAENF,KAAKiE,gBAAkB,KACnB,GAAIjE,KAAKa,gBAAiB,CACtB,IAAIqD,EAAyB,IAAMlE,KAAKoB,MAAMO,OAC9C,GAAI3B,KAAKe,UAAY,QACjBf,KAAKgB,gBACLhB,KAAKgB,eAAiB,IAAK,CAC3BkD,GAA0BlE,KAAKgB,eAAiB,IAAMhB,KAAKoB,MAAMO,M,CAErE,GAAI3B,KAAKuB,GAAG4C,YAAcD,EAAwB,CAC9ClE,KAAKc,QAAU,S,KAEd,CACDd,KAAKc,QAAU,S,IAI3Bd,KAAKoE,uBAAyB,KAC1BpE,KAAKmB,cACLnB,KAAK0B,kBACL1B,KAAKiE,kBACLjE,KAAKiC,kBACLjC,KAAKuC,uBACLvC,KAAKqE,mBAAmB,EAE5BrE,KAAKsE,kBAAoB,KACrBtE,KAAKC,eAAiB,IAAIsE,gBAAe,KACrCvE,KAAKoE,wBAAwB,IAEjCpE,KAAKC,eAAeuE,QAAQxE,KAAKuB,GAAG,C,CAG5C,iBAAA8C,GACIrE,KAAKmB,cACLnB,KAAKoB,MAAMoB,SAASC,IAChBA,EAAKvB,MAAQlB,KAAKkB,KAAK,G,CAG/B,gBAAAuD,GACIzE,KAAKgE,kBACLhE,KAAKmB,a,CAET,oBAAAuD,GACI,GAAI1E,KAAKC,iBAAmB,KAAM,CAC9BD,KAAKC,eAAe0E,Y,EAG5B,iBAAAC,GACI5E,KAAK8B,eACL9B,KAAKqE,oBACL,GAAIrE,KAAKc,UAAY,UAAW,CAC5Bd,KAAKa,gBAAkB,K,EAG/B,mBAAAgE,GACI7E,KAAKuC,sB,CAET,gBAAAuC,GACIC,EAAoB/E,KAAKsE,kB,CAE7B,MAAAU,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,cAAcpF,KAAKc,WAAY,KAChC,CAAC,2BAA4Bd,KAAKc,UAAY,WAAad,KAAKe,UAAY,OAC5E,CAAC,YAAYf,KAAKkB,SAAUlB,KAAKkB,QAAU,YAC1C+D,EAAE,KAAM,CAAEE,IAAK,2CAA4CC,MAAO,kBAAoBH,EAAE,OAAQ,CAAEE,IAAK,8C","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as o,H as t,g as i}from"./p-8e4e97b4.js";import{D as r,g as n}from"./p-eca2fea1.js";const a='/*! 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(.footer-link-ungrouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:2.5rem;--footer-link-margin-bottom:0}:host(.footer-link-ungrouped-small){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-small){--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link){margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-default)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-text-primary)}:host(.footer-link-light) ::part(link),:host(.footer-link-dark) ::part(link){color:var(--ic-footer-link)}:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:var(--ic-footer-icon)}:host(.footer-logo-link){transition:var(--ic-easing-transition-fast)}:host(.footer-logo-link:hover){background-color:var(--ic-footer-hover)}:host(.footer-logo-link:active){background-color:var(--ic-footer-pressed)}:host(.footer-logo-link:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}@media (forced-colors: active){:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:currentcolor}}';const l=a;const s=class{constructor(o){e(this,o);this.deviceSize=r.XL;this.footerConfig={small:false,grouped:false};this.foregroundColor=n();this.download=false}componentWillLoad(){this.footerConfig=this.inferConfig(this.el)}footerResizeHandler(){this.footerConfig=this.inferConfig(this.el)}footerBrandChangeHandler(e){this.foregroundColor=e.detail.mode}inferConfig(e){if(e.parentElement!==null){if(e.parentElement.classList.contains("ic-footer")){return{small:e.parentElement.classList.contains("ic-footer-small"),grouped:e.parentElement.classList.contains("ic-footer-grouped")}}else{return this.inferConfig(e.parentElement)}}else{return{small:false,grouped:false}}}render(){const{footerConfig:e,href:i,hreflang:r,referrerpolicy:n,rel:a,target:l,download:s}=this;const{small:c,grouped:d}=e;const f=!!this.el.closest("div[slot='logo']");return o(t,{key:"b093247260ef7378ef3aa666029e463641eb20c0",class:{"footer-link":true,[`footer-link-${d?"grouped":"ungrouped"}-${c?"small":"sparse"}`]:true,[`footer-link-${this.foregroundColor}`]:true,"footer-logo-link":f},role:"listitem"},o("ic-link",{key:"79ac221357a96ca920f68609bb390a30f53be256",class:"footer-link",href:i,hreflang:r,referrerpolicy:n,rel:a,download:s!==false?s:undefined,target:l},o("slot",{key:"06182bca4f4268ca01466a411a8de43671fbea24"})))}static get delegatesFocus(){return true}get el(){return i(this)}};s.style=l;export{s as ic_footer_link};
2
- //# sourceMappingURL=p-f9a16fa8.entry.js.map
1
+ import{r as e,h as o,H as t,g as i}from"./p-8e4e97b4.js";import{D as r,g as n}from"./p-eca2fea1.js";const a='/*! 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(.footer-link-ungrouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:2.5rem;--footer-link-margin-bottom:0}:host(.footer-link-ungrouped-small){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-sparse){--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link-grouped-small){--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}:host(.footer-link){margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-default)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-color-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-text-primary)}:host(.footer-link-light) ::part(link),:host(.footer-link-dark) ::part(link){color:var(--ic-footer-link)}:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:var(--ic-footer-icon)}:host(.footer-logo-link){transition:var(--ic-easing-transition-fast)}:host(.footer-logo-link:hover){background-color:var(--ic-footer-hover)}:host(.footer-logo-link:active){background-color:var(--ic-footer-pressed)}:host(.footer-logo-link:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}@media (forced-colors: active){:host(.footer-link-light) ::slotted(svg),:host(.footer-link-dark) ::slotted(svg){fill:currentcolor}}';const l=a;const s=class{constructor(o){e(this,o);this.deviceSize=r.XL;this.footerConfig={small:false,grouped:false};this.foregroundColor=n();this.download=false}componentWillLoad(){this.footerConfig=this.inferConfig(this.el)}footerResizeHandler(){this.footerConfig=this.inferConfig(this.el)}footerBrandChangeHandler(e){this.foregroundColor=e.detail.mode}inferConfig(e){if(e.parentElement!==null){if(e.parentElement.classList.contains("ic-footer")){return{small:e.parentElement.classList.contains("ic-footer-small"),grouped:e.parentElement.classList.contains("ic-footer-grouped")}}else{return this.inferConfig(e.parentElement)}}else{return{small:false,grouped:false}}}render(){const{footerConfig:e,href:i,hreflang:r,referrerpolicy:n,rel:a,target:l,download:s}=this;const{small:c,grouped:d}=e;const f=!!this.el.closest("div[slot='logo']");return o(t,{key:"e76ea1dcfe97acba7db979b8ac64101c1701dbca",class:{"footer-link":true,[`footer-link-${d?"grouped":"ungrouped"}-${c?"small":"sparse"}`]:true,[`footer-link-${this.foregroundColor}`]:true,"footer-logo-link":f},role:"listitem"},o("ic-link",{key:"251207e62b8812870a36eb4e7b7aa9307c78668c",class:"footer-link",href:i,hreflang:r,referrerpolicy:n,rel:a,download:s!==false?s:undefined,target:l},o("slot",{key:"3a073f12607a730a032665e55088da56cccf8c42"})))}static get delegatesFocus(){return true}get el(){return i(this)}};s.style=l;export{s as ic_footer_link};
2
+ //# sourceMappingURL=p-9aecbfe9.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["icFooterLinkCss","IcFooterLinkStyle0","FooterLink","constructor","hostRef","this","deviceSize","DEVICE_SIZES","XL","footerConfig","small","grouped","foregroundColor","getBrandForegroundAppearance","download","componentWillLoad","inferConfig","el","footerResizeHandler","footerBrandChangeHandler","ev","detail","mode","e","parentElement","classList","contains","render","href","hreflang","referrerpolicy","rel","target","isLogoLink","closest","h","Host","key","class","role","undefined","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link/ic-footer-link.css?tag=ic-footer-link&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link/ic-footer-link.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host(.footer-link-ungrouped-sparse) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 2.5rem;\n --footer-link-margin-bottom: 0;\n}\n\n:host(.footer-link-ungrouped-small) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-sparse) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-small) {\n --footer-link-margin-left: var(--ic-space-md);\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link) {\n margin-left: var(--footer-link-margin-left);\n margin-right: var(--footer-link-margin-right);\n margin-bottom: var(--footer-link-margin-bottom);\n}\n\n.ic-link-open-in-new-icon {\n vertical-align: middle;\n margin-left: var(--ic-space-xxs);\n}\n\n.ic-link > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-default);\n}\n\n.ic-link-open-in-new-icon > svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n fill: currentcolor;\n}\n\n.ic-link:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-visited);\n}\n\n.ic-link.light:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-contrast-visited);\n}\n\n:host(.breadcrumb-link) .ic-link {\n display: var(--breadcrumb-link-display);\n align-items: var(--breadcrumb-link-align-items);\n gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .ic-link ::slotted(.back-icon) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n font-weight: normal;\n color: inherit;\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n outline: var(--ic-hc-focus-outline);\n text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link:visited {\n color: var(--ic-color-text-primary);\n}\n\n:host(.footer-link-light) ::part(link),\n:host(.footer-link-dark) ::part(link) {\n color: var(--ic-footer-link);\n}\n\n:host(.footer-link-light) ::slotted(svg),\n:host(.footer-link-dark) ::slotted(svg) {\n fill: var(--ic-footer-icon);\n}\n\n:host(.footer-logo-link) {\n transition: var(--ic-easing-transition-fast);\n}\n\n:host(.footer-logo-link:hover) {\n background-color: var(--ic-footer-hover);\n}\n\n:host(.footer-logo-link:active) {\n background-color: var(--ic-footer-pressed);\n}\n\n:host(.footer-logo-link:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n}\n\n@media (forced-colors: active) {\n :host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg) {\n fill: currentcolor;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nexport class FooterLink {\n constructor() {\n this.deviceSize = DEVICE_SIZES.XL;\n this.footerConfig = { small: false, grouped: false };\n this.foregroundColor = getBrandForegroundAppearance();\n /**\n * If `true`, the user can save the linked URL instead of navigating to it.\n */\n this.download = false;\n }\n componentWillLoad() {\n this.footerConfig = this.inferConfig(this.el);\n }\n footerResizeHandler() {\n this.footerConfig = this.inferConfig(this.el);\n }\n footerBrandChangeHandler(ev) {\n this.foregroundColor = ev.detail.mode;\n }\n inferConfig(e) {\n if (e.parentElement !== null) {\n if (e.parentElement.classList.contains(\"ic-footer\")) {\n return {\n small: e.parentElement.classList.contains(\"ic-footer-small\"),\n grouped: e.parentElement.classList.contains(\"ic-footer-grouped\"),\n };\n }\n else {\n return this.inferConfig(e.parentElement);\n }\n }\n else {\n return { small: false, grouped: false };\n }\n }\n render() {\n const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;\n const { small, grouped } = footerConfig;\n const isLogoLink = !!this.el.closest(\"div[slot='logo']\");\n return (h(Host, { key: 'b093247260ef7378ef3aa666029e463641eb20c0', class: {\n \"footer-link\": true,\n [`footer-link-${grouped ? \"grouped\" : \"ungrouped\"}-${small ? \"small\" : \"sparse\"}`]: true,\n [`footer-link-${this.foregroundColor}`]: true,\n \"footer-logo-link\": isLogoLink,\n }, role: \"listitem\" }, h(\"ic-link\", { key: '79ac221357a96ca920f68609bb390a30f53be256', class: \"footer-link\", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, h(\"slot\", { key: '06182bca4f4268ca01466a411a8de43671fbea24' }))));\n }\n static get is() { return \"ic-footer-link\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-footer-link.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-footer-link.css\"]\n };\n }\n static get properties() {\n return {\n \"download\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"download\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that the link points to.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"hreflang\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The human language of the linked URL.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hreflang\",\n \"reflect\": false\n },\n \"referrerpolicy\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ReferrerPolicy\",\n \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n \"references\": {\n \"ReferrerPolicy\": {\n \"location\": \"global\",\n \"id\": \"global::ReferrerPolicy\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How much of the referrer to send when following the link.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"referrerpolicy\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The relationship of the linked URL as space-separated link types.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"target\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"footerConfig\": {},\n \"foregroundColor\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"footerResized\",\n \"method\": \"footerResizeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"footerBrandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-footer-link.js.map\n"],"mappings":"oGAAA,MAAMA,EAAkB,g0JACxB,MAAAC,EAAeD,E,MCCFE,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,WAAaC,EAAaC,GAC/BH,KAAKI,aAAe,CAAEC,MAAO,MAAOC,QAAS,OAC7CN,KAAKO,gBAAkBC,IAIvBR,KAAKS,SAAW,K,CAEpB,iBAAAC,GACIV,KAAKI,aAAeJ,KAAKW,YAAYX,KAAKY,G,CAE9C,mBAAAC,GACIb,KAAKI,aAAeJ,KAAKW,YAAYX,KAAKY,G,CAE9C,wBAAAE,CAAyBC,GACrBf,KAAKO,gBAAkBQ,EAAGC,OAAOC,I,CAErC,WAAAN,CAAYO,GACR,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,aAAc,CACjD,MAAO,CACHhB,MAAOa,EAAEC,cAAcC,UAAUC,SAAS,mBAC1Cf,QAASY,EAAEC,cAAcC,UAAUC,SAAS,qB,KAG/C,CACD,OAAOrB,KAAKW,YAAYO,EAAEC,c,MAG7B,CACD,MAAO,CAAEd,MAAO,MAAOC,QAAS,M,EAGxC,MAAAgB,GACI,MAAMlB,aAAEA,EAAYmB,KAAEA,EAAIC,SAAEA,EAAQC,eAAEA,EAAcC,IAAEA,EAAGC,OAAEA,EAAMlB,SAAEA,GAAcT,KACjF,MAAMK,MAAEA,EAAKC,QAAEA,GAAYF,EAC3B,MAAMwB,IAAe5B,KAAKY,GAAGiB,QAAQ,oBACrC,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,cAAe,KACf,CAAC,eAAe3B,EAAU,UAAY,eAAeD,EAAQ,QAAU,YAAa,KACpF,CAAC,eAAeL,KAAKO,mBAAoB,KACzC,mBAAoBqB,GACrBM,KAAM,YAAcJ,EAAE,UAAW,CAAEE,IAAK,2CAA4CC,MAAO,cAAeV,KAAMA,EAAMC,SAAUA,EAAUC,eAAgBA,EAAgBC,IAAKA,EAAKjB,SAAUA,IAAa,MAAQA,EAAW0B,UAAWR,OAAQA,GAAUG,EAAE,OAAQ,CAAEE,IAAK,8C,CAIvR,yBAAWI,GAAmB,OAAO,IAAK,C","ignoreList":[]}
1
+ {"version":3,"names":["icFooterLinkCss","IcFooterLinkStyle0","FooterLink","constructor","hostRef","this","deviceSize","DEVICE_SIZES","XL","footerConfig","small","grouped","foregroundColor","getBrandForegroundAppearance","download","componentWillLoad","inferConfig","el","footerResizeHandler","footerBrandChangeHandler","ev","detail","mode","e","parentElement","classList","contains","render","href","hreflang","referrerpolicy","rel","target","isLogoLink","closest","h","Host","key","class","role","undefined","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-footer-link/ic-footer-link.css?tag=ic-footer-link&encapsulation=shadow","../web-components/dist/collection/components/ic-footer-link/ic-footer-link.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host(.footer-link-ungrouped-sparse) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 2.5rem;\n --footer-link-margin-bottom: 0;\n}\n\n:host(.footer-link-ungrouped-small) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-sparse) {\n --footer-link-margin-left: 0;\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link-grouped-small) {\n --footer-link-margin-left: var(--ic-space-md);\n --footer-link-margin-right: 0;\n --footer-link-margin-bottom: var(--ic-space-md);\n}\n\n:host(.footer-link) {\n margin-left: var(--footer-link-margin-left);\n margin-right: var(--footer-link-margin-right);\n margin-bottom: var(--footer-link-margin-bottom);\n}\n\n.ic-link-open-in-new-icon {\n vertical-align: middle;\n margin-left: var(--ic-space-xxs);\n}\n\n.ic-link > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-default);\n}\n\n.ic-link-open-in-new-icon > svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n fill: currentcolor;\n}\n\n.ic-link:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-visited);\n}\n\n.ic-link.light:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-color-hyperlink-contrast-visited);\n}\n\n:host(.breadcrumb-link) .ic-link {\n display: var(--breadcrumb-link-display);\n align-items: var(--breadcrumb-link-align-items);\n gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .ic-link ::slotted(.back-icon) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n font-weight: normal;\n color: inherit;\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n outline: var(--ic-hc-focus-outline);\n text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .ic-link:visited {\n color: var(--ic-color-text-primary);\n}\n\n:host(.footer-link-light) ::part(link),\n:host(.footer-link-dark) ::part(link) {\n color: var(--ic-footer-link);\n}\n\n:host(.footer-link-light) ::slotted(svg),\n:host(.footer-link-dark) ::slotted(svg) {\n fill: var(--ic-footer-icon);\n}\n\n:host(.footer-logo-link) {\n transition: var(--ic-easing-transition-fast);\n}\n\n:host(.footer-logo-link:hover) {\n background-color: var(--ic-footer-hover);\n}\n\n:host(.footer-logo-link:active) {\n background-color: var(--ic-footer-pressed);\n}\n\n:host(.footer-logo-link:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n}\n\n@media (forced-colors: active) {\n :host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg) {\n fill: currentcolor;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getBrandForegroundAppearance, } from \"../../utils/helpers\";\nexport class FooterLink {\n constructor() {\n this.deviceSize = DEVICE_SIZES.XL;\n this.footerConfig = { small: false, grouped: false };\n this.foregroundColor = getBrandForegroundAppearance();\n /**\n * If `true`, the user can save the linked URL instead of navigating to it.\n */\n this.download = false;\n }\n componentWillLoad() {\n this.footerConfig = this.inferConfig(this.el);\n }\n footerResizeHandler() {\n this.footerConfig = this.inferConfig(this.el);\n }\n footerBrandChangeHandler(ev) {\n this.foregroundColor = ev.detail.mode;\n }\n inferConfig(e) {\n if (e.parentElement !== null) {\n if (e.parentElement.classList.contains(\"ic-footer\")) {\n return {\n small: e.parentElement.classList.contains(\"ic-footer-small\"),\n grouped: e.parentElement.classList.contains(\"ic-footer-grouped\"),\n };\n }\n else {\n return this.inferConfig(e.parentElement);\n }\n }\n else {\n return { small: false, grouped: false };\n }\n }\n render() {\n const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;\n const { small, grouped } = footerConfig;\n const isLogoLink = !!this.el.closest(\"div[slot='logo']\");\n return (h(Host, { key: 'e76ea1dcfe97acba7db979b8ac64101c1701dbca', class: {\n \"footer-link\": true,\n [`footer-link-${grouped ? \"grouped\" : \"ungrouped\"}-${small ? \"small\" : \"sparse\"}`]: true,\n [`footer-link-${this.foregroundColor}`]: true,\n \"footer-logo-link\": isLogoLink,\n }, role: \"listitem\" }, h(\"ic-link\", { key: '251207e62b8812870a36eb4e7b7aa9307c78668c', class: \"footer-link\", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, h(\"slot\", { key: '3a073f12607a730a032665e55088da56cccf8c42' }))));\n }\n static get is() { return \"ic-footer-link\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-footer-link.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-footer-link.css\"]\n };\n }\n static get properties() {\n return {\n \"download\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"download\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that the link points to.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"hreflang\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The human language of the linked URL.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hreflang\",\n \"reflect\": false\n },\n \"referrerpolicy\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ReferrerPolicy\",\n \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n \"references\": {\n \"ReferrerPolicy\": {\n \"location\": \"global\",\n \"id\": \"global::ReferrerPolicy\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How much of the referrer to send when following the link.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"referrerpolicy\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The relationship of the linked URL as space-separated link types.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"target\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"footerConfig\": {},\n \"foregroundColor\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"footerResized\",\n \"method\": \"footerResizeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"footerBrandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-footer-link.js.map\n"],"mappings":"oGAAA,MAAMA,EAAkB,g0JACxB,MAAAC,EAAeD,E,MCCFE,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,WAAaC,EAAaC,GAC/BH,KAAKI,aAAe,CAAEC,MAAO,MAAOC,QAAS,OAC7CN,KAAKO,gBAAkBC,IAIvBR,KAAKS,SAAW,K,CAEpB,iBAAAC,GACIV,KAAKI,aAAeJ,KAAKW,YAAYX,KAAKY,G,CAE9C,mBAAAC,GACIb,KAAKI,aAAeJ,KAAKW,YAAYX,KAAKY,G,CAE9C,wBAAAE,CAAyBC,GACrBf,KAAKO,gBAAkBQ,EAAGC,OAAOC,I,CAErC,WAAAN,CAAYO,GACR,GAAIA,EAAEC,gBAAkB,KAAM,CAC1B,GAAID,EAAEC,cAAcC,UAAUC,SAAS,aAAc,CACjD,MAAO,CACHhB,MAAOa,EAAEC,cAAcC,UAAUC,SAAS,mBAC1Cf,QAASY,EAAEC,cAAcC,UAAUC,SAAS,qB,KAG/C,CACD,OAAOrB,KAAKW,YAAYO,EAAEC,c,MAG7B,CACD,MAAO,CAAEd,MAAO,MAAOC,QAAS,M,EAGxC,MAAAgB,GACI,MAAMlB,aAAEA,EAAYmB,KAAEA,EAAIC,SAAEA,EAAQC,eAAEA,EAAcC,IAAEA,EAAGC,OAAEA,EAAMlB,SAAEA,GAAcT,KACjF,MAAMK,MAAEA,EAAKC,QAAEA,GAAYF,EAC3B,MAAMwB,IAAe5B,KAAKY,GAAGiB,QAAQ,oBACrC,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,cAAe,KACf,CAAC,eAAe3B,EAAU,UAAY,eAAeD,EAAQ,QAAU,YAAa,KACpF,CAAC,eAAeL,KAAKO,mBAAoB,KACzC,mBAAoBqB,GACrBM,KAAM,YAAcJ,EAAE,UAAW,CAAEE,IAAK,2CAA4CC,MAAO,cAAeV,KAAMA,EAAMC,SAAUA,EAAUC,eAAgBA,EAAgBC,IAAKA,EAAKjB,SAAUA,IAAa,MAAQA,EAAW0B,UAAWR,OAAQA,GAAUG,EAAE,OAAQ,CAAEE,IAAK,8C,CAIvR,yBAAWI,GAAmB,OAAO,IAAK,C","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as i,H as o,g as a}from"./p-8e4e97b4.js";import{r as n,i as s}from"./p-eca2fea1.js";import{C as r}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;border-bottom:var(--ic-space-1px) solid var(--ic-accordion-divider)}:host .expand-chevron{color:var(--ic-accordion-chevron)}:host(.ic-accordion-disabled) .expand-chevron{color:var(--ic-accordion-chevron-disabled)}.section-button.small{padding:var(--ic-space-xxs) var(--ic-space-xs)}.section-button.large{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(:first-of-type){border-top:var(--ic-space-1px) solid var(--ic-accordion-divider)}:focus{outline:none}.section-button{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}.section-header{--ic-typography-color:var(--ic-accordion-heading-text);color:var(--ic-accordion-heading-text);text-align:left;flex:1 0}:host(.ic-accordion-disabled) .section-header{--ic-typography-color:var(--ic-accordion-heading-text-disabled);color:var(--ic-accordion-heading-text-disabled)}button:hover{background-color:var(--ic-accordion-background-hover);cursor:pointer}button:active{background-color:var(--ic-accordion-background-pressed)}button:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}button:disabled{pointer-events:none}.icon-container{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg);color:var(--ic-accordion-icon)}:host(.ic-accordion-disabled) .icon-container{color:var(--ic-accordion-icon-disabled)}::slotted(svg){width:var(--ic-space-md);height:var(--ic-space-md)}.expand-chevron{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}.content-expanded-chevron{transform:rotate(-90deg)}.expanded-content{--ic-typography-color:var(--ic-accordion-body-text);color:var(--ic-accordion-body-text);height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}.expanded-content-inner{padding:var(--ic-space-xs)}.expanded-content-opened{overflow:visible}@media (forced-colors: active){button:focus{border:var(--ic-border-hc) !important}}';const d=c;let l=0;const h=class{constructor(i){e(this,i);this.accordionClicked=t(this,"accordionClicked",7);this.accordionId=`ic-accordion-${l++}`;this.CONTENT_VISIBILITY_PROPERTY="--ic-expanded-content-visibility";this.disabled=false;this.expanded=false;this.heading="";this.message="";this.size="medium";this.theme="inherit";this.toggleExpanded=()=>{this.expanded=!this.expanded;this.accordionClicked.emit({id:this.accordionId})};this.setAccordionAnimation=(e,t,i,o)=>{e.style.transitionDuration=`${t}ms`;e.style.transitionProperty=i;e.style.transitionDelay=o};this.setExpandedContentStyle=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight>0){t.classList.add("expanded-content-opened");t.style.height="auto"}};this.hideExpandedContent=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight===0){t.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"hidden")}};this.animateExpandedContent=()=>{if(this.expandedContentEl){const e=this.expandedContentEl;const t=e.scrollHeight;if(t>0&&this.expanded){e.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");e.style.height=`${t}px`;this.setAccordionAnimation(e,"300","height","ease-out");e.addEventListener("transitionend",(t=>{this.setExpandedContentStyle(t,e)}))}else if(!this.expanded){const e=this.expandedContentEl;e.style.height=`${e.scrollHeight}px`;if(e.scrollHeight>0&&!this.expanded){e.style.height="0";this.setAccordionAnimation(e,"300","height","ease-in");e.classList.remove("expanded-content-opened")}e.addEventListener("transitionend",(t=>{this.hideExpandedContent(t,e)}))}}}}watchDisabledHandler(){n(this.disabled,this.el)}handleExpandedWatch(){this.animateExpandedContent()}async setFocus(){var e;(e=this.accordionBtnHeading)===null||e===void 0?void 0:e.focus()}componentWillLoad(){n(this.disabled,this.el)}disconnectedCallback(){const e=this.expandedContentEl;if(e){e.removeEventListener("transitionend",(t=>this.setExpandedContentStyle(t,e)),true);e.removeEventListener("transitionend",(t=>this.hideExpandedContent(t,e)),true)}}componentDidLoad(){if(this.expanded&&this.expandedContentEl){this.expandedContentEl.style.height="auto";this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible")}}render(){const{size:e,disabled:t,expanded:a,theme:n}=this;return i(o,{key:"1af99baa1066daa75be1af7329ed0a79a6a7f3cf",id:this.accordionId,class:{["ic-accordion-disabled"]:!!t,[`ic-theme-${n}`]:n!=="inherit"},"aria-disabled":t?"true":"false"},i("button",{key:"95695d5beebac9e84bc55159d8602182698ece75",ref:e=>this.accordionBtnHeading=e,id:`${this.accordionId}-button`,disabled:t,tabindex:t?-1:0,class:{[`${e}`]:true,["section-button"]:true,["section-button-open"]:!!a&&!t},"aria-expanded":`${a}`,"aria-controls":"expanded-content-area",onClick:this.toggleExpanded},s(this.el,"icon")&&i("div",{key:"274fc2d72fefc6b7f52e4c11fb0dec81055aeb1e",class:"icon-container"},i("slot",{key:"b8fb45c64beba9a319776080ea7b764aa4a0b9db",name:"icon"})),i("ic-typography",{key:"c0ca1e3a7f4a8cb7b05a3892eec1db728162db91",variant:"subtitle-large",class:"section-header"},s(this.el,"heading")?i("slot",{name:"heading"}):this.heading),i("span",{key:"c8a70311d3d99114ff1f75c63dbbbbf1077e59c7",class:{["expand-chevron"]:true,["content-expanded-chevron"]:!!a&&!t},"aria-hidden":"true",innerHTML:r})),i("div",{key:"2bbae7f78c0a88f767c64fa0849c6c13bd998128",class:{["expanded-content"]:true},"aria-labelledby":`${this.accordionId}-button`,role:"region","aria-hidden":`${!a}`,id:"expanded-content-area",ref:e=>this.expandedContentEl=e},i("div",{key:"49f53a7ceb1a9a13f50542e93445bacd7d9d9a1e",class:"expanded-content-inner"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["handleExpandedWatch"]}}};h.style=d;export{h as ic_accordion};
2
- //# sourceMappingURL=p-45f32fea.entry.js.map
1
+ import{r as e,c as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";import{r as a,i as s}from"./p-eca2fea1.js";import{C as r}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;border-bottom:var(--ic-space-1px) solid var(--ic-accordion-divider)}:host .expand-chevron{color:var(--ic-accordion-chevron)}:host(.ic-accordion-disabled) .expand-chevron{color:var(--ic-accordion-chevron-disabled)}.section-button.small{padding:var(--ic-space-xxs) var(--ic-space-xs)}.section-button.large{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(:first-of-type){border-top:var(--ic-space-1px) solid var(--ic-accordion-divider)}:focus{outline:none}.section-button{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}.section-header{--ic-typography-color:var(--ic-accordion-heading-text);color:var(--ic-accordion-heading-text);text-align:left;flex:1 0}:host(.ic-accordion-disabled) .section-header{--ic-typography-color:var(--ic-accordion-heading-text-disabled);color:var(--ic-accordion-heading-text-disabled)}button:hover{background-color:var(--ic-accordion-background-hover);cursor:pointer}button:active{background-color:var(--ic-accordion-background-pressed)}button:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}button:disabled{pointer-events:none}.icon-container{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg);color:var(--ic-accordion-icon)}:host(.ic-accordion-disabled) .icon-container{color:var(--ic-accordion-icon-disabled)}::slotted(svg){width:var(--ic-space-md);height:var(--ic-space-md)}.expand-chevron{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}.content-expanded-chevron{transform:rotate(-90deg)}.expanded-content{--ic-typography-color:var(--ic-accordion-body-text);color:var(--ic-accordion-body-text);height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}.expanded-content-inner{padding:var(--ic-space-xs)}.expanded-content-opened{overflow:visible}@media (forced-colors: active){button:focus{border:var(--ic-border-hc) !important}}';const d=c;let l=0;const h="expanded-content-opened";const b=class{constructor(i){e(this,i);this.accordionClicked=t(this,"accordionClicked",7);this.accordionId=`ic-accordion-${l++}`;this.CONTENT_VISIBILITY_PROPERTY="--ic-expanded-content-visibility";this.disabled=false;this.expanded=false;this.heading="";this.message="";this.size="medium";this.theme="inherit";this.toggleExpanded=()=>{this.expanded=!this.expanded;this.accordionClicked.emit({id:this.accordionId})};this.setAccordionAnimation=(e,t,i,o)=>{e.style.transitionDuration=`${t}ms`;e.style.transitionProperty=i;e.style.transitionDelay=o};this.setExpandedContentStyle=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight>0){t.classList.add(h);t.style.height="auto"}};this.hideExpandedContent=(e,t)=>{if(e.propertyName==="height"&&t.clientHeight===0){t.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"hidden")}};this.animateExpandedContent=()=>{if(this.expandedContentEl){const e=this.expandedContentEl;const t=e.scrollHeight;if(t>0&&this.expanded){e.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");e.style.height=`${t}px`;this.setAccordionAnimation(e,"300","height","ease-out");e.addEventListener("transitionend",(t=>{this.setExpandedContentStyle(t,e)}))}else if(!this.expanded){const e=this.expandedContentEl;e.style.height=`${e.scrollHeight}px`;if(e.scrollHeight>0&&!this.expanded){e.style.height="0";this.setAccordionAnimation(e,"300","height","ease-in");e.classList.remove(h)}e.addEventListener("transitionend",(t=>{this.hideExpandedContent(t,e)}))}}}}watchDisabledHandler(){a(this.disabled,this.el)}handleExpandedWatch(){this.animateExpandedContent()}async setFocus(){var e;(e=this.accordionBtnHeading)===null||e===void 0?void 0:e.focus()}componentWillLoad(){a(this.disabled,this.el)}disconnectedCallback(){const e=this.expandedContentEl;if(e){e.removeEventListener("transitionend",(t=>this.setExpandedContentStyle(t,e)),true);e.removeEventListener("transitionend",(t=>this.hideExpandedContent(t,e)),true)}}componentDidLoad(){if(this.expanded&&this.expandedContentEl){this.expandedContentEl.style.height="auto";this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY,"visible");this.expandedContentEl.classList.add(h)}}render(){const{size:e,disabled:t,expanded:n,theme:a}=this;return i(o,{key:"9fff7c4dc37187f9a2d03ae477c48012ff17c870",id:this.accordionId,class:{["ic-accordion-disabled"]:!!t,[`ic-theme-${a}`]:a!=="inherit"},"aria-disabled":t?"true":"false"},i("button",{key:"0f83275fbfc435eb5b640bd76b9a9582fcb3dca0",ref:e=>this.accordionBtnHeading=e,id:`${this.accordionId}-button`,disabled:t,tabindex:t?-1:0,class:{[`${e}`]:true,["section-button"]:true,["section-button-open"]:!!n&&!t},"aria-expanded":`${n}`,"aria-controls":"expanded-content-area",onClick:this.toggleExpanded},s(this.el,"icon")&&i("div",{key:"41c88884df97917d026fbecb500c35b393045c7d",class:"icon-container"},i("slot",{key:"ddc6894db8ab81e27c971350e261d99b51759756",name:"icon"})),i("ic-typography",{key:"e0ca73dbe5a2d46dbe2f893d4405e3d82fd2a862",variant:"subtitle-large",class:"section-header"},s(this.el,"heading")?i("slot",{name:"heading"}):this.heading),i("span",{key:"a95fad35c3e3f38415da026a93112079f74de4d7",class:{["expand-chevron"]:true,["content-expanded-chevron"]:!!n&&!t},"aria-hidden":"true",innerHTML:r})),i("div",{key:"65b6322d5dde677528891631ecd9b95189948771",class:{["expanded-content"]:true},"aria-labelledby":`${this.accordionId}-button`,role:"region","aria-hidden":`${!n}`,id:"expanded-content-area",ref:e=>this.expandedContentEl=e},i("div",{key:"de9ec00d55757be20c097082817529b652200263",class:"expanded-content-inner"},this.message?i("ic-typography",{variant:"body"},this.message):i("slot",null))))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"],expanded:["handleExpandedWatch"]}}};b.style=d;export{b as ic_accordion};
2
+ //# sourceMappingURL=p-a894ddb6.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icAccordionCss","IcAccordionStyle0","accordionIds","EXPANDED_CONTENT_OPENED_CLASS","Accordion","constructor","hostRef","this","accordionId","CONTENT_VISIBILITY_PROPERTY","disabled","expanded","heading","message","size","theme","toggleExpanded","accordionClicked","emit","id","setAccordionAnimation","el","duration","property","delay","style","transitionDuration","transitionProperty","transitionDelay","setExpandedContentStyle","ev","expandedContent","propertyName","clientHeight","classList","add","height","hideExpandedContent","setProperty","animateExpandedContent","expandedContentEl","elementHeight","scrollHeight","addEventListener","e","remove","watchDisabledHandler","removeDisabledFalse","handleExpandedWatch","setFocus","_a","accordionBtnHeading","focus","componentWillLoad","disconnectedCallback","removeEventListener","componentDidLoad","render","h","Host","key","class","ref","tabindex","onClick","isSlotUsed","name","variant","innerHTML","chevronIcon","role"],"sources":["../web-components/dist/collection/components/ic-accordion/ic-accordion.css?tag=ic-accordion&encapsulation=shadow","../web-components/dist/collection/components/ic-accordion/ic-accordion.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: block;\n border-bottom: var(--ic-space-1px) solid var(--ic-accordion-divider);\n}\n\n:host .expand-chevron {\n color: var(--ic-accordion-chevron);\n}\n\n:host(.ic-accordion-disabled) .expand-chevron {\n color: var(--ic-accordion-chevron-disabled);\n}\n\n.section-button.small {\n padding: var(--ic-space-xxs) var(--ic-space-xs);\n}\n\n.section-button.large {\n padding: var(--ic-space-sm) var(--ic-space-xs);\n}\n\n:host(:first-of-type) {\n border-top: var(--ic-space-1px) solid var(--ic-accordion-divider);\n}\n\n:focus {\n outline: none;\n}\n\n.section-button {\n background-color: transparent;\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--ic-space-xs);\n font-weight: var(--ic-font-weight-bold);\n border: none;\n}\n\n.section-header {\n --ic-typography-color: var(--ic-accordion-heading-text);\n\n color: var(--ic-accordion-heading-text);\n text-align: left;\n flex: 1 0;\n}\n\n:host(.ic-accordion-disabled) .section-header {\n --ic-typography-color: var(--ic-accordion-heading-text-disabled);\n\n color: var(--ic-accordion-heading-text-disabled);\n}\n\nbutton:hover {\n background-color: var(--ic-accordion-background-hover);\n cursor: pointer;\n}\n\nbutton:active {\n background-color: var(--ic-accordion-background-pressed);\n}\n\nbutton:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n}\n\nbutton:disabled {\n pointer-events: none;\n}\n\n.icon-container {\n margin: 0 var(--ic-space-xs) 0 0;\n display: flex;\n align-items: center;\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n color: var(--ic-accordion-icon);\n}\n\n:host(.ic-accordion-disabled) .icon-container {\n color: var(--ic-accordion-icon-disabled);\n}\n\n::slotted(svg) {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n.expand-chevron {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n margin-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n transform: rotate(90deg);\n justify-self: end;\n}\n\n.content-expanded-chevron {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n --ic-typography-color: var(--ic-accordion-body-text);\n\n color: var(--ic-accordion-body-text);\n height: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n visibility: var(--ic-expanded-content-visibility, hidden);\n}\n\n.expanded-content-inner {\n padding: var(--ic-space-xs);\n}\n\n.expanded-content-opened {\n overflow: visible;\n}\n\n@media (forced-colors: active) {\n button:focus {\n border: var(--ic-border-hc) !important;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nlet accordionIds = 0;\nconst EXPANDED_CONTENT_OPENED_CLASS = \"expanded-content-opened\";\n/**\n * @slot heading - Content is placed as the accordion heading.\n * @slot icon - Content is placed to the left of the heading.\n */\nexport class Accordion {\n constructor() {\n this.accordionId = `ic-accordion-${accordionIds++}`;\n this.CONTENT_VISIBILITY_PROPERTY = \"--ic-expanded-content-visibility\";\n /**\n * If `true`, the accordion will be disabled.\n */\n this.disabled = false;\n /**\n * If `true`, the accordion appears expanded.\n */\n this.expanded = false;\n /**\n * The section header outlining section content.\n */\n this.heading = \"\";\n /**\n * The main body message of the accordion.\n */\n this.message = \"\";\n /**\n * The size of the accordion.\n */\n this.size = \"medium\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.toggleExpanded = () => {\n this.expanded = !this.expanded;\n this.accordionClicked.emit({ id: this.accordionId });\n };\n // Set accordion animation\n this.setAccordionAnimation = (el, duration, property, delay) => {\n el.style.transitionDuration = `${duration}ms`;\n el.style.transitionProperty = property;\n el.style.transitionDelay = delay;\n };\n this.setExpandedContentStyle = (ev, expandedContent) => {\n if (ev.propertyName === \"height\" && expandedContent.clientHeight > 0) {\n expandedContent.classList.add(EXPANDED_CONTENT_OPENED_CLASS);\n expandedContent.style.height = \"auto\";\n }\n };\n this.hideExpandedContent = (ev, expandedContent) => {\n if (ev.propertyName === \"height\" && expandedContent.clientHeight === 0) {\n expandedContent.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"hidden\");\n }\n };\n this.animateExpandedContent = () => {\n if (this.expandedContentEl) {\n const expandedContentEl = this.expandedContentEl;\n const elementHeight = expandedContentEl.scrollHeight;\n if (elementHeight > 0 && this.expanded) {\n expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n expandedContentEl.style.height = `${elementHeight}px`;\n this.setAccordionAnimation(expandedContentEl, \"300\", \"height\", \"ease-out\");\n expandedContentEl.addEventListener(\"transitionend\", (e) => {\n this.setExpandedContentStyle(e, expandedContentEl);\n });\n }\n else if (!this.expanded) {\n const expandedContentEl = this.expandedContentEl;\n expandedContentEl.style.height = `${expandedContentEl.scrollHeight}px`;\n if (expandedContentEl.scrollHeight > 0 && !this.expanded) {\n expandedContentEl.style.height = \"0\";\n this.setAccordionAnimation(expandedContentEl, \"300\", \"height\", \"ease-in\");\n expandedContentEl.classList.remove(EXPANDED_CONTENT_OPENED_CLASS);\n }\n expandedContentEl.addEventListener(\"transitionend\", (e) => {\n this.hideExpandedContent(e, expandedContentEl);\n });\n }\n }\n };\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n // Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close\n handleExpandedWatch() {\n this.animateExpandedContent();\n }\n /**\n * Sets focus on accordion heading.\n */\n async setFocus() {\n var _a;\n (_a = this.accordionBtnHeading) === null || _a === void 0 ? void 0 : _a.focus();\n }\n componentWillLoad() {\n removeDisabledFalse(this.disabled, this.el);\n }\n disconnectedCallback() {\n const expandedContentEl = this.expandedContentEl;\n if (expandedContentEl) {\n expandedContentEl.removeEventListener(\"transitionend\", (e) => this.setExpandedContentStyle(e, expandedContentEl), true);\n expandedContentEl.removeEventListener(\"transitionend\", (e) => this.hideExpandedContent(e, expandedContentEl), true);\n }\n }\n componentDidLoad() {\n // So accordion opens by default if expanded set to true\n if (this.expanded && this.expandedContentEl) {\n this.expandedContentEl.style.height = \"auto\";\n this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n this.expandedContentEl.classList.add(EXPANDED_CONTENT_OPENED_CLASS);\n }\n }\n render() {\n const { size, disabled, expanded, theme } = this;\n return (h(Host, { key: '9fff7c4dc37187f9a2d03ae477c48012ff17c870', id: this.accordionId, class: {\n [\"ic-accordion-disabled\"]: !!disabled,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, \"aria-disabled\": disabled ? \"true\" : \"false\" }, h(\"button\", { key: '0f83275fbfc435eb5b640bd76b9a9582fcb3dca0', ref: (el) => (this.accordionBtnHeading = el), id: `${this.accordionId}-button`, disabled: disabled, tabindex: disabled ? -1 : 0, class: {\n [`${size}`]: true,\n [\"section-button\"]: true,\n [\"section-button-open\"]: !!expanded && !disabled,\n }, \"aria-expanded\": `${expanded}`, \"aria-controls\": \"expanded-content-area\", onClick: this.toggleExpanded }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { key: '41c88884df97917d026fbecb500c35b393045c7d', class: \"icon-container\" }, h(\"slot\", { key: 'ddc6894db8ab81e27c971350e261d99b51759756', name: \"icon\" }))), h(\"ic-typography\", { key: 'e0ca73dbe5a2d46dbe2f893d4405e3d82fd2a862', variant: \"subtitle-large\", class: \"section-header\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (this.heading)), h(\"span\", { key: 'a95fad35c3e3f38415da026a93112079f74de4d7', class: {\n [\"expand-chevron\"]: true,\n [\"content-expanded-chevron\"]: !!expanded && !disabled,\n }, \"aria-hidden\": \"true\", innerHTML: chevronIcon })), h(\"div\", { key: '65b6322d5dde677528891631ecd9b95189948771', class: {\n [\"expanded-content\"]: true,\n }, \"aria-labelledby\": `${this.accordionId}-button`, role: \"region\", \"aria-hidden\": `${!expanded}`, id: \"expanded-content-area\", ref: (el) => (this.expandedContentEl = el) }, h(\"div\", { key: 'de9ec00d55757be20c097082817529b652200263', class: \"expanded-content-inner\" }, this.message ? (h(\"ic-typography\", { variant: \"body\" }, this.message)) : (h(\"slot\", null))))));\n }\n static get is() { return \"ic-accordion\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-accordion.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-accordion.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the accordion will be disabled.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"expanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the accordion appears expanded.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expanded\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The section header outlining section content.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the accordion.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the accordion.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"accordionClicked\",\n \"name\": \"accordionClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when accordion is clicked.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ id: string }\",\n \"resolved\": \"{ id: string; }\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on accordion heading.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"expanded\",\n \"methodName\": \"handleExpandedWatch\"\n }];\n }\n}\n//# sourceMappingURL=ic-accordion.js.map\n"],"mappings":"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","ignoreList":[]}