@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (270) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-bbe55215.js → helpers-86375e76.js} +6 -6
  3. package/dist/cjs/{helpers-bbe55215.js.map → helpers-86375e76.js.map} +1 -1
  4. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/ic-alert.cjs.entry.js +1 -1
  6. package/dist/cjs/ic-back-to-top.cjs.entry.js +4 -8
  7. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-badge.cjs.entry.js +1 -1
  9. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-button_3.cjs.entry.js +43 -30
  12. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  14. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-checkbox.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-chip.cjs.entry.js +1 -1
  17. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  18. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  19. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  20. package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
  21. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  23. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  24. package/dist/cjs/ic-hero.cjs.entry.js +1 -1
  25. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1 -1
  27. package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
  28. package/dist/cjs/ic-link.cjs.entry.js +1 -1
  29. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
  31. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  33. package/dist/cjs/ic-navigation-group.cjs.entry.js +5 -8
  34. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-navigation-item.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  38. package/dist/cjs/ic-page-header.cjs.entry.js +2 -2
  39. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-pagination_4.cjs.entry.js +1 -1
  41. package/dist/cjs/ic-popover-menu.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
  43. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-side-navigation.cjs.entry.js +32 -61
  46. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-status-tag.cjs.entry.js +3 -2
  48. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  50. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  51. package/dist/cjs/ic-switch.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  53. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  54. package/dist/cjs/ic-tab.cjs.entry.js +1 -1
  55. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  56. package/dist/cjs/ic-toast.cjs.entry.js +12 -15
  57. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-toggle-button.cjs.entry.js +69 -0
  59. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
  60. package/dist/cjs/ic-top-navigation.cjs.entry.js +3 -2
  61. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-typography.cjs.entry.js +1 -1
  63. package/dist/cjs/index-4cf27b16.js +4 -0
  64. package/dist/cjs/loader.cjs.js +1 -1
  65. package/dist/collection/collection-manifest.json +1 -0
  66. package/dist/components/helpers.js +5 -5
  67. package/dist/components/helpers.js.map +1 -1
  68. package/dist/components/ic-back-to-top.js +3 -7
  69. package/dist/components/ic-back-to-top.js.map +1 -1
  70. package/dist/components/ic-button2.js +10 -2
  71. package/dist/components/ic-button2.js.map +1 -1
  72. package/dist/components/ic-menu-item2.js +1 -1
  73. package/dist/components/ic-menu-item2.js.map +1 -1
  74. package/dist/components/ic-navigation-group.js +4 -7
  75. package/dist/components/ic-navigation-group.js.map +1 -1
  76. package/dist/components/ic-navigation-item.js.map +1 -1
  77. package/dist/components/ic-page-header.js +1 -1
  78. package/dist/components/ic-page-header.js.map +1 -1
  79. package/dist/components/ic-side-navigation.js +31 -60
  80. package/dist/components/ic-side-navigation.js.map +1 -1
  81. package/dist/components/ic-status-tag.js +2 -1
  82. package/dist/components/ic-status-tag.js.map +1 -1
  83. package/dist/components/ic-toast.js +11 -14
  84. package/dist/components/ic-toast.js.map +1 -1
  85. package/dist/components/ic-toggle-button.js +117 -0
  86. package/dist/components/ic-toggle-button.js.map +1 -0
  87. package/dist/components/ic-tooltip2.js +32 -27
  88. package/dist/components/ic-tooltip2.js.map +1 -1
  89. package/dist/components/ic-top-navigation.js +2 -1
  90. package/dist/components/ic-top-navigation.js.map +1 -1
  91. package/dist/core/core.esm.js +1 -1
  92. package/dist/core/core.esm.js.map +1 -1
  93. package/dist/core/{p-39e20b87.entry.js → p-010053ab.entry.js} +2 -2
  94. package/dist/core/{p-4ee59448.entry.js → p-043e4073.entry.js} +2 -2
  95. package/dist/core/{p-4314aa0e.entry.js → p-0aa1fe4e.entry.js} +2 -2
  96. package/dist/core/{p-be980606.entry.js → p-1e9f689b.entry.js} +2 -2
  97. package/dist/core/{p-1bc034aa.entry.js → p-217db3af.entry.js} +2 -2
  98. package/dist/core/p-217db3af.entry.js.map +1 -0
  99. package/dist/core/p-234edce6.entry.js +2 -0
  100. package/dist/core/p-234edce6.entry.js.map +1 -0
  101. package/dist/core/{p-b5cf6d65.entry.js → p-26ca8030.entry.js} +2 -2
  102. package/dist/core/p-26ca8030.entry.js.map +1 -0
  103. package/dist/core/p-2addb040.entry.js +2 -0
  104. package/dist/core/{p-a51e5c7c.entry.js.map → p-2addb040.entry.js.map} +1 -1
  105. package/dist/core/{p-75bf6162.entry.js → p-3294eba4.entry.js} +2 -2
  106. package/dist/core/{p-75bf6162.entry.js.map → p-3294eba4.entry.js.map} +1 -1
  107. package/dist/core/{p-bd9cecce.entry.js → p-4119a26b.entry.js} +2 -2
  108. package/dist/core/{p-3d618bc2.entry.js → p-452be32a.entry.js} +2 -2
  109. package/dist/core/{p-85508347.entry.js → p-5332a426.entry.js} +2 -2
  110. package/dist/core/{p-d77960f6.entry.js → p-56645c00.entry.js} +2 -2
  111. package/dist/core/{p-c1256810.entry.js → p-5f8c4c83.entry.js} +2 -2
  112. package/dist/core/p-5f8c4c83.entry.js.map +1 -0
  113. package/dist/core/{p-5157cfab.entry.js → p-61ce24ae.entry.js} +2 -2
  114. package/dist/core/p-61ce24ae.entry.js.map +1 -0
  115. package/dist/core/{p-67eea079.entry.js → p-740a39bd.entry.js} +2 -2
  116. package/dist/core/{p-f87e8411.entry.js → p-7492d36e.entry.js} +2 -2
  117. package/dist/core/{p-55d5541f.entry.js → p-79b39c8a.entry.js} +2 -2
  118. package/dist/core/{p-53083575.entry.js → p-7a0790e4.entry.js} +2 -2
  119. package/dist/core/p-7a0790e4.entry.js.map +1 -0
  120. package/dist/core/{p-2dc35696.entry.js → p-7b17f3ce.entry.js} +2 -2
  121. package/dist/core/{p-2e9e8e7c.entry.js → p-7e0197a4.entry.js} +2 -2
  122. package/dist/core/p-8cde58bf.entry.js +2 -0
  123. package/dist/core/p-8cde58bf.entry.js.map +1 -0
  124. package/dist/core/{p-f0e9a83f.entry.js → p-8eaed5b7.entry.js} +2 -2
  125. package/dist/core/{p-0c18b6a0.entry.js → p-8fa532e0.entry.js} +2 -2
  126. package/dist/core/{p-ab9f8a3f.entry.js → p-93828f0e.entry.js} +2 -2
  127. package/dist/core/{p-3ee25a6d.entry.js → p-99a9ce86.entry.js} +2 -2
  128. package/dist/core/{p-20a76d1d.entry.js → p-9c6e48fb.entry.js} +2 -2
  129. package/dist/core/{p-485823b6.entry.js → p-a048beab.entry.js} +2 -2
  130. package/dist/core/{p-bc187bb5.entry.js → p-a561980f.entry.js} +2 -2
  131. package/dist/core/{p-7eae5f70.entry.js → p-a6a90c56.entry.js} +2 -2
  132. package/dist/core/{p-a7481232.entry.js → p-a9a378f8.entry.js} +2 -2
  133. package/dist/core/{p-f23d2102.entry.js → p-ae337896.entry.js} +2 -2
  134. package/dist/core/{p-4409f656.entry.js → p-b4591bfe.entry.js} +2 -2
  135. package/dist/core/{p-9fa6844f.entry.js → p-b7d5ced3.entry.js} +2 -2
  136. package/dist/core/{p-03f8fa1a.entry.js → p-c2884fcd.entry.js} +2 -2
  137. package/dist/core/{p-6bd0e984.entry.js → p-cae71c32.entry.js} +2 -2
  138. package/dist/core/{p-47abbd06.entry.js → p-cedabab7.entry.js} +2 -2
  139. package/dist/core/{p-76959313.entry.js → p-da1f0a53.entry.js} +2 -2
  140. package/dist/core/{p-939baa93.entry.js → p-dbee31af.entry.js} +2 -2
  141. package/dist/core/{p-8fd4ca0a.js → p-e0102744.js} +1 -1
  142. package/dist/core/{p-8fd4ca0a.js.map → p-e0102744.js.map} +1 -1
  143. package/dist/core/p-e0d8d7a5.entry.js +2 -0
  144. package/dist/core/p-e0d8d7a5.entry.js.map +1 -0
  145. package/dist/core/{p-b97dc365.entry.js → p-e31125df.entry.js} +2 -2
  146. package/dist/core/p-f2318ddc.entry.js +2 -0
  147. package/dist/core/p-f2318ddc.entry.js.map +1 -0
  148. package/dist/core/{p-e9e145aa.entry.js → p-f4c11be0.entry.js} +2 -2
  149. package/dist/core/p-f4fb15f9.entry.js +2 -0
  150. package/dist/core/p-f4fb15f9.entry.js.map +1 -0
  151. package/dist/core/{p-41aa0ed3.entry.js → p-faaa06d7.entry.js} +2 -2
  152. package/dist/core/{p-5bb32ee6.entry.js → p-fc406db5.entry.js} +2 -2
  153. package/dist/core/{p-03487f12.entry.js → p-fddc7254.entry.js} +2 -2
  154. package/dist/core/{p-7de813a3.entry.js → p-fff91bd9.entry.js} +2 -2
  155. package/dist/esm/core.js +1 -1
  156. package/dist/esm/{helpers-268c2b7f.js → helpers-229a5574.js} +6 -6
  157. package/dist/esm/{helpers-268c2b7f.js.map → helpers-229a5574.js.map} +1 -1
  158. package/dist/esm/ic-accordion.entry.js +1 -1
  159. package/dist/esm/ic-alert.entry.js +1 -1
  160. package/dist/esm/ic-back-to-top.entry.js +4 -8
  161. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  162. package/dist/esm/ic-badge.entry.js +1 -1
  163. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  164. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  165. package/dist/esm/ic-button_3.entry.js +43 -30
  166. package/dist/esm/ic-button_3.entry.js.map +1 -1
  167. package/dist/esm/ic-card.entry.js +1 -1
  168. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  169. package/dist/esm/ic-checkbox.entry.js +1 -1
  170. package/dist/esm/ic-chip.entry.js +1 -1
  171. package/dist/esm/ic-data-row.entry.js +1 -1
  172. package/dist/esm/ic-dialog.entry.js +1 -1
  173. package/dist/esm/ic-divider.entry.js +1 -1
  174. package/dist/esm/ic-empty-state.entry.js +1 -1
  175. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  176. package/dist/esm/ic-footer-link.entry.js +1 -1
  177. package/dist/esm/ic-footer.entry.js +1 -1
  178. package/dist/esm/ic-hero.entry.js +1 -1
  179. package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
  180. package/dist/esm/ic-input-component-container_3.entry.js +1 -1
  181. package/dist/esm/ic-input-label_2.entry.js +1 -1
  182. package/dist/esm/ic-link.entry.js +1 -1
  183. package/dist/esm/ic-menu-group.entry.js +1 -1
  184. package/dist/esm/ic-menu-item.entry.js +2 -2
  185. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  186. package/dist/esm/ic-navigation-button.entry.js +1 -1
  187. package/dist/esm/ic-navigation-group.entry.js +5 -8
  188. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  189. package/dist/esm/ic-navigation-item.entry.js +1 -1
  190. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  191. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  192. package/dist/esm/ic-page-header.entry.js +2 -2
  193. package/dist/esm/ic-page-header.entry.js.map +1 -1
  194. package/dist/esm/ic-pagination_4.entry.js +1 -1
  195. package/dist/esm/ic-popover-menu.entry.js +1 -1
  196. package/dist/esm/ic-radio-group.entry.js +1 -1
  197. package/dist/esm/ic-radio-option.entry.js +1 -1
  198. package/dist/esm/ic-search-bar.entry.js +1 -1
  199. package/dist/esm/ic-side-navigation.entry.js +32 -61
  200. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  201. package/dist/esm/ic-status-tag.entry.js +3 -2
  202. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  203. package/dist/esm/ic-step.entry.js +1 -1
  204. package/dist/esm/ic-stepper.entry.js +1 -1
  205. package/dist/esm/ic-switch.entry.js +1 -1
  206. package/dist/esm/ic-tab-group.entry.js +1 -1
  207. package/dist/esm/ic-tab-panel.entry.js +1 -1
  208. package/dist/esm/ic-tab.entry.js +1 -1
  209. package/dist/esm/ic-theme.entry.js +1 -1
  210. package/dist/esm/ic-toast.entry.js +12 -15
  211. package/dist/esm/ic-toast.entry.js.map +1 -1
  212. package/dist/esm/ic-toggle-button.entry.js +65 -0
  213. package/dist/esm/ic-toggle-button.entry.js.map +1 -0
  214. package/dist/esm/ic-top-navigation.entry.js +3 -2
  215. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  216. package/dist/esm/ic-typography.entry.js +1 -1
  217. package/dist/esm/index-93509377.js +4 -0
  218. package/dist/esm/loader.js +1 -1
  219. package/hydrate/index.js +186 -127
  220. package/package.json +25 -17
  221. package/dist/core/p-0083465b.entry.js +0 -2
  222. package/dist/core/p-0083465b.entry.js.map +0 -1
  223. package/dist/core/p-1bc034aa.entry.js.map +0 -1
  224. package/dist/core/p-5157cfab.entry.js.map +0 -1
  225. package/dist/core/p-53083575.entry.js.map +0 -1
  226. package/dist/core/p-8da152c4.entry.js +0 -2
  227. package/dist/core/p-8da152c4.entry.js.map +0 -1
  228. package/dist/core/p-9c27b73e.entry.js +0 -2
  229. package/dist/core/p-9c27b73e.entry.js.map +0 -1
  230. package/dist/core/p-a51e5c7c.entry.js +0 -2
  231. package/dist/core/p-b5cf6d65.entry.js.map +0 -1
  232. package/dist/core/p-c1256810.entry.js.map +0 -1
  233. package/dist/core/p-d76cfa5a.entry.js +0 -2
  234. package/dist/core/p-d76cfa5a.entry.js.map +0 -1
  235. /package/dist/core/{p-39e20b87.entry.js.map → p-010053ab.entry.js.map} +0 -0
  236. /package/dist/core/{p-4ee59448.entry.js.map → p-043e4073.entry.js.map} +0 -0
  237. /package/dist/core/{p-4314aa0e.entry.js.map → p-0aa1fe4e.entry.js.map} +0 -0
  238. /package/dist/core/{p-be980606.entry.js.map → p-1e9f689b.entry.js.map} +0 -0
  239. /package/dist/core/{p-bd9cecce.entry.js.map → p-4119a26b.entry.js.map} +0 -0
  240. /package/dist/core/{p-3d618bc2.entry.js.map → p-452be32a.entry.js.map} +0 -0
  241. /package/dist/core/{p-85508347.entry.js.map → p-5332a426.entry.js.map} +0 -0
  242. /package/dist/core/{p-d77960f6.entry.js.map → p-56645c00.entry.js.map} +0 -0
  243. /package/dist/core/{p-67eea079.entry.js.map → p-740a39bd.entry.js.map} +0 -0
  244. /package/dist/core/{p-f87e8411.entry.js.map → p-7492d36e.entry.js.map} +0 -0
  245. /package/dist/core/{p-55d5541f.entry.js.map → p-79b39c8a.entry.js.map} +0 -0
  246. /package/dist/core/{p-2dc35696.entry.js.map → p-7b17f3ce.entry.js.map} +0 -0
  247. /package/dist/core/{p-2e9e8e7c.entry.js.map → p-7e0197a4.entry.js.map} +0 -0
  248. /package/dist/core/{p-f0e9a83f.entry.js.map → p-8eaed5b7.entry.js.map} +0 -0
  249. /package/dist/core/{p-0c18b6a0.entry.js.map → p-8fa532e0.entry.js.map} +0 -0
  250. /package/dist/core/{p-ab9f8a3f.entry.js.map → p-93828f0e.entry.js.map} +0 -0
  251. /package/dist/core/{p-3ee25a6d.entry.js.map → p-99a9ce86.entry.js.map} +0 -0
  252. /package/dist/core/{p-20a76d1d.entry.js.map → p-9c6e48fb.entry.js.map} +0 -0
  253. /package/dist/core/{p-485823b6.entry.js.map → p-a048beab.entry.js.map} +0 -0
  254. /package/dist/core/{p-bc187bb5.entry.js.map → p-a561980f.entry.js.map} +0 -0
  255. /package/dist/core/{p-7eae5f70.entry.js.map → p-a6a90c56.entry.js.map} +0 -0
  256. /package/dist/core/{p-a7481232.entry.js.map → p-a9a378f8.entry.js.map} +0 -0
  257. /package/dist/core/{p-f23d2102.entry.js.map → p-ae337896.entry.js.map} +0 -0
  258. /package/dist/core/{p-4409f656.entry.js.map → p-b4591bfe.entry.js.map} +0 -0
  259. /package/dist/core/{p-9fa6844f.entry.js.map → p-b7d5ced3.entry.js.map} +0 -0
  260. /package/dist/core/{p-03f8fa1a.entry.js.map → p-c2884fcd.entry.js.map} +0 -0
  261. /package/dist/core/{p-6bd0e984.entry.js.map → p-cae71c32.entry.js.map} +0 -0
  262. /package/dist/core/{p-47abbd06.entry.js.map → p-cedabab7.entry.js.map} +0 -0
  263. /package/dist/core/{p-76959313.entry.js.map → p-da1f0a53.entry.js.map} +0 -0
  264. /package/dist/core/{p-939baa93.entry.js.map → p-dbee31af.entry.js.map} +0 -0
  265. /package/dist/core/{p-b97dc365.entry.js.map → p-e31125df.entry.js.map} +0 -0
  266. /package/dist/core/{p-e9e145aa.entry.js.map → p-f4c11be0.entry.js.map} +0 -0
  267. /package/dist/core/{p-41aa0ed3.entry.js.map → p-faaa06d7.entry.js.map} +0 -0
  268. /package/dist/core/{p-5bb32ee6.entry.js.map → p-fc406db5.entry.js.map} +0 -0
  269. /package/dist/core/{p-03487f12.entry.js.map → p-fddc7254.entry.js.map} +0 -0
  270. /package/dist/core/{p-7de813a3.entry.js.map → p-fff91bd9.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"names":["icButtonCss","__rest","this","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","buttonIds","Button","constructor","hostRef","buttonIdNum","hasTooltip","inheritedAttributes","describedByEl","describedById","mutationObserver","hostMutationObserver","setViewBox","iconEl","hasLeftIconSlot","el","querySelector","hasRightIconSlot","handleClick","type","closest","handleHiddenFormButtonClick","onFocus","icFocus","emit","onBlur","icBlur","loadingWidth","loading","style","setProperty","getBoundingClientRect","width","mutationCallback","describedByContent","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","title","ariaLabel","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","disableTooltip","variant","appearance","ariaControlsId","undefined","ariaOwnsId","disabled","download","dropdown","dropdownExpanded","form","formaction","formenctype","formmethod","formnovalidate","formtarget","fullWidth","href","hreflang","referrerpolicy","rel","size","target","tooltipPlacement","transparentBackground","disconnectedCallback","disconnect","componentWillUpdate","componentWillLoad","allInheritedAttributes","inheritAttributes","restInheritedAttributes","removeDisabledFalse","setAttribute","id","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","_a","handleHostClick","event","stopImmediatePropagation","themeChangeHandler","ev","theme","detail","mode","setFocus","buttonEl","focus","hasIconSlot","hiddenFormButton","document","createElement","display","appendChild","click","remove","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","render","TagType","buttonAttrs","describedBy","buttonId","ButtonContent","h","assign","class","ref","part","name","Dark","Light","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","label","placement","silent","delegatesFocus","icLoadingIndicatorCss","LoadingIndicator","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","labelDuration","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","min","max","proportion","showSecond","add","calcOuterClass","cls","updateLabel","isPropDefined","split","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","description","innerLabel","watchPropHandler","watchProgressHandler","clearInterval","shadowRoot","Number","componentDidUpdate","role","viewBox","cx","cy","icTooltipCss","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","element","arrow","scroll","resize","hide","removeAttribute","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","handleKeyDown","key","manageEventListeners","action","method","maxLines","destroy","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","displayTooltip"],"sources":["../web-components/dist/collection/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","../web-components/dist/collection/components/ic-button/ic-button.js","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.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 --min-width: Minimum width of the button.\n* @prop --height: The height of the button.\n*/\n\n:host {\n display: inline-block;\n position: relative;\n\n --button-default: var(--ic-action-default);\n --button-default-hover: var(--ic-action-default-hover);\n --button-default-active: var(--ic-action-default-active);\n --button-default-background-hover: var(--ic-action-default-bg-hover);\n --button-default-background-active: var(--ic-action-default-bg-active);\n --icon-width: 100%;\n --icon-height: 100%;\n}\n\n.button {\n font-family: var(--ic-font-body-family);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.875rem;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n min-width: var(--min-width, 6.25rem);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n}\n\n:host(.with-badge) .button {\n border-radius: 0.2188rem;\n}\n\n.button:hover {\n cursor: pointer;\n}\n\n.button:focus,\n:host .button:focus,\n:host(.light) .button:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible {\n outline: var(--ic-hc-focus-outline);\n}\n\n:host(.dark) .button {\n --button-default: var(--ic-action-dark);\n --button-default-hover: var(--ic-action-dark);\n --button-default-active: var(--ic-action-dark);\n --button-default-background-hover: var(--ic-action-dark-bg-hover);\n --button-default-background-active: var(--ic-action-dark-bg-active);\n}\n\n:host(.light) .button {\n --button-default: var(--ic-action-light);\n --button-default-hover: var(--ic-action-light);\n --button-default-active: var(--ic-action-light);\n --button-default-background-hover: var(--ic-action-light-bg-hover);\n --button-default-background-active: var(--ic-action-light-bg-active);\n}\n\n:host(.white-background) .button {\n --button-default-background-hover: var(--ic-action-default-bg-hover-no-alpha);\n --button-default-background-active: var(\n --ic-action-default-bg-active-no-alpha\n );\n\n background-color: var(--ic-architectural-white);\n}\n\n:host(.white-background.dark) .button {\n --button-default-background-hover: var(--ic-action-dark-bg-hover-no-alpha);\n --button-default-background-active: var(--ic-action-dark-bg-active-no-alpha);\n}\n\n:host(.button-variant-primary.light) .button {\n color: var(--ic-color-primary-text);\n\n --button-default-hover: var(--ic-action-light-hover);\n --button-default-active: var(--ic-action-light-active);\n}\n\n:host(.button-variant-primary.dark) .button {\n --button-default-hover: var(--ic-action-dark-hover);\n --button-default-active: var(--ic-action-dark-active);\n}\n\n:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button {\n pointer-events: none;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.button-variant-primary) .button {\n color: var(--ic-architectural-white);\n background-color: var(--button-default);\n}\n\n:host(.button-variant-primary) .button:hover:not(:focus) {\n background-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary) .button:hover:focus {\n background-color: var(--button-default-hover);\n border-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary:not(.light)) .button:hover:focus {\n color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary) .button:active:focus {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary) .button:active {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary:not(.light)) .button:active {\n color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-primary.disabled) .button {\n background: var(--ic-architectural-200);\n color: var(--ic-architectural-300);\n}\n\n:host(.button-variant-primary.light.disabled) .button {\n background: var(--ic-architectural-600);\n color: var(--ic-architectural-500);\n}\n\n/* Secondary */\n\n:host(.button-variant-secondary) .button {\n border: var(--ic-border-width) solid var(--button-default);\n color: var(--button-default);\n}\n\n:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus {\n background-color: var(--button-default-background-hover);\n border-color: var(--button-default-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active {\n border-color: var(--button-default-active);\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.loading) .button {\n border-color: var(--button-default-active);\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active {\n border-color: var(--ic-architectural-300);\n color: var(--ic-architectural-300);\n background: none;\n}\n\n:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active {\n border-color: var(--ic-architectural-500);\n color: var(--ic-architectural-500);\n background: none;\n}\n\n/* Tertiary */\n\n:host(.button-variant-tertiary) .button {\n color: var(--button-default);\n}\n\n:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus {\n background-color: var(--button-default-background-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary.loading) .button {\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active {\n border-color: var(--ic-architectural-300);\n color: var(--ic-architectural-300);\n background: none;\n}\n\n:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active {\n border-color: var(--ic-architectural-500);\n color: var(--ic-architectural-500);\n background: none;\n}\n\n/* Icon */\n\n:host(.button-variant-icon) .button {\n color: var(--button-default);\n min-width: 0;\n gap: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon) .icon-container {\n width: var(--ic-space-lg) !important;\n height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover:not(:focus) {\n background-color: var(--button-default-background-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button {\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active {\n color: var(--ic-architectural-300);\n background: none;\n}\n\n/* Destructive */\n\n:host(.button-variant-destructive) .button {\n color: var(--ic-architectural-white);\n background-color: var(--ic-action-destructive);\n text-transform: uppercase;\n}\n\n:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus {\n background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button {\n background-color: var(--ic-action-destructive-active);\n}\n\n:host(.button-variant-destructive.disabled) .button {\n background: var(--ic-architectural-200);\n color: var(--ic-architectural-300);\n}\n\n/* Sizing */\n\n:host(.button-size-default) .button {\n height: var(--height, 2.5rem);\n padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.button-size-small) .button {\n height: var(--height, var(--ic-space-xl));\n padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.button-size-large) .button {\n height: var(--height, var(--ic-space-xxl));\n padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.button-size-default.button-variant-icon) .button {\n height: var(--height, var(--ic-space-xl));\n width: var(--ic-space-xl);\n padding: 0.375rem;\n}\n\n:host(.button-size-small.button-variant-icon) .button {\n height: var(--height, var(--ic-space-lg));\n width: var(--ic-space-lg);\n padding: var(--ic-space-xxs);\n}\n\n:host(.button-size-large.button-variant-icon) .button {\n height: var(--height, 2.5rem);\n width: 2.5rem;\n padding: var(--ic-space-xs);\n}\n\n/* Width */\n:host(.full-width),\n:host(.full-width) .button {\n width: 100%;\n}\n\n/* Loading */\n\ndiv.loading-container {\n position: relative;\n align-items: center;\n width: 100%;\n}\n\nic-loading-indicator {\n --outer-color: transparent;\n}\n\n@keyframes loading-animation {\n 0% {\n width: 0%;\n left: 0%;\n }\n\n 25% {\n width: 0%;\n left: 0%;\n opacity: 0;\n }\n\n 50% {\n width: 100%;\n left: 0%;\n opacity: 1;\n }\n\n 75% {\n width: 0%;\n left: 100%;\n }\n\n 100% {\n width: 0%;\n left: 100%;\n opacity: 0;\n }\n}\n\n/* Icons */\n\ndiv.icon-container {\n box-sizing: border-box;\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n margin-right: auto;\n margin-left: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n width: var(--icon-width) !important;\n height: var(--icon-height) !important;\n fill: currentcolor !important;\n pointer-events: none;\n}\n\n:host(.button-variant-icon) .button .icon-container {\n margin: 0;\n pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n --icon-height: 1.25rem;\n --icon-width: 1.25rem;\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n --icon-height: 1rem;\n --icon-width: 1rem;\n}\n\n:host(.clear-button) {\n margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus {\n box-shadow: none;\n}\n\n:host(.search-submit-button) .button:focus {\n box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n box-shadow: none;\n background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) {\n display: flex;\n align-items: center;\n margin: 0 var(--ic-space-xxs);\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n --icon-height: 0.875rem;\n --icon-width: 0.875rem;\n}\n\n:host(.popout-menu-button) .button {\n height: var(--height);\n justify-content: left;\n border-radius: 0;\n white-space: pre-line;\n text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n display: none;\n}\n\n:host .ic-tooltip {\n display: block;\n}\n\n/** Dropdown **/\n:host .arrow-dropdown {\n margin-top: auto;\n}\n\n:host .dropdown-expanded {\n transform: rotate(180deg);\n margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n padding-right: var(--ic-space-xs);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .button {\n border: 0.125rem solid transparent;\n }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n transform: scaleX(-1);\n}\n","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { Host, forceUpdate, h, } from \"@stencil/core\";\nimport { getThemeFromContext, inheritAttributes, isSlotUsed, removeDisabledFalse, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\nlet buttonIds = 0;\n/**\n * @slot icon - Deprecated. This slot should not be used anymore. Use left-icon or right-icon slot instead.\n * @slot left-icon - Content will be placed to the left of the button label.\n * @slot right-icon - Content will be placed to the right of the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\nexport class Button {\n constructor() {\n this.buttonIdNum = buttonIds++;\n this.hasTooltip = false;\n this.inheritedAttributes = {};\n this.describedByEl = null;\n this.describedById = null;\n this.mutationObserver = null;\n this.hostMutationObserver = null;\n this.setViewBox = () => {\n let iconEl;\n if (this.hasLeftIconSlot()) {\n iconEl = this.el.querySelector(`[slot=\"left-icon\"]`);\n }\n else if (this.hasRightIconSlot()) {\n iconEl = this.el.querySelector(`[slot=\"right-icon\"]`);\n }\n else {\n iconEl = null;\n }\n return iconEl;\n };\n this.handleClick = () => {\n if ((this.el.type === \"submit\" || this.el.type === \"reset\") &&\n !!this.el.closest(\"FORM\")) {\n this.handleHiddenFormButtonClick(this.el.closest(\"FORM\"));\n }\n };\n this.onFocus = () => {\n this.icFocus.emit();\n };\n this.onBlur = () => {\n this.icBlur.emit();\n };\n this.loadingWidth = () => {\n if (this.loading) {\n this.el.style.setProperty(\"--min-width\", `${this.el.getBoundingClientRect().width}px`);\n }\n };\n // triggered when text content of sibling element in light DOM changes\n this.mutationCallback = () => {\n this.describedByContent = this.describedByEl.innerText;\n };\n // triggered when attributes of host element change\n this.hostMutationCallback = (mutationList) => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n const attribute = this.el.getAttribute(attributeName);\n if (attributeName === \"title\")\n this.title = attribute;\n else if (attributeName === \"aria-label\")\n this.ariaLabel = attribute;\n if (IC_INHERITED_ARIA.includes(attributeName)) {\n this.inheritedAttributes[attributeName] = attribute;\n forceComponentUpdate = true;\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n this.setHasTooltip = () => {\n this.hasTooltip =\n !this.disableTooltip && (!!this.title || this.variant === \"icon\");\n };\n this.ariaLabel = null;\n this.describedByContent = null;\n this.title = null;\n this.appearance = \"default\";\n this.ariaControlsId = undefined;\n this.ariaOwnsId = undefined;\n this.disabled = false;\n this.disableTooltip = false;\n this.download = false;\n this.dropdown = false;\n this.dropdownExpanded = false;\n this.form = undefined;\n this.formaction = undefined;\n this.formenctype = undefined;\n this.formmethod = undefined;\n this.formnovalidate = undefined;\n this.formtarget = undefined;\n this.fullWidth = false;\n this.href = undefined;\n this.hreflang = undefined;\n this.loading = false;\n this.referrerpolicy = undefined;\n this.rel = undefined;\n this.size = \"default\";\n this.target = undefined;\n this.tooltipPlacement = \"bottom\";\n this.transparentBackground = true;\n this.type = \"button\";\n this.variant = \"primary\";\n }\n disconnectedCallback() {\n if (this.mutationObserver !== null && this.mutationObserver !== undefined) {\n this.mutationObserver.disconnect();\n }\n if (this.hostMutationObserver !== null &&\n this.hostMutationObserver !== undefined) {\n this.hostMutationObserver.disconnect();\n }\n }\n componentWillUpdate() {\n this.loadingWidth();\n this.setHasTooltip();\n }\n componentWillLoad() {\n const allInheritedAttributes = inheritAttributes(this.el, [\n ...IC_INHERITED_ARIA,\n \"title\",\n ]);\n const { title, \"aria-label\": ariaLabel } = allInheritedAttributes, restInheritedAttributes = __rest(allInheritedAttributes, [\"title\", \"aria-label\"]);\n this.title = title;\n this.ariaLabel = ariaLabel;\n this.inheritedAttributes = restInheritedAttributes;\n removeDisabledFalse(this.disabled, this.el);\n this.el.setAttribute(\"exportparts\", \"button\");\n const id = this.el.id;\n this.id = id !== undefined ? id : null;\n this.setHasTooltip();\n if (!this.hasTooltip) {\n const describedById = this.inheritedAttributes[\"aria-describedby\"];\n if (describedById !== undefined) {\n this.describedById = describedById;\n const el = this.el.parentElement.querySelector(`#${describedById}`);\n if (el !== undefined && el !== null) {\n this.describedByContent = el.innerText;\n this.describedByEl = el;\n }\n }\n }\n }\n componentDidLoad() {\n this.updateTheme();\n if (typeof MutationObserver !== \"undefined\") {\n if (this.describedById) {\n this.mutationObserver = new MutationObserver(this.mutationCallback);\n this.mutationObserver.observe(this.describedByEl, {\n characterData: true,\n childList: true,\n subtree: true,\n });\n }\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n }\n componentWillRender() {\n var _a;\n (_a = this.setViewBox()) === null || _a === void 0 ? void 0 : _a.setAttribute(\"viewBox\", \"0 0 24 24\");\n }\n handleHostClick(event) {\n if (this.disabled || this.loading) {\n event.stopImmediatePropagation();\n }\n if (this.dropdown) {\n this.dropdownExpanded = !this.dropdownExpanded;\n }\n }\n themeChangeHandler(ev) {\n const theme = ev.detail;\n this.updateTheme(theme.mode);\n }\n /**\n * Sets focus on the native `button`.\n */\n async setFocus() {\n if (this.buttonEl) {\n this.buttonEl.focus();\n }\n }\n hasIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n return iconEl !== null;\n }\n hasLeftIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"left-icon\"]`);\n return iconEl !== null;\n }\n hasRightIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"right-icon\"]`);\n return iconEl !== null;\n }\n handleHiddenFormButtonClick(form) {\n const hiddenFormButton = document.createElement(\"button\");\n hiddenFormButton.setAttribute(\"type\", this.el.type);\n hiddenFormButton.style.display = \"none\";\n form.appendChild(hiddenFormButton);\n hiddenFormButton.click();\n hiddenFormButton.remove();\n }\n updateTheme(newTheme = null) {\n const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n if (foregroundColor !== IcThemeForegroundEnum.Default) {\n this.appearance = foregroundColor;\n }\n }\n render() {\n const TagType = (this.href && \"a\") || \"button\";\n const { title, ariaLabel, inheritedAttributes } = this;\n const buttonAttrs = TagType === \"button\"\n ? {\n type: this.type,\n disabled: this.disabled,\n form: this.form,\n formaction: this.formaction,\n formenctype: this.formenctype,\n formmethod: this.formmethod,\n formnovalidate: this.formnovalidate,\n formtarget: this.formtarget,\n }\n : {\n download: this.download !== false ? this.download : null,\n href: this.href,\n rel: this.rel,\n target: this.target,\n referrerpolicy: this.referrerpolicy,\n hreflang: this.hreflang,\n };\n let describedBy = null;\n let buttonId = null;\n if (this.hasTooltip) {\n buttonId =\n this.id !== null\n ? `ic-button-with-tooltip-${this.id}`\n : `ic-button-with-tooltip-${this.buttonIdNum}`;\n describedBy = `ic-tooltip-${buttonId}`;\n }\n else {\n describedBy = this.describedById;\n }\n const ButtonContent = () => {\n return (h(TagType, Object.assign({ class: \"button\", \"aria-disabled\": this.loading || this.disabled ? \"true\" : null, \"aria-label\": this.loading ? \"Loading\" : ariaLabel }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), \"aria-describedby\": describedBy, part: \"button\" }), this.hasIconSlot() && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"icon\" }))), this.hasLeftIconSlot() && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"left-icon\" }))), this.loading ? (h(\"div\", { class: \"loading-container\" }, h(\"ic-loading-indicator\", { type: \"linear\", appearance: this.variant === \"primary\" ||\n this.variant === \"destructive\" ||\n this.appearance === IcThemeForegroundEnum.Dark ||\n this.appearance === IcThemeForegroundEnum.Light\n ? \"light\"\n : \"dark\" }))) : (h(\"slot\", null)), this.hasRightIconSlot() && !this.loading && !this.dropdown && (h(\"div\", { class: { \"icon-container\": true, \"right-icon\": true } }, h(\"slot\", { name: \"right-icon\" }))), this.dropdown &&\n !this.loading &&\n this.variant !== \"icon\" &&\n this.variant !== \"destructive\" && (h(\"span\", { class: {\n [\"arrow-dropdown\"]: !this.dropdownExpanded,\n [\"dropdown-expanded\"]: this.dropdownExpanded,\n }, innerHTML: arrowDropdown }))));\n };\n return (h(Host, { class: {\n [\"disabled\"]: this.disabled && !this.loading,\n [`button-variant-${this.variant}`]: true,\n [`button-size-${this.size}`]: true,\n [\"loading\"]: this.loading,\n [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n [\"light\"]: this.appearance === IcThemeForegroundEnum.Light,\n [\"full-width\"]: this.fullWidth,\n [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n [\"dropdown-no-icon\"]: this.dropdown &&\n !isSlotUsed(this.el, \"icon\") &&\n !isSlotUsed(this.el, \"left-icon\"),\n [\"white-background\"]: this.variant === \"secondary\" &&\n !this.transparentBackground &&\n this.appearance !== \"light\",\n }, onClick: this.handleClick, \"aria-owns\": this.ariaOwnsId, \"aria-controls\": this.ariaControlsId, \"aria-expanded\": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (h(\"ic-tooltip\", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === \"icon\" && !!title }, h(ButtonContent, null))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" }), !this.hasTooltip && h(ButtonContent, null), this.describedByContent && (h(\"span\", { id: describedBy, class: \"ic-button-describedby\" }, this.describedByContent))));\n }\n static get is() { return \"ic-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-button.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-button.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcThemeForeground\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeForeground\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeForeground\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the button, e.g. dark, light, or the default.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"ariaControlsId\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to identify any related child component\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"aria-controls-id\",\n \"reflect\": false\n },\n \"ariaOwnsId\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to identify any related child component\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"aria-owns-id\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will be in disabled state.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableTooltip\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.\"\n },\n \"attribute\": \"disable-tooltip\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"download\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\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 \"attribute\": \"download\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dropdown\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will show a dropdown icon.\"\n },\n \"attribute\": \"dropdown\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dropdownExpanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.\"\n },\n \"attribute\": \"dropdown-expanded\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"form\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The <form> element to associate the button with.\"\n },\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"formaction\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that processes the information submitted by the button. It overrides the action attribute of the button's form owner. Does nothing if there is no form owner.\"\n },\n \"attribute\": \"formaction\",\n \"reflect\": false\n },\n \"formenctype\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The way the submitted form data is encoded.\"\n },\n \"attribute\": \"formenctype\",\n \"reflect\": false\n },\n \"formmethod\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The HTTP method used to submit the form.\"\n },\n \"attribute\": \"formmethod\",\n \"reflect\": false\n },\n \"formnovalidate\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the form will not be validated when submitted.\"\n },\n \"attribute\": \"formnovalidate\",\n \"reflect\": false\n },\n \"formtarget\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.\"\n },\n \"attribute\": \"formtarget\",\n \"reflect\": false\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will fill the width of the container.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that the link points to. This will render the button as an \\\"a\\\" tag.\"\n },\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"hreflang\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The human language of the linked URL.\"\n },\n \"attribute\": \"hreflang\",\n \"reflect\": false\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will be in loading state.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": false,\n \"defaultValue\": \"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\\\"\",\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 \"attribute\": \"referrerpolicy\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The relationship of the linked URL as space-separated link types.\"\n },\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the button to be displayed.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"tooltipPlacement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonTooltipPlacement\",\n \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n \"references\": {\n \"IcButtonTooltipPlacement\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTooltipPlacement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position of the tooltip in relation to the button.\"\n },\n \"attribute\": \"tooltip-placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"bottom\\\"\"\n },\n \"transparentBackground\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the secondary variant of button will have a transparent background rather than white.\"\n },\n \"attribute\": \"transparent-background\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonTypes\",\n \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n \"references\": {\n \"IcButtonTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of the button.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"button\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonVariants\",\n \"resolved\": \"\\\"destructive\\\" | \\\"icon\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"tertiary\\\"\",\n \"references\": {\n \"IcButtonVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the button to be displayed.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"ariaLabel\": {},\n \"describedByContent\": {},\n \"title\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icBlur\",\n \"name\": \"icBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when button has blur\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icFocus\",\n \"name\": \"icFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when button has focus\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\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 the native `button`.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"handleHostClick\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"themeChange\",\n \"method\": \"themeChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-button.js.map\n","/*! 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 /**\n * @prop --circular-diameter: Diameter of the circular-indicator\n */\n\n display: block;\n\n --linear-border-radius: 0.25rem;\n --inner-color: var(--ic-action-default);\n --outer-color: var(--ic-architectural-100);\n --label-color: var(--ic-color-primary-text);\n --margin: none;\n --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.light) {\n --inner-color: var(--ic-architectural-white);\n --outer-color: var(--ic-architectural-800);\n --label-color: var(--ic-architectural-white);\n}\n\n.ic-loading-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n:host([size=\"small\"]) {\n --circular-diameter: 2.5rem;\n --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"default\"]) {\n --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n display: inline-block;\n\n --margin: var(--ic-space-xxxs);\n --circular-diameter: 1.25rem;\n}\n\n:host(.label) {\n --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n white-space: nowrap;\n color: var(--label-color);\n margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n height: var(--circular-diameter);\n width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n animation: circular-animation 1s linear;\n animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n background-color: var(--outer-color);\n height: var(--linear-line-height);\n width: 100%;\n border-radius: var(--linear-border-radius);\n overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n position: relative;\n height: 100%;\n background-color: var(--inner-color);\n border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n transition: width 0.5s;\n width: var(--linear-width);\n}\n\n:host(.full-width) {\n --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n 0% {\n width: 0%;\n left: -1%;\n }\n\n 25% {\n width: 0%;\n left: -1%;\n }\n\n 50% {\n width: 101%;\n left: -1%;\n }\n\n 75% {\n width: 0%;\n left: 101%;\n }\n\n 100% {\n width: 0%;\n left: 101%;\n }\n}\n\n.ic-loading-circular-svg {\n position: relative;\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n width: 100%;\n height: 100%;\n fill: none;\n stroke: var(--outer-color);\n stroke-width: var(--circular-line-width);\n stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n --circular-indeterminate: calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );\n\n stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n grid-column: 1;\n grid-row: 1;\n}\n\n:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2) {\n stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--ic-space-lg);\n height: inherit;\n overflow: hidden;\n margin: auto;\n color: var(--ic-status-info);\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n color: var(--ic-color-tertiary-text);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .indeterminate > .ic-loading-circular-inner {\n forced-color-adjust: none;\n }\n\n .ic-loading-linear-outer {\n border: var(--ic-hc-border);\n }\n\n .ic-loading-linear-inner {\n background-color: canvastext;\n }\n\n .ic-loading-circular-svg circle {\n stroke: Background;\n }\n\n .ic-loading-circular-svg circle:nth-child(2) {\n stroke: canvastext;\n }\n\n :host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2) {\n stroke: GrayText;\n }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class LoadingIndicator {\n constructor() {\n this.updateCircularProgressMeter = () => {\n if (!this.indeterminate) {\n this.circularMeter.style.setProperty(\"--progress-value\", String(this.progress));\n }\n };\n this.getLabel = (labelIndex, setLabel) => {\n return new Promise(() => {\n this.interval = setInterval(() => {\n if (labelIndex < this.labelList.length - 1) {\n labelIndex++;\n }\n else {\n labelIndex = 0;\n }\n setLabel(this.labelList[labelIndex]);\n }, this.labelDuration);\n });\n };\n this.getLabelVariant = () => {\n var _a;\n let variant = \"h4\";\n const width = (_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth;\n if (this.size === \"small\" || (this.type === \"circular\" && width < 60)) {\n variant = \"label\";\n }\n else if (this.size === \"large\" ||\n (this.type === \"circular\" && width >= 120)) {\n variant = \"h2\";\n }\n return variant;\n };\n // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n this.setCircleLineWidth = () => {\n const { offsetWidth: width } = this.outerElement;\n const compactStepCircularLineWidth = this.el.classList.contains(\"compact-step-progress-indicator\")\n ? 40\n : 0;\n const toastDismissTimerCircularLineWidth = this.el.classList.contains(\"toast-dismiss-timer\")\n ? 20\n : 0;\n if (width ||\n compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth) {\n this.circularLineWidth =\n (compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth ||\n width) * 0.1;\n this.circularDiameter =\n compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth ||\n width;\n this.outerElement.style.setProperty(\"--circular-line-width\", `${this.circularLineWidth}px`);\n }\n };\n this.setLinearDeterminateWidth = () => {\n if (!this.innerElement)\n return;\n // Ensure progress cannot be out of bounds\n const progress = Math.min(this.max, Math.max(this.min, this.progress));\n const proportion = (progress - this.min) / (this.max - this.min);\n this.showSecond = proportion > 0.5;\n if (this.showSecond) {\n this.innerElement.classList.remove(\"clip\");\n }\n else {\n this.innerElement.classList.add(\"clip\");\n }\n this.innerElement.style.setProperty(\"--linear-width\", `${proportion * 100}%`);\n };\n this.calcOuterClass = () => {\n let cls = `ic-loading-${this.type}-outer`;\n cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n return cls;\n };\n this.updateLabel = () => {\n if (isPropDefined(this.label)) {\n this.labelList = this.label.split(\"/\");\n const labelIndex = 0;\n this.indicatorLabel = this.labelList[labelIndex];\n if (this.labelList.length > 1) {\n this.getLabel(labelIndex, (label) => {\n this.indicatorLabel = label;\n });\n }\n }\n };\n this.setCircleXY = () => {\n if (this.circularDiameter > 0) {\n const r = this.circularDiameter / 2;\n const x = r;\n const y = r;\n const nextRadius = r - this.circularLineWidth / 2;\n this.setDashSteps(nextRadius);\n return { x, y, r: nextRadius };\n }\n return { x: 0, y: 0, r: 0 };\n };\n this.setDashSteps = (radius) => {\n const dashArray = 2 * Math.PI * radius;\n const progress = Math.min(Math.max(this.progress, this.min), this.max);\n const proportion = -1 - (progress - this.min) / (this.max - this.min);\n this.circularMeter.style.setProperty(\"--stroke-dasharray\", `${dashArray}px`);\n if (!this.indeterminate) {\n this.circularMeter.style.setProperty(\"--circular-steps-max\", String(this.max));\n this.circularMeter.style.setProperty(\"--stroke-dashoffset\", `${proportion * dashArray}px`);\n }\n };\n this.circularDiameter = undefined;\n this.circularLineWidth = undefined;\n this.indeterminate = undefined;\n this.indicatorLabel = undefined;\n this.showSecond = false;\n this.appearance = \"dark\";\n this.description = \"Loading\";\n this.fullWidth = false;\n this.innerLabel = undefined;\n this.labelDuration = 8000;\n this.max = 100;\n this.min = 0;\n this.size = \"default\";\n this.type = \"circular\";\n this.label = undefined;\n this.progress = undefined;\n }\n watchPropHandler() {\n this.updateLabel();\n }\n watchProgressHandler() {\n if (this.type === \"circular\") {\n this.updateCircularProgressMeter();\n }\n }\n disconnectedCallback() {\n clearInterval(this.interval);\n }\n componentWillLoad() {\n this.indeterminate = this.progress === undefined;\n this.updateLabel();\n this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n }\n componentDidLoad() {\n if (this.type === \"circular\") {\n this.setCircleLineWidth();\n this.circularMeter = this.el.shadowRoot.querySelector(\".ic-loading-circular-svg circle:nth-child(2)\");\n this.updateCircularProgressMeter();\n }\n if (Number(this.progress) >= 0 && this.type === \"linear\") {\n this.setLinearDeterminateWidth();\n }\n }\n componentWillUpdate() {\n this.indeterminate = this.progress === undefined;\n }\n componentDidUpdate() {\n if (Number(this.progress) >= 0 && this.type === \"linear\") {\n this.setLinearDeterminateWidth();\n }\n }\n render() {\n const { appearance, label, description, size, fullWidth, innerLabel } = this;\n const { x, y, r } = this.setCircleXY();\n return (h(Host, { class: {\n [\"light\"]: appearance === IcThemeForegroundEnum.Light,\n [\"label\"]: !!label,\n [\"full-width\"]: fullWidth,\n [\"inner-label\"]: !!innerLabel,\n } }, h(\"div\", { class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: \"progressbar\", \"aria-labelledby\": this.label && this.size !== \"icon\" && \"ic-loading-label\", \"aria-label\": description, \"aria-valuenow\": this.progress, \"aria-valuemin\": this.min, \"aria-valuemax\": this.max }, h(\"div\", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&\n this.innerLabel !== undefined &&\n this.size === \"small\" && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"inner-text\" }, this.innerLabel)), this.type === \"circular\" && (h(\"svg\", { class: \"ic-loading-circular-svg\", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }), h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== \"icon\" && (h(\"ic-typography\", { id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"status\", variant: this.getLabelVariant() }, h(\"p\", null, this.indicatorLabel))))));\n }\n static get is() { return \"ic-loading-indicator\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-loading-indicator.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-loading-indicator.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeForegroundNoDefault\",\n \"resolved\": \"\\\"dark\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeForegroundNoDefault\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeForegroundNoDefault\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the loading indicator, e.g. dark or light.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"dark\\\"\"\n },\n \"description\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The description that will be set as the aria-label of the loading indicator when not using a visible label.\"\n },\n \"attribute\": \"description\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Loading\\\"\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"innerLabel\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The step number of a compact step, managed by ic-step.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"inner-label\",\n \"reflect\": false\n },\n \"labelDuration\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The time in milliseconds before the label changes.\"\n },\n \"attribute\": \"label-duration\",\n \"reflect\": false,\n \"defaultValue\": \"8000\"\n },\n \"max\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n },\n \"attribute\": \"max\",\n \"reflect\": false,\n \"defaultValue\": \"100\"\n },\n \"min\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The minimum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n },\n \"attribute\": \"min\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcLoadingSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcLoadingSizes\": {\n \"location\": \"import\",\n \"path\": \"./ic-loading-indicator.types\",\n \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the loading indicator.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcLoadingTypes\",\n \"resolved\": \"\\\"circular\\\" | \\\"linear\\\"\",\n \"references\": {\n \"IcLoadingTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-loading-indicator.types\",\n \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of indicator, either linear or circular.\"\n },\n \"attribute\": \"type\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"circular\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label to be displayed beneath the loading indicator.\\nDisplay a changing label by separating multiple messages with forward slashes.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"progress\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The current amount of progress made.\\nIf not provided, component acts as an indeterminate loading indicator.\"\n },\n \"attribute\": \"progress\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"circularDiameter\": {},\n \"circularLineWidth\": {},\n \"indeterminate\": {},\n \"indicatorLabel\": {},\n \"showSecond\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"label\",\n \"methodName\": \"watchPropHandler\"\n }, {\n \"propName\": \"progress\",\n \"methodName\": \"watchProgressHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-loading-indicator.js.map\n","/*! 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-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) .ic-tooltip-container {\n background-color: var(--ic-architectural-800);\n color: #ffff;\n text-align: center;\n padding: var(--ic-space-xxxs) var(--ic-space-xs);\n border-radius: var(--ic-border-radius);\n border: var(--ic-border-width) solid var(--ic-architectural-40);\n position: absolute;\n max-width: 20rem;\n display: none;\n z-index: var(--ic-z-index-tooltip);\n box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show] {\n display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n position: absolute;\n background: inherit;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n visibility: hidden;\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n visibility: visible;\n content: \"\";\n border: var(--ic-border-width) solid var(--ic-architectural-40);\n width: 100%;\n height: 100%;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n display: block;\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow {\n height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before {\n border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n left: 0;\n top: var(--ic-space-xxxs);\n border-top: 0;\n transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow {\n top: calc(-1 * var(--ic-space-xxs));\n height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before {\n border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n left: 0;\n top: var(--ic-space-1px);\n border-bottom: 0;\n transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow {\n width: var(--ic-space-xxxs);\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before {\n border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n border-left: 0;\n top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow {\n width: var(--ic-space-xxxs);\n left: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before {\n border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n border-right: 0;\n top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.on-dialog) .ic-tooltip-container {\n transform: translate(\n var(--tooltip-translate-x),\n var(--tooltip-translate-y)\n ) !important;\n}\n\n@media screen and (max-width: 576px) {\n :host(.ic-tooltip) .ic-tooltip-container {\n max-width: 18.875rem;\n }\n}\n\n@media (forced-colors: active) {\n :host(.ic-tooltip) .ic-tooltip-container,\n :host(.ic-tooltip) .ic-tooltip-arrow::before {\n border: var(--ic-hc-border);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class Tooltip {\n constructor() {\n this.delayedHideEvents = [\"mouseleave\"];\n this.dialogOverflow = false;\n this.instantHideEvents = [\"focusout\"];\n this.mouseOverTool = false;\n this.persistTooltip = false;\n this.onDialog = false;\n this.showEvents = [\n !this.disableHover && \"mouseenter\",\n !this.disableHover && \"focusin\",\n !this.disableClick && \"click\",\n ];\n this.getTooltipTranslate = (dialogEl) => {\n const child = this.el.children[0].getBoundingClientRect();\n let tooltipX;\n let tooltipY;\n switch (this.placement) {\n case \"bottom\":\n tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"bottom-start\":\n tooltipX = child.left - dialogEl.left;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"bottom-end\":\n tooltipX = child.right - dialogEl.right;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"top\":\n tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"top-start\":\n tooltipX = child.left - dialogEl.left;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"top-end\":\n tooltipX = child.right - dialogEl.right;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"left\":\n case \"left-start\":\n tooltipX = child.right - dialogEl.right - child.width;\n tooltipY = child.bottom - dialogEl.top - child.height;\n break;\n case \"left-end\":\n tooltipX = child.right - dialogEl.right - child.width;\n tooltipY = child.top - dialogEl.bottom + child.height;\n break;\n case \"right\":\n case \"right-start\":\n tooltipX = child.left - dialogEl.left + child.width;\n tooltipY = child.bottom - dialogEl.top - child.height;\n break;\n case \"right-end\":\n tooltipX = child.left - dialogEl.left + child.width;\n tooltipY = child.top - dialogEl.bottom + child.height;\n break;\n }\n if (this.dialogOverflow && tooltipX < 0) {\n if (this.placement.includes(\"top\") || this.placement.includes(\"bottom\")) {\n this.toolTip.style.setProperty(\"--tooltip-arrow-translate\", `${tooltipX}px`);\n tooltipX = child.left - dialogEl.left;\n }\n if (this.placement.includes(\"left\")) {\n this.placement = \"right\";\n tooltipX = child.left - dialogEl.left + child.width;\n }\n }\n this.toolTip.style.setProperty(\"--tooltip-translate-x\", `${tooltipX}px`);\n this.toolTip.style.setProperty(\"--tooltip-translate-y\", `${tooltipY}px`);\n };\n this.show = () => {\n this.toolTip.setAttribute(\"data-show\", \"\");\n if (this.onDialog) {\n this.el.classList.add(\"on-dialog\");\n const dialogEl = this.icDialogEl.shadowRoot\n .querySelector(\"dialog\")\n .getBoundingClientRect();\n this.getTooltipTranslate(dialogEl);\n }\n this.popperInstance = createPopper(this.el, this.toolTip, {\n placement: this.placement,\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 10],\n },\n },\n {\n name: \"arrow\",\n options: {\n element: this.arrow,\n },\n },\n {\n name: \"eventListeners\",\n options: { scroll: false, resize: false },\n },\n ],\n });\n };\n this.hide = () => {\n this.toolTip.removeAttribute(\"data-show\");\n this.persistTooltip = false;\n };\n this.checkCloseTooltip = () => {\n setTimeout(() => {\n if (!this.mouseOverTool && !this.persistTooltip) {\n this.hide();\n }\n }, 100);\n };\n this.mouseEnterTooltip = () => {\n this.mouseOverTool = true;\n };\n this.mouseLeaveTooltip = () => {\n this.mouseOverTool = false;\n this.checkCloseTooltip();\n };\n this.handleKeyDown = (event) => {\n if (event.key === \"Escape\" && !this.persistTooltip) {\n this.hide();\n }\n };\n this.manageEventListeners = (action) => {\n const method = action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n this.showEvents.forEach((event) => {\n this.el[method](event, this.show);\n if (this.toolTip !== undefined) {\n this.toolTip[method](event, this.mouseEnterTooltip);\n }\n });\n if (!this.persistTooltip) {\n this.instantHideEvents.forEach((event) => {\n this.el[method](event, this.hide);\n });\n }\n this.delayedHideEvents.forEach((event) => {\n this.el[method](event, this.checkCloseTooltip);\n if (this.toolTip !== undefined) {\n this.toolTip[method](event, this.mouseLeaveTooltip);\n }\n });\n document[method](\"keydown\", this.handleKeyDown);\n };\n this.disableClick = false;\n this.disableHover = false;\n this.maxLines = undefined;\n this.placement = \"bottom\";\n this.silent = false;\n this.target = undefined;\n this.label = undefined;\n }\n disconnectedCallback() {\n this.manageEventListeners(\"remove\");\n if (this.popperInstance !== undefined) {\n this.popperInstance.destroy();\n }\n }\n componentDidLoad() {\n var _a;\n this.manageEventListeners(\"add\");\n this.icDialogEl = this.el.closest(\"ic-dialog\");\n this.dialogOverflow =\n ((_a = this.icDialogEl) === null || _a === void 0 ? void 0 : _a.getAttribute(\"data-overflow\")) === \"true\";\n this.onDialog = this.icDialogEl !== null;\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tooltip\");\n }\n componentDidRender() {\n const typographyEl = this.el.shadowRoot.querySelector(\".ic-tooltip-container > ic-typography\");\n this.maxLines > 0 &&\n typographyEl.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n }\n /**\n * Method to programmatically show/hide the tooltip without needing to interact with an anchor element\n * @param show Whether to show or hide the tooltip\n * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\n */\n async displayTooltip(show, persistTooltip) {\n this.persistTooltip = persistTooltip;\n show ? this.show() : this.hide();\n }\n render() {\n const { label, maxLines, silent } = this;\n return (h(Host, { class: { \"ic-tooltip\": true } }, h(\"div\", { ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": silent }, h(\"ic-typography\", { maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", null)));\n }\n static get is() { return \"ic-tooltip\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-tooltip.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-tooltip.css\"]\n };\n }\n static get properties() {\n return {\n \"disableClick\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"disable-click\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableHover\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the tooltip will not be displayed on hover, it will require a click.\"\n },\n \"attribute\": \"disable-hover\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"maxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines to display before truncating the text.\"\n },\n \"attribute\": \"max-lines\",\n \"reflect\": false\n },\n \"placement\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcTooltipPlacements\",\n \"resolved\": \"\\\"bottom\\\" | \\\"bottom-end\\\" | \\\"bottom-start\\\" | \\\"left\\\" | \\\"left-end\\\" | \\\"left-start\\\" | \\\"right\\\" | \\\"right-end\\\" | \\\"right-start\\\" | \\\"top\\\" | \\\"top-end\\\" | \\\"top-start\\\"\",\n \"references\": {\n \"IcTooltipPlacements\": {\n \"location\": \"import\",\n \"path\": \"./ic-tooltip.types\",\n \"id\": \"src/components/ic-tooltip/ic-tooltip.types.ts::IcTooltipPlacements\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position of the tooltip in relation to the parent element.\"\n },\n \"attribute\": \"placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"bottom\\\"\"\n },\n \"silent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Sets the tooltip to aria-hidden, when used as part of components that are already announced.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"silent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\"\n },\n \"attribute\": \"target\",\n \"reflect\": true\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text to display on the tooltip.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n }\n };\n }\n static get methods() {\n return {\n \"displayTooltip\": {\n \"complexType\": {\n \"signature\": \"(show: boolean, persistTooltip?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"show\",\n \"type\": \"boolean\",\n \"docs\": \"Whether to show or hide the tooltip\"\n }, {\n \"name\": \"persistTooltip\",\n \"type\": \"boolean\",\n \"docs\": \"Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Method to programmatically show/hide the tooltip without needing to interact with an anchor element\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"show Whether to show or hide the tooltip\"\n }, {\n \"name\": \"param\",\n \"text\": \"persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tooltip.js.map\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r,h as e,H as t,g as a}from"./p-8455d1bb.js";import{C as c}from"./p-170ddfc2.js";import{i as s,d as i}from"./p-8fd4ca0a.js";import"./p-fd186591.js";const o=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>\n</svg>\n`;const n=':host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg{color:var(--ic-architectural-400)}:host(:first-child) .chevron{display:none}.back-icon svg{color:currentcolor}:host(.back){display:flex;align-items:center}:host(.back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host([aria-current="page"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs)}:host([aria-current="page"]) .current-page-container.dark{color:var(--ic-color-primary-text)}:host([aria-current="page"]) .current-page-container.light{color:var(--ic-color-white-text)}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-decoration-thickness: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=class{constructor(t){r(this,t);this.renderDefaultBreadcrumb=(r,t,a,c)=>{const n=t!==null&&i(t)&&t!=="";if(r&&n){return e("span",{class:{"current-page-container":r,[this.appearance]:true}},s(this.el,"icon")&&e("slot",{name:"icon"}),t)}return e("ic-link",{appearance:this.appearance,href:c,class:"breadcrumb-link","aria-describedby":this.showBackIcon&&a&&a},this.showBackIcon&&e("div",{class:"back-icon",innerHTML:o}),s(this.el,"icon")&&e("slot",{name:"icon"}),t)};this.setSlottedCurrentPageClass=()=>{const r=this.el.querySelector("ic-link");const e="current-page";if(r){r.classList.remove(e);if(this.current){const t=r.classList.contains(e);if(!t){r.classList.add("breadcrumb-link",e)}}}};this.appearance="default";this.current=false;this.href=undefined;this.pageTitle=undefined;this.showBackIcon=false}componentWillRender(){this.setSlottedCurrentPageClass()}async setFocus(){if(this.el.shadowRoot.querySelector("ic-link")){this.el.shadowRoot.querySelector("ic-link").focus()}}render(){const{current:r,href:a,pageTitle:s}=this;const o=`${s&&s.toLowerCase().replace(" ","-")}-describedby`;const n=s!==null&&i(s)&&s!=="";const l=a!==null&&i(a)&&a!=="";return e(t,{class:{back:this.showBackIcon},"aria-current":r&&"page",role:"listitem"},e("div",{class:"breadcrumb"},e("span",{innerHTML:c,class:"chevron","aria-hidden":"true"}),this.showBackIcon&&o&&e("span",{id:o,class:"hide"},`Back to ${s}`),n&&l?this.renderDefaultBreadcrumb(r,s,o,a):e("slot",null)))}static get delegatesFocus(){return true}get el(){return a(this)}};l.style=n;export{l as ic_breadcrumb};
2
- //# sourceMappingURL=p-a51e5c7c.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icBackToTopCss","backToTopLabel","BackToTop","constructor","hostRef","this","topObserver","setTargetElVisible","visible","targetElVisible","setFooterVisible","checkForClassificationBanner","window","scrollY","footerVisible","targetElObserverCallback","entries","isIntersecting","footerObserverCallback","findTargetEl","target","targetElement","undefined","console","log","document","querySelector","indexOf","createTopObserver","targetEl","objParent","observedEl","unobserve","remove","body","firstElementChild","isTargetElNull","parentNode","objBackToTopTargetEl","createElement","setAttribute","insertBefore","marginTop","getComputedStyle","IntersectionObserver","threshold","rootMargin","observe","handleClick","scrollTo","scrollIntoView","banners","querySelectorAll","bannerOffset","length","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","componentWillLoad","footers","footerEl","footerObserver","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","render","h","class","onClick","innerHTML","ArrowUpward","variant","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.css?tag=ic-back-to-top&encapsulation=shadow","../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-back-to-top: z-index of back to top\n */\n\n:host {\n display: block;\n position: absolute;\n right: 0;\n}\n\nbutton {\n position: fixed;\n right: var(--ic-space-md);\n bottom: var(--ic-space-md);\n height: 2.5rem;\n align-items: center;\n padding: var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);\n margin: 0;\n gap: var(--ic-space-xs);\n display: flex;\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-width) solid var(--ic-action-default);\n outline-width: inherit;\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n border-radius: 5rem;\n text-decoration: none;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);\n cursor: pointer;\n z-index: var(--ic-z-index-back-to-top);\n}\n\nbutton:hover {\n text-decoration: none;\n background-color: var(--ic-action-default-bg-hover-no-alpha);\n border: var(--ic-border-width) solid var(--ic-action-default-hover);\n}\n\nbutton:active {\n text-decoration: none;\n background-color: var(--ic-action-default-bg-active-no-alpha);\n border: var(--ic-border-width) solid var(--ic-action-default-active);\n}\n\nbutton:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.ic-back-to-top-link.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast);\n}\n\n.ic-back-to-top-link.by-footer {\n position: relative;\n right: var(--ic-space-md);\n bottom: 3.5rem;\n}\n\n.ic-back-to-top-link.offset-banner {\n margin-bottom: var(--ic-space-lg);\n}\n\n.ic-back-to-top-icon {\n fill: var(--ic-action-default);\n padding-left: var(--ic-space-xxs);\n padding-top: var(--ic-space-xxxs);\n}\n\n.ic-back-to-top-icon > svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n display: inline-block;\n}\n\n.ic-back-to-top-link span {\n color: var(--ic-action-default);\n}\n\n.ic-back-to-top-link:hover .ic-back-to-top-icon {\n fill: var(--ic-action-default-hover);\n}\n\n.ic-back-to-top-link:hover span {\n color: var(--ic-action-default-hover);\n}\n\n@media (forced-colors: active) {\n .ic-back-to-top-icon {\n fill: currentcolor;\n }\n}\n","import { h } from \"@stencil/core\";\nimport ArrowUpward from \"./assets/ArrowUpward.svg\";\nimport { onComponentPropUndefinedChange, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst backToTopLabel = \"Back to top\";\nexport class BackToTop {\n constructor() {\n this.topObserver = null;\n this.setTargetElVisible = (visible) => {\n this.targetElVisible = visible;\n };\n this.setFooterVisible = (visible) => {\n this.checkForClassificationBanner();\n if (typeof window !== \"undefined\" && window.scrollY === 0) {\n this.footerVisible = false;\n }\n else {\n this.footerVisible = visible;\n }\n };\n this.targetElObserverCallback = (entries) => {\n this.setTargetElVisible(entries[0].isIntersecting);\n };\n this.footerObserverCallback = (entries) => {\n this.setFooterVisible(entries[0].isIntersecting);\n };\n this.findTargetEl = (target) => {\n let targetElement = null;\n if (target === null || target === undefined) {\n console.log(\"Error: No target ID specified for back to top component - defaulting to top of page\");\n }\n else {\n targetElement = document.querySelector(target.indexOf(\"#\") === 0 ? target : \"#\" + target);\n if (targetElement === null) {\n console.log(`Error: Back to top target element '${target}' not found - defaulting to top of page`);\n }\n }\n return targetElement;\n };\n this.createTopObserver = (target) => {\n this.targetEl = this.findTargetEl(target);\n let objParent;\n //remove old element & observer\n if (this.topObserver !== null) {\n const observedEl = document.querySelector(\"#ic-back-to-top-target\");\n if (observedEl !== null) {\n this.topObserver.unobserve(observedEl);\n observedEl.remove();\n }\n }\n if (this.targetEl === null) {\n objParent = document.body;\n this.targetEl = objParent.firstElementChild;\n this.isTargetElNull = true;\n }\n else {\n objParent = this.targetEl.parentNode;\n this.isTargetElNull = false;\n }\n //insert a new 0px height element before specified target that can be used to determine when page is scrolled\n const objBackToTopTargetEl = document.createElement(\"div\");\n objBackToTopTargetEl.setAttribute(\"id\", \"ic-back-to-top-target\");\n objParent.insertBefore(objBackToTopTargetEl, this.targetEl);\n // resize observer needs to factor in any top margin on the target el\n const marginTop = getComputedStyle(this.targetEl).marginTop;\n this.topObserver = new IntersectionObserver(this.targetElObserverCallback, {\n threshold: [0],\n rootMargin: `${marginTop} 0px 0px 0px`,\n });\n this.topObserver.observe(objBackToTopTargetEl);\n };\n this.handleClick = () => {\n if (this.isTargetElNull) {\n window.scrollTo(0, 0);\n }\n else {\n this.targetEl.scrollIntoView();\n }\n };\n this.checkForClassificationBanner = () => {\n //adjust position for classification banner at bottom\n const banners = document.querySelectorAll(\"ic-classification-banner:not([inline='true'])\");\n this.bannerOffset = banners.length > 0;\n };\n this.bannerOffset = false;\n this.footerVisible = false;\n this.targetElVisible = true;\n this.target = undefined;\n }\n watchPropHandler(newValue, oldValue) {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n onComponentPropUndefinedChange(oldValue, newValue, () => {\n this.createTopObserver(newValue);\n });\n }\n componentWillLoad() {\n this.createTopObserver(this.target);\n this.checkForClassificationBanner();\n //observer for when footer scrolls into view\n let footers = document.querySelectorAll(\"ic-footer\");\n if (footers.length === 0) {\n footers = document.querySelectorAll(\"footer\");\n }\n if (footers.length) {\n const footerEl = footers[footers.length - 1];\n const threshold = this.bannerOffset ? 0.15 : 0;\n const footerObserver = new IntersectionObserver(this.footerObserverCallback, { threshold: [threshold] });\n footerObserver.observe(footerEl);\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.target, propName: \"target\" }], \"Back to Top\");\n }\n render() {\n const { bannerOffset, targetElVisible, footerVisible } = this;\n return (h(\"button\", { class: {\n [\"ic-back-to-top-link\"]: true,\n [\"offset-banner\"]: bannerOffset,\n [\"show\"]: !targetElVisible,\n [\"by-footer\"]: footerVisible,\n }, \"aria-label\": backToTopLabel, onClick: this.handleClick }, h(\"span\", { class: \"ic-back-to-top-icon\", innerHTML: ArrowUpward }), h(\"ic-typography\", { variant: \"subtitle-small\" }, h(\"span\", null, backToTopLabel))));\n }\n static get is() { return \"ic-back-to-top\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get properties() {\n return {\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element to jump back to when the link is clicked.\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"bannerOffset\": {},\n \"footerVisible\": {},\n \"targetElVisible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"target\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-back-to-top.js.map\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["icToastCss","AUTO_DISMISS_TIMER_REFRESH_RATE_MS","TOAST_HEADING_CHAR_LIMIT","TOAST_MESSAGE_CHAR_LIMIT","Toast","constructor","hostRef","this","interactiveElements","dismissAction","icDismiss","emit","handleProgressChange","timerProgress","autoDismissTimeout","visible","dismissButtonAriaLabel","dismissMode","heading","undefined","message","neutralIconAriaLabel","variant","disconnectedCallback","window","clearTimeout","dismissTimeout","clearInterval","timerRefreshInterval","componentWillLoad","_a","_b","handleLongText","length","isSlotUsed","el","isManual","neutralVariantLabel","VARIANT_ICONS","ariaLabel","toastMessage","isPropDefined","setAttribute","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","actionContent","getSlot","dismissButton","shadowRoot","querySelector","push","handleDismiss","handleKeyboard","ev","key","preventDefault","findNextInteractiveElement","shiftKey","setFocus","repeat","stopImmediatePropagation","handleTimer","type","setTimeout","setInterval","setVisible","document","activeElement","headingTooLong","messageTooLong","console","error","isBackwards","first","last","source","target","isActive","currentIndex","found","some","index","targetEl","render","h","Host","class","role","name","innerHTML","icon","appearance","size","progress","id","closeIcon","onClick","IcThemeForegroundEnum","Light"],"sources":["../web-components/dist/collection/components/ic-toast/ic-toast.css?tag=ic-toast&encapsulation=shadow","../web-components/dist/collection/components/ic-toast/ic-toast.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-toast: z-index of toast\n */\n\n:host {\n --bottom-position: var(--ic-space-xl);\n\n position: fixed;\n bottom: var(--bottom-position);\n left: 50%;\n transform: translate(-50%);\n animation: fadein var(--ic-transition-duration-slow) ease-in-out;\n z-index: var(--ic-z-index-toast);\n}\n\n:host(.hidden) {\n display: none;\n animation: fadeout var(--ic-transition-duration-slow) ease-in-out;\n}\n\n.container {\n max-width: 32.5rem;\n min-width: 18rem;\n box-shadow: var(--ic-elevation-overlay);\n min-height: 3.5rem;\n background-color: var(--ic-architectural-800);\n color: var(--ic-color-white-text);\n display: flex;\n align-items: center;\n position: relative;\n border-radius: var(--ic-border-radius);\n}\n\n.toast-icon-container {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.divider {\n height: 100%;\n width: var(--ic-space-xs);\n position: absolute;\n border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n}\n\n.divider-neutral {\n background-color: var(--ic-status-unknown);\n}\n\n.divider-info {\n background-color: var(--ic-status-info-contrast);\n}\n\n.divider-warning {\n background-color: var(--ic-status-warning-contrast);\n}\n\n.divider-error {\n background-color: var(--ic-status-error-contrast);\n}\n\n.divider-success {\n background-color: var(--ic-status-success-contrast);\n}\n\n.toast-icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n}\n\n:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg) {\n fill: var(--ic-status-unknown);\n}\n\n:host([variant=\"info\"]) .toast-icon svg {\n fill: var(--ic-status-info-contrast);\n}\n\n:host([variant=\"warning\"]) .toast-icon svg {\n fill: var(--ic-status-warning-contrast);\n}\n\n:host([variant=\"error\"]) .toast-icon svg {\n fill: var(--ic-status-error-contrast);\n}\n\n:host([variant=\"success\"]) .toast-icon svg {\n fill: var(--ic-status-success-contrast);\n}\n\n.toast-content {\n margin-left: var(--ic-space-xs);\n width: 100%;\n}\n\n.no-icon {\n margin-left: var(--ic-space-md);\n}\n\n.toast-message {\n padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n.toast-action-container {\n padding-bottom: var(--ic-space-md);\n}\n\nic-button,\n.toast-dismiss-timer {\n padding: var(--ic-space-xs);\n}\n\n@media (max-width: 576px) {\n :host {\n --bottom-position: var(--ic-space-lg);\n\n width: calc(100% - 2 * var(--ic-space-md));\n }\n}\n\n@media (min-width: 993px) {\n :host {\n --bottom-position: calc(var(--ic-space-xl) + var(--ic-space-xs));\n }\n}\n\n@media (forced-colors: active) {\n .container {\n border: var(--ic-hc-border);\n }\n}\n\n@keyframes fadein {\n from {\n bottom: 0;\n opacity: 0;\n }\n\n to {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n}\n\n@keyframes fadeout {\n from {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n\n to {\n bottom: 0;\n opacity: 0;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\nimport { getSlot, isPropDefined, isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nconst AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;\nconst TOAST_HEADING_CHAR_LIMIT = 70;\nconst TOAST_MESSAGE_CHAR_LIMIT = 140;\n/**\n * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.\n * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.\n */\nexport class Toast {\n constructor() {\n this.interactiveElements = [];\n this.dismissAction = () => {\n this.icDismiss.emit();\n };\n this.handleProgressChange = () => {\n this.timerProgress -=\n (AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout) * 100;\n };\n this.timerProgress = 100;\n this.visible = false;\n this.autoDismissTimeout = 5000;\n this.dismissButtonAriaLabel = \"dismiss\";\n this.dismissMode = \"manual\";\n this.heading = undefined;\n this.message = undefined;\n this.neutralIconAriaLabel = undefined;\n this.variant = undefined;\n }\n disconnectedCallback() {\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n }\n componentWillLoad() {\n var _a, _b;\n this.handleLongText(this.heading.length > TOAST_HEADING_CHAR_LIMIT, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.length) > TOAST_MESSAGE_CHAR_LIMIT);\n if (this.autoDismissTimeout < 5000)\n this.autoDismissTimeout = 5000;\n if (isSlotUsed(this.el, \"action\"))\n this.dismissMode = \"manual\";\n this.isManual = this.dismissMode === \"manual\";\n if (isSlotUsed(this.el, \"neutral-icon\"))\n this.variant = \"neutral\";\n if (this.variant === \"neutral\") {\n this.neutralVariantLabel =\n (_b = this.neutralIconAriaLabel) !== null && _b !== void 0 ? _b : VARIANT_ICONS[this.variant].ariaLabel;\n }\n if (this.isManual) {\n const toastMessage = isPropDefined(this.message)\n ? `. ${this.message}`\n : \"\";\n this.el.setAttribute(\"aria-label\", this.variant\n ? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel\n : this.heading);\n (this.variant || this.message) &&\n this.el.setAttribute(\"aria-description\", this.variant ? `${this.heading}${toastMessage}` : this.message);\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Toast\");\n const actionContent = getSlot(this.el, \"action\");\n const dismissButton = this.el.shadowRoot.querySelector(\"ic-button\");\n if (actionContent)\n this.interactiveElements.push(actionContent);\n if (dismissButton)\n this.interactiveElements.push(dismissButton);\n }\n handleDismiss() {\n this.visible = false;\n clearInterval(this.timerRefreshInterval);\n this.timerProgress = 100;\n }\n handleKeyboard(ev) {\n if (this.isManual && this.visible) {\n switch (ev.key) {\n case \"Tab\":\n ev.preventDefault();\n this.findNextInteractiveElement(ev.shiftKey).setFocus();\n break;\n case \"Escape\":\n !ev.repeat && this.dismissAction();\n ev.stopImmediatePropagation();\n break;\n }\n }\n }\n handleTimer(ev) {\n if (!this.isManual) {\n switch (ev.type) {\n case \"mouseenter\":\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n this.timerProgress = 100;\n break;\n case \"mouseleave\":\n this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n break;\n }\n }\n }\n /**\n * @internal Used to display the individual toast.\n * @returns The element that previously had focus before the toast appeared\n */\n async setVisible() {\n if (!this.visible)\n this.visible = true;\n if (!this.isManual) {\n this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);\n this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);\n return null;\n }\n else {\n window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);\n return document.activeElement;\n }\n }\n handleLongText(headingTooLong, messageTooLong) {\n if (messageTooLong || headingTooLong) {\n console.error(`Too many characters in toast ${headingTooLong ? \"heading\" : \"\"}${headingTooLong && messageTooLong ? \" and \" : \"\"}${messageTooLong ? \"message\" : \"\"}. Refer to character limits specified in the prop description`);\n }\n }\n findNextInteractiveElement(isBackwards) {\n const first = this.interactiveElements[0];\n const last = this.interactiveElements[this.interactiveElements.length - 1];\n const source = isBackwards ? first : last;\n const target = isBackwards ? last : first;\n if (this.isActive(source))\n return target;\n let currentIndex;\n const found = this.interactiveElements.some((el, index) => {\n if (!this.isActive(el))\n return false;\n currentIndex = index;\n return true;\n });\n if (!found)\n return first;\n return this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)];\n }\n isActive(targetEl) {\n if (targetEl === this.el)\n return !!this.el.shadowRoot.activeElement;\n return document.activeElement === targetEl;\n }\n render() {\n const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;\n return (h(Host, { class: { [\"hidden\"]: !visible }, role: isManual ? \"dialog\" : \"status\" }, h(\"div\", { class: \"container\" }, variant && visible && (h(\"div\", { class: \"toast-icon-container\" }, h(\"div\", { class: {\n [\"divider\"]: true,\n [`divider-${variant}`]: true,\n } }), variant === \"neutral\" ? (h(\"slot\", { name: \"neutral-icon\" })) : (h(\"span\", { class: \"toast-icon\", innerHTML: VARIANT_ICONS[variant].icon })))), h(\"div\", { class: {\n [\"toast-content\"]: true,\n [\"no-icon\"]: variant === \"neutral\" && !isSlotUsed(this.el, \"neutral-icon\"),\n } }, h(\"div\", { class: \"toast-message\" }, h(\"ic-typography\", { variant: \"subtitle-large\" }, visible && h(\"h5\", null, heading)), message && (h(\"ic-typography\", { variant: \"body\" }, visible && h(\"p\", null, message)))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"toast-action-container\" }, h(\"slot\", { name: \"action\" })))), !isManual ? (h(\"ic-loading-indicator\", { class: \"toast-dismiss-timer\", appearance: \"light\", size: \"icon\", progress: this.timerProgress })) : (h(\"ic-button\", { id: \"dismiss-button\", innerHTML: closeIcon, onClick: this.dismissAction, variant: \"icon\", appearance: IcThemeForegroundEnum.Light, \"aria-label\": dismissButtonAriaLabel })))));\n }\n static get is() { return \"ic-toast\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-toast.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-toast.css\"]\n };\n }\n static get properties() {\n return {\n \"autoDismissTimeout\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\\n(NOTE: Has a minimum value of `5000ms`)\"\n },\n \"attribute\": \"auto-dismiss-timeout\",\n \"reflect\": false,\n \"defaultValue\": \"5000\"\n },\n \"dismissButtonAriaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\"\n },\n \"attribute\": \"dismiss-button-aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"dismiss\\\"\"\n },\n \"dismissMode\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcActivationTypes\",\n \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n \"references\": {\n \"IcActivationTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcActivationTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How the toast will be dismissed. If manual will display a dismiss button.\"\n },\n \"attribute\": \"dismiss-mode\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"manual\\\"\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the toast. (NOTE: Should be no more than `140` characters)\"\n },\n \"attribute\": \"message\",\n \"reflect\": false\n },\n \"neutralIconAriaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon\"\n },\n \"attribute\": \"neutral-icon-aria-label\",\n \"reflect\": false\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcStatusVariants\",\n \"resolved\": \"\\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n \"references\": {\n \"IcStatusVariants\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcStatusVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the toast being rendered\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"timerProgress\": {},\n \"visible\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icDismiss\",\n \"name\": \"icDismiss\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Is emitted when the user dismisses the toast\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setVisible\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to display the individual toast.\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The element that previously had focus before the toast appeared\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"icDismiss\",\n \"method\": \"handleDismiss\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyboard\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"mouseenter\",\n \"method\": \"handleTimer\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"mouseleave\",\n \"method\": \"handleTimer\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\n//# sourceMappingURL=ic-toast.js.map\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as t,h as e,H as i,g as a}from"./p-8455d1bb.js";import{i as s,e as n,D as o,f as r}from"./p-8fd4ca0a.js";import"./p-fd186591.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;z-index:var(--ic-z-index-page-header)}:host(.sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-architectural-40)}header.border-bottom{border-bottom:var(--ic-border-default)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title-area action-area"\n "input-area action-area";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;row-gap:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading.small{margin-top:var(--ic-space-xs)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:"title-area"\n "action-area"\n "input-area";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}';const d=class{constructor(e){t(this,e);this.resizeObserver=null;this.resizeObserverCallback=()=>{if(this.reverseOrder&&s(this.el,"actions")){this.applyReverseOrder()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.applyReverseOrder=()=>{const t=n();if(t!==this.deviceSize){this.deviceSize=t}const e=this.el.shadowRoot.querySelector("div.action-area");const i=[];for(let t=0;t<this.actionContent.length;t++){const e=this.actionContent[t];let a=e.offsetHeight;if(a===undefined){a=0}i.push(a)}const a=Math.max(...i);let s=e.offsetHeight;if(s===undefined){s=0}const r=()=>{this.actionContent=this.actionContent.reverse();this.actionContent.forEach((t=>{this.el.append(t)}));this.areButtonsReversed=!this.areButtonsReversed};if(this.deviceSize>o.S&&s<=a&&!this.areButtonsReversed||(this.deviceSize>o.S&&s>a||this.deviceSize<=o.S)&&this.areButtonsReversed){r()}};this.actionContent=undefined;this.areButtonsReversed=false;this.deviceSize=o.XL;this.aligned="left";this.border=true;this.heading=undefined;this.reverseOrder=false;this.size="default";this.small=false;this.sticky=false;this.stickyDesktopOnly=false;this.subheading=undefined}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.actionContent=Array.from(this.el.querySelectorAll(`[slot="actions"]`))}componentDidLoad(){r(this.runResizeObserver)}render(){const{small:t,size:a,border:n,heading:o,subheading:r,aligned:l,sticky:d,stickyDesktopOnly:c}=this;const p=o?`${o} page sections`:"navigation-landmark-page-header";return e(i,{class:{["sticky"]:d,["sticky-desktop"]:!d&&c}},e("header",{class:{["border-bottom"]:n,["tabs"]:s(this.el,"tabs")}},e("ic-section-container",{aligned:l,fullHeight:s(this.el,"tabs")},s(this.el,"breadcrumbs")&&e("div",{class:"breadcrumb-area"},e("slot",{name:"breadcrumbs"})),e("div",{class:"main-content"},e("div",{class:"title-area"},e("div",{class:"header-content"},e("slot",{name:"heading"},e("ic-typography",{variant:t||a==="small"?"h4":"h2",class:"heading"},e("h2",null,o))),e("slot",{name:"heading-adornment"})),e("div",null,e("slot",{name:"subheading"},r&&e("ic-typography",{variant:"body",class:{["subheading"]:true,["small"]:t||a==="small"}},r)))),s(this.el,"actions")&&e("div",{class:"action-area"},e("slot",{name:"actions"})),s(this.el,"input")&&e("div",{class:"input-area"},e("slot",{name:"input"}))),(s(this.el,"stepper")||s(this.el,"tabs"))&&e("div",{class:"navigation-area"},s(this.el,"stepper")&&!s(this.el,"tabs")&&e("slot",{name:"stepper"}),s(this.el,"tabs")&&e("nav",{"aria-label":p},e("ic-horizontal-scroll",null,e("ul",{class:"tabs-slot"},e("slot",{name:"tabs"}))))))))}get el(){return a(this)}};d.style=l;export{d as ic_page_header};
2
- //# sourceMappingURL=p-d76cfa5a.entry.js.map