@ukic/web-components 2.14.0 → 2.15.0

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-d52cddc1.js → helpers-3d0705ed.js} +7 -2
  3. package/dist/cjs/helpers-3d0705ed.js.map +1 -0
  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 +1 -1
  7. package/dist/cjs/ic-badge.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
  9. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-button_3.cjs.entry.js +8 -2
  11. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  13. package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
  14. package/dist/cjs/ic-checkbox.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-chip.cjs.entry.js +1 -1
  16. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  17. package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
  18. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  19. package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
  20. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  21. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  22. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  23. package/dist/cjs/ic-hero.cjs.entry.js +1 -1
  24. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
  25. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +2 -2
  26. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +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 +1 -1
  31. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
  33. package/dist/cjs/ic-navigation-item.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  35. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  36. package/dist/cjs/ic-pagination-item.cjs.entry.js +1 -1
  37. package/dist/cjs/ic-pagination.cjs.entry.js +1 -1
  38. package/dist/cjs/ic-popover-menu.cjs.entry.js +1 -1
  39. package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
  40. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  41. package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-select.cjs.entry.js +1 -1
  43. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  44. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  46. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  47. package/dist/cjs/ic-switch.cjs.entry.js +1 -1
  48. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  49. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  50. package/dist/cjs/ic-tab.cjs.entry.js +1 -1
  51. package/dist/cjs/ic-text-field.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-theme.cjs.entry.js +1 -1
  53. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  54. package/dist/cjs/ic-toggle-button.cjs.entry.js +1 -1
  55. package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
  56. package/dist/cjs/ic-typography.cjs.entry.js +1 -1
  57. package/dist/cjs/loader.cjs.js +1 -1
  58. package/dist/collection/components/ic-button/ic-button.css +2 -1
  59. package/dist/collection/components/ic-button/ic-button.js +9 -0
  60. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  61. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +1 -1
  62. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  63. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +16 -3
  64. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  65. package/dist/collection/utils/helpers.js +22 -1
  66. package/dist/collection/utils/helpers.js.map +1 -1
  67. package/dist/components/helpers.js +7 -2
  68. package/dist/components/helpers.js.map +1 -1
  69. package/dist/components/ic-button2.js +11 -3
  70. package/dist/components/ic-button2.js.map +1 -1
  71. package/dist/components/ic-card.js +1 -1
  72. package/dist/components/ic-checkbox-group.js +1 -1
  73. package/dist/components/ic-checkbox.js +1 -1
  74. package/dist/components/ic-chip.js +1 -1
  75. package/dist/components/ic-input-component-container2.js +1 -1
  76. package/dist/components/ic-input-component-container2.js.map +1 -1
  77. package/dist/components/ic-link2.js +1 -1
  78. package/dist/components/ic-menu-item2.js +1 -1
  79. package/dist/components/ic-navigation-button.js +1 -1
  80. package/dist/components/ic-pagination-item2.js +1 -1
  81. package/dist/components/ic-pagination.js +1 -1
  82. package/dist/components/ic-radio-group.js +1 -1
  83. package/dist/components/ic-radio-option.js +1 -1
  84. package/dist/components/ic-search-bar.js +1 -1
  85. package/dist/components/ic-select.js +1 -1
  86. package/dist/components/ic-switch.js +1 -1
  87. package/dist/components/ic-tab.js +1 -1
  88. package/dist/components/ic-text-field2.js +1 -1
  89. package/dist/components/ic-toggle-button.js +1 -1
  90. package/dist/core/core.css +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-dbbea7fa.entry.js → p-04d2f198.entry.js} +2 -2
  94. package/dist/core/{p-95d6f3ed.entry.js → p-04dd9fe8.entry.js} +2 -2
  95. package/dist/core/{p-b781b691.entry.js → p-14ea9cc7.entry.js} +2 -2
  96. package/dist/core/{p-123b9306.entry.js → p-18137908.entry.js} +2 -2
  97. package/dist/core/{p-5603eec3.entry.js → p-1e84a765.entry.js} +2 -2
  98. package/dist/core/{p-0e2628eb.entry.js → p-22cbe39b.entry.js} +2 -2
  99. package/dist/core/p-268355c1.js +2 -0
  100. package/dist/core/p-268355c1.js.map +1 -0
  101. package/dist/core/p-2e3845be.entry.js +2 -0
  102. package/dist/core/p-2e3845be.entry.js.map +1 -0
  103. package/dist/core/{p-2680b736.entry.js → p-2edbdbaf.entry.js} +2 -2
  104. package/dist/core/{p-46ecc4c5.entry.js → p-4e3d46f2.entry.js} +2 -2
  105. package/dist/core/{p-fce3e1aa.entry.js → p-5421ceb4.entry.js} +2 -2
  106. package/dist/core/{p-04506779.entry.js → p-5479d3e5.entry.js} +2 -2
  107. package/dist/core/p-563c2522.entry.js +2 -0
  108. package/dist/core/p-563c2522.entry.js.map +1 -0
  109. package/dist/core/{p-1ce0d16e.entry.js → p-65d3c0f1.entry.js} +2 -2
  110. package/dist/core/{p-c2789113.entry.js → p-77503f4f.entry.js} +2 -2
  111. package/dist/core/{p-7606c930.entry.js → p-77a00075.entry.js} +2 -2
  112. package/dist/core/{p-64705a03.entry.js → p-7cdea5bf.entry.js} +2 -2
  113. package/dist/core/{p-80c3424f.entry.js → p-8352d752.entry.js} +2 -2
  114. package/dist/core/{p-c053230d.entry.js → p-880bcf91.entry.js} +2 -2
  115. package/dist/core/{p-916f4265.entry.js → p-8841668b.entry.js} +2 -2
  116. package/dist/core/{p-d5f721ca.entry.js → p-8a77a417.entry.js} +2 -2
  117. package/dist/core/{p-c7c2aa3c.entry.js → p-8cbbe579.entry.js} +2 -2
  118. package/dist/core/{p-210412e4.entry.js → p-917b15da.entry.js} +2 -2
  119. package/dist/core/{p-d9329191.entry.js → p-934c2a94.entry.js} +2 -2
  120. package/dist/core/{p-6a9ddb8a.entry.js → p-9b4fd843.entry.js} +2 -2
  121. package/dist/core/{p-e4863c93.entry.js → p-9c157974.entry.js} +2 -2
  122. package/dist/core/{p-aa878a3c.entry.js → p-a222554a.entry.js} +2 -2
  123. package/dist/core/{p-1183031f.entry.js → p-aac0195e.entry.js} +2 -2
  124. package/dist/core/{p-fbcb77a3.entry.js → p-ab14339d.entry.js} +2 -2
  125. package/dist/core/{p-76ee6107.entry.js → p-b1e74a89.entry.js} +2 -2
  126. package/dist/core/{p-b98ce745.entry.js → p-b7bf772b.entry.js} +2 -2
  127. package/dist/core/{p-2f462ec5.entry.js → p-ba31ee69.entry.js} +2 -2
  128. package/dist/core/{p-e68e31ec.entry.js → p-ba8d968c.entry.js} +2 -2
  129. package/dist/core/{p-35b8923f.entry.js → p-c0525936.entry.js} +2 -2
  130. package/dist/core/{p-9c18f048.entry.js → p-c1bb5018.entry.js} +2 -2
  131. package/dist/core/{p-fea1d095.entry.js → p-c2173562.entry.js} +2 -2
  132. package/dist/core/{p-5e729e99.entry.js → p-c43946b0.entry.js} +2 -2
  133. package/dist/core/{p-a9e1966f.entry.js → p-cc0ab439.entry.js} +2 -2
  134. package/dist/core/{p-8aa9aa25.entry.js → p-cd2d2141.entry.js} +2 -2
  135. package/dist/core/{p-296b7d74.entry.js → p-cdb51adf.entry.js} +2 -2
  136. package/dist/core/{p-a98f57cf.entry.js → p-d5cadfa1.entry.js} +2 -2
  137. package/dist/core/{p-22a682e8.entry.js → p-dfef57d3.entry.js} +2 -2
  138. package/dist/core/{p-1d352487.entry.js → p-e47f887a.entry.js} +2 -2
  139. package/dist/core/{p-0038a8fd.entry.js → p-e7483ee5.entry.js} +2 -2
  140. package/dist/core/{p-a4e7d123.entry.js → p-e7b676fc.entry.js} +2 -2
  141. package/dist/core/{p-bc7f99b8.entry.js → p-f026466e.entry.js} +2 -2
  142. package/dist/core/{p-4ce5abd7.entry.js → p-f24084fa.entry.js} +2 -2
  143. package/dist/core/{p-7b0397ea.entry.js → p-f58da6ae.entry.js} +2 -2
  144. package/dist/core/{p-91768ddf.entry.js → p-f7019830.entry.js} +2 -2
  145. package/dist/core/{p-d319ddce.entry.js → p-f926174d.entry.js} +2 -2
  146. package/dist/core/{p-4641518f.entry.js → p-fc83d8d7.entry.js} +2 -2
  147. package/dist/core/{p-47a9dca9.entry.js → p-fc91292d.entry.js} +2 -2
  148. package/dist/esm/core.js +1 -1
  149. package/dist/esm/{helpers-f1ca9908.js → helpers-4262def4.js} +7 -2
  150. package/dist/esm/helpers-4262def4.js.map +1 -0
  151. package/dist/esm/ic-accordion.entry.js +1 -1
  152. package/dist/esm/ic-alert.entry.js +1 -1
  153. package/dist/esm/ic-back-to-top.entry.js +1 -1
  154. package/dist/esm/ic-badge.entry.js +1 -1
  155. package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
  156. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  157. package/dist/esm/ic-button_3.entry.js +8 -2
  158. package/dist/esm/ic-button_3.entry.js.map +1 -1
  159. package/dist/esm/ic-card.entry.js +1 -1
  160. package/dist/esm/ic-checkbox-group.entry.js +1 -1
  161. package/dist/esm/ic-checkbox.entry.js +1 -1
  162. package/dist/esm/ic-chip.entry.js +1 -1
  163. package/dist/esm/ic-data-row.entry.js +1 -1
  164. package/dist/esm/ic-dialog.entry.js +1 -1
  165. package/dist/esm/ic-divider.entry.js +1 -1
  166. package/dist/esm/ic-empty-state.entry.js +1 -1
  167. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  168. package/dist/esm/ic-footer-link.entry.js +1 -1
  169. package/dist/esm/ic-footer.entry.js +1 -1
  170. package/dist/esm/ic-hero.entry.js +1 -1
  171. package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
  172. package/dist/esm/ic-input-component-container_3.entry.js +2 -2
  173. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  174. package/dist/esm/ic-input-label_2.entry.js +1 -1
  175. package/dist/esm/ic-link.entry.js +1 -1
  176. package/dist/esm/ic-menu-group.entry.js +1 -1
  177. package/dist/esm/ic-menu-item.entry.js +1 -1
  178. package/dist/esm/ic-navigation-button.entry.js +1 -1
  179. package/dist/esm/ic-navigation-group.entry.js +1 -1
  180. package/dist/esm/ic-navigation-item.entry.js +1 -1
  181. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  182. package/dist/esm/ic-page-header.entry.js +1 -1
  183. package/dist/esm/ic-pagination-item.entry.js +1 -1
  184. package/dist/esm/ic-pagination.entry.js +1 -1
  185. package/dist/esm/ic-popover-menu.entry.js +1 -1
  186. package/dist/esm/ic-radio-group.entry.js +1 -1
  187. package/dist/esm/ic-radio-option.entry.js +1 -1
  188. package/dist/esm/ic-search-bar.entry.js +1 -1
  189. package/dist/esm/ic-select.entry.js +1 -1
  190. package/dist/esm/ic-side-navigation.entry.js +1 -1
  191. package/dist/esm/ic-status-tag.entry.js +1 -1
  192. package/dist/esm/ic-step.entry.js +1 -1
  193. package/dist/esm/ic-stepper.entry.js +1 -1
  194. package/dist/esm/ic-switch.entry.js +1 -1
  195. package/dist/esm/ic-tab-group.entry.js +1 -1
  196. package/dist/esm/ic-tab-panel.entry.js +1 -1
  197. package/dist/esm/ic-tab.entry.js +1 -1
  198. package/dist/esm/ic-text-field.entry.js +1 -1
  199. package/dist/esm/ic-theme.entry.js +1 -1
  200. package/dist/esm/ic-toast.entry.js +1 -1
  201. package/dist/esm/ic-toggle-button.entry.js +1 -1
  202. package/dist/esm/ic-top-navigation.entry.js +1 -1
  203. package/dist/esm/ic-typography.entry.js +1 -1
  204. package/dist/esm/loader.js +1 -1
  205. package/dist/types/components/ic-button/ic-button.d.ts +1 -0
  206. package/dist/types/utils/helpers.d.ts +6 -1
  207. package/hydrate/index.js +14 -3
  208. package/package.json +2 -2
  209. package/dist/cjs/helpers-d52cddc1.js.map +0 -1
  210. package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js +0 -13
  211. package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js.map +0 -1
  212. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js +0 -33
  213. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js.map +0 -1
  214. package/dist/core/p-0d0070b3.entry.js +0 -2
  215. package/dist/core/p-0d0070b3.entry.js.map +0 -1
  216. package/dist/core/p-47d39ce7.entry.js +0 -2
  217. package/dist/core/p-47d39ce7.entry.js.map +0 -1
  218. package/dist/core/p-53f2fc84.js +0 -2
  219. package/dist/core/p-53f2fc84.js.map +0 -1
  220. package/dist/esm/helpers-f1ca9908.js.map +0 -1
  221. package/dist/types/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.d.ts +0 -1
  222. /package/dist/core/{p-dbbea7fa.entry.js.map → p-04d2f198.entry.js.map} +0 -0
  223. /package/dist/core/{p-95d6f3ed.entry.js.map → p-04dd9fe8.entry.js.map} +0 -0
  224. /package/dist/core/{p-b781b691.entry.js.map → p-14ea9cc7.entry.js.map} +0 -0
  225. /package/dist/core/{p-123b9306.entry.js.map → p-18137908.entry.js.map} +0 -0
  226. /package/dist/core/{p-5603eec3.entry.js.map → p-1e84a765.entry.js.map} +0 -0
  227. /package/dist/core/{p-0e2628eb.entry.js.map → p-22cbe39b.entry.js.map} +0 -0
  228. /package/dist/core/{p-2680b736.entry.js.map → p-2edbdbaf.entry.js.map} +0 -0
  229. /package/dist/core/{p-46ecc4c5.entry.js.map → p-4e3d46f2.entry.js.map} +0 -0
  230. /package/dist/core/{p-fce3e1aa.entry.js.map → p-5421ceb4.entry.js.map} +0 -0
  231. /package/dist/core/{p-04506779.entry.js.map → p-5479d3e5.entry.js.map} +0 -0
  232. /package/dist/core/{p-1ce0d16e.entry.js.map → p-65d3c0f1.entry.js.map} +0 -0
  233. /package/dist/core/{p-c2789113.entry.js.map → p-77503f4f.entry.js.map} +0 -0
  234. /package/dist/core/{p-7606c930.entry.js.map → p-77a00075.entry.js.map} +0 -0
  235. /package/dist/core/{p-64705a03.entry.js.map → p-7cdea5bf.entry.js.map} +0 -0
  236. /package/dist/core/{p-80c3424f.entry.js.map → p-8352d752.entry.js.map} +0 -0
  237. /package/dist/core/{p-c053230d.entry.js.map → p-880bcf91.entry.js.map} +0 -0
  238. /package/dist/core/{p-916f4265.entry.js.map → p-8841668b.entry.js.map} +0 -0
  239. /package/dist/core/{p-d5f721ca.entry.js.map → p-8a77a417.entry.js.map} +0 -0
  240. /package/dist/core/{p-c7c2aa3c.entry.js.map → p-8cbbe579.entry.js.map} +0 -0
  241. /package/dist/core/{p-210412e4.entry.js.map → p-917b15da.entry.js.map} +0 -0
  242. /package/dist/core/{p-d9329191.entry.js.map → p-934c2a94.entry.js.map} +0 -0
  243. /package/dist/core/{p-6a9ddb8a.entry.js.map → p-9b4fd843.entry.js.map} +0 -0
  244. /package/dist/core/{p-e4863c93.entry.js.map → p-9c157974.entry.js.map} +0 -0
  245. /package/dist/core/{p-aa878a3c.entry.js.map → p-a222554a.entry.js.map} +0 -0
  246. /package/dist/core/{p-1183031f.entry.js.map → p-aac0195e.entry.js.map} +0 -0
  247. /package/dist/core/{p-fbcb77a3.entry.js.map → p-ab14339d.entry.js.map} +0 -0
  248. /package/dist/core/{p-76ee6107.entry.js.map → p-b1e74a89.entry.js.map} +0 -0
  249. /package/dist/core/{p-b98ce745.entry.js.map → p-b7bf772b.entry.js.map} +0 -0
  250. /package/dist/core/{p-2f462ec5.entry.js.map → p-ba31ee69.entry.js.map} +0 -0
  251. /package/dist/core/{p-e68e31ec.entry.js.map → p-ba8d968c.entry.js.map} +0 -0
  252. /package/dist/core/{p-35b8923f.entry.js.map → p-c0525936.entry.js.map} +0 -0
  253. /package/dist/core/{p-9c18f048.entry.js.map → p-c1bb5018.entry.js.map} +0 -0
  254. /package/dist/core/{p-fea1d095.entry.js.map → p-c2173562.entry.js.map} +0 -0
  255. /package/dist/core/{p-5e729e99.entry.js.map → p-c43946b0.entry.js.map} +0 -0
  256. /package/dist/core/{p-a9e1966f.entry.js.map → p-cc0ab439.entry.js.map} +0 -0
  257. /package/dist/core/{p-8aa9aa25.entry.js.map → p-cd2d2141.entry.js.map} +0 -0
  258. /package/dist/core/{p-296b7d74.entry.js.map → p-cdb51adf.entry.js.map} +0 -0
  259. /package/dist/core/{p-a98f57cf.entry.js.map → p-d5cadfa1.entry.js.map} +0 -0
  260. /package/dist/core/{p-22a682e8.entry.js.map → p-dfef57d3.entry.js.map} +0 -0
  261. /package/dist/core/{p-1d352487.entry.js.map → p-e47f887a.entry.js.map} +0 -0
  262. /package/dist/core/{p-0038a8fd.entry.js.map → p-e7483ee5.entry.js.map} +0 -0
  263. /package/dist/core/{p-a4e7d123.entry.js.map → p-e7b676fc.entry.js.map} +0 -0
  264. /package/dist/core/{p-bc7f99b8.entry.js.map → p-f026466e.entry.js.map} +0 -0
  265. /package/dist/core/{p-4ce5abd7.entry.js.map → p-f24084fa.entry.js.map} +0 -0
  266. /package/dist/core/{p-7b0397ea.entry.js.map → p-f58da6ae.entry.js.map} +0 -0
  267. /package/dist/core/{p-91768ddf.entry.js.map → p-f7019830.entry.js.map} +0 -0
  268. /package/dist/core/{p-d319ddce.entry.js.map → p-f926174d.entry.js.map} +0 -0
  269. /package/dist/core/{p-4641518f.entry.js.map → p-fc83d8d7.entry.js.map} +0 -0
  270. /package/dist/core/{p-47a9dca9.entry.js.map → p-fc91292d.entry.js.map} +0 -0
package/hydrate/index.js CHANGED
@@ -7727,7 +7727,12 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
7727
7727
  }
7728
7728
  input.disabled = disabled;
7729
7729
  input.name = name;
7730
- input.value = value || "";
7730
+ if (value instanceof Date) {
7731
+ input.value = value ? value.toISOString() : null;
7732
+ }
7733
+ else {
7734
+ input.value = value || "";
7735
+ }
7731
7736
  }
7732
7737
  };
7733
7738
  /**
@@ -9015,7 +9020,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
9015
9020
  <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
9016
9021
  </svg>`;
9017
9022
 
9018
- const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\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*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n --ic-action-default-bg-active-no-alpha\n );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@: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:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@: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) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@: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:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.button-size-large) ::slotted(a)*/.sc-ic-button-h.button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
9023
+ const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\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*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@:host(.with-badge) .button*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n --ic-action-default-bg-active-no-alpha\n );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@: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:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@: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) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@: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:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}/*!@div.right-icon*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.button-size-large) ::slotted(a)*/.sc-ic-button-h.button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
9019
9024
 
9020
9025
  var __rest = (undefined && undefined.__rest) || function (s, e) {
9021
9026
  var t = {};
@@ -9155,6 +9160,9 @@ class Button {
9155
9160
  this.type = "button";
9156
9161
  this.variant = "primary";
9157
9162
  }
9163
+ watchDisabledHandler() {
9164
+ removeDisabledFalse(this.disabled, this.el);
9165
+ }
9158
9166
  disconnectedCallback() {
9159
9167
  if (this.mutationObserver !== null && this.mutationObserver !== undefined) {
9160
9168
  this.mutationObserver.disconnect();
@@ -9352,6 +9360,9 @@ class Button {
9352
9360
  }
9353
9361
  static get delegatesFocus() { return true; }
9354
9362
  get el() { return getElement(this); }
9363
+ static get watchers() { return {
9364
+ "disabled": ["watchDisabledHandler"]
9365
+ }; }
9355
9366
  static get style() { return icButtonCss; }
9356
9367
  static get cmpMeta() { return {
9357
9368
  "$flags$": 25,
@@ -11082,7 +11093,7 @@ class InputComponentContainer {
11082
11093
  ["multiline"]: multiLine,
11083
11094
  ["fullwidth"]: fullWidth,
11084
11095
  ["dark"]: dark || appearance === "dark",
11085
- } }, hAsync("div", { class: {
11096
+ }, "aria-disabled": disabled && `${disabled}` }, hAsync("div", { class: {
11086
11097
  "focus-indicator": true,
11087
11098
  dark: dark || appearance === "dark",
11088
11099
  } }, isSlotUsed(this.el, "left-icon") && (hAsync("div", { class: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ukic/web-components",
3
- "version": "2.14.0",
3
+ "version": "2.15.0",
4
4
  "description": "A web component UI library compiled with StencilJS",
5
5
  "author": "mi6",
6
6
  "bugs": {
@@ -96,5 +96,5 @@
96
96
  "webpack": "^5.76.0"
97
97
  },
98
98
  "license": "MIT",
99
- "gitHead": "58d6040e80a2fe1ca1feeca8e203130e2c59ff29"
99
+ "gitHead": "f61c6da6e4d87e28bedb9ef96113922aeebaec85"
100
100
  }
package/dist/cjs/helpers-d52cddc1.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"helpers-d52cddc1.js","mappings":"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","names":["IcThemeForegroundEnum"],"sources":["src/utils/constants.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n neutral: {\n icon: neutralIcon,\n ariaLabel: \"Neutral\",\n },\n info: {\n icon: infoIcon,\n ariaLabel: \"For your information\",\n },\n warning: {\n icon: warningIcon,\n ariaLabel: \"Warning\",\n },\n error: {\n icon: errorIcon,\n ariaLabel: \"Error\",\n },\n success: {\n icon: successIcon,\n ariaLabel: \"Success\",\n },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n \"aria-atomic\",\n \"aria-autocomplete\",\n \"aria-busy\",\n \"aria-controls\",\n \"aria-current\",\n \"aria-describedby\",\n \"aria-description\",\n \"aria-details\",\n \"aria-disabled\",\n \"aria-dropeffect\",\n \"aria-errormessage\",\n \"aria-expanded\",\n \"aria-flowto\",\n \"aria-grabbed\",\n \"aria-haspopup\",\n \"aria-hidden\",\n \"aria-invalid\",\n \"aria-keyshortcuts\",\n \"aria-label\",\n \"aria-labelledby\",\n \"aria-live\",\n \"aria-owns\",\n \"aria-relevant\",\n \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n XS: 576,\n S: 768,\n M: 992,\n L: 1200,\n XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n \"ic-hero\",\n \"ic-top-navigation\",\n \"ic-footer\",\n \"ic-side-navigation\",\n \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n","import { EventEmitter } from \"@stencil/core\";\nimport {\n IcCallbackFunctionNoReturn,\n IcInformationStatusOrEmpty,\n IcNavParentDetails,\n IcPropObject,\n IcSearchMatchPositions,\n IcColorRGBA,\n} from \"./types\";\n\nimport {\n IcMenuOption,\n IcThemeForeground,\n IcThemeForegroundEnum,\n} from \"../utils/types\";\nimport {\n IC_BLOCK_COLOR_COMPONENTS,\n IC_BLOCK_COLOR_EXCEPTIONS,\n IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\nconst icInput = \"ic-input\";\nconst linkIcInput = \"input.ic-input\";\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n element: HTMLElement,\n attributes: string[] = []\n): { [key: string]: string } => {\n const attributeObject: { [key: string]: string } = {};\n\n attributes.forEach((attr) => {\n if (element.hasAttribute(attr)) {\n const value = element.getAttribute(attr);\n if (value !== null) {\n attributeObject[attr] = value;\n }\n element.removeAttribute(attr);\n }\n });\n\n return attributeObject;\n};\n\nexport const debounceEvent = (\n event: EventEmitter,\n wait: number\n): EventEmitter => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const original = (event as any)._original || event;\n return {\n _original: event,\n emit: debounce(original.emit.bind(original), wait),\n } as EventEmitter;\n};\n\nexport const debounce = (\n func: (...args: unknown[]) => void,\n wait = 0\n): unknown => {\n let timer: ReturnType<typeof setTimeout>;\n return (...args: unknown[]) => {\n clearTimeout(timer);\n timer = setTimeout(func, wait, ...args);\n };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n always: boolean,\n container: HTMLElement,\n name: string,\n value: string | undefined | null,\n disabled: boolean\n): void => {\n if (name !== undefined && (always || hasShadowDom(container))) {\n const inputs = container.querySelectorAll(linkIcInput);\n const inputEls = Array.from(inputs);\n const filtered = inputEls.filter((el) => container === el.parentElement);\n\n let input = filtered[0] as HTMLInputElement;\n if (input === null || input === undefined) {\n input = container.ownerDocument.createElement(\"input\");\n input.type = \"hidden\";\n input.classList.add(icInput);\n container.appendChild(input);\n }\n input.disabled = disabled;\n input.name = name;\n input.value = value || \"\";\n }\n};\n\n/**\n * This method is used to add a hidden file input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param event: The event that is emitted once a file is selected.\n * @param container The element where the input will be added\n * @param multiple If true, multiple files can be selected\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n * @param accept A string of the accepted files\n */\nexport const renderFileHiddenInput = (\n event: EventEmitter,\n container: HTMLElement,\n multiple: boolean,\n name: string,\n value: FileList | undefined | null,\n disabled: boolean,\n accept: string\n): void => {\n if (name !== undefined && hasShadowDom(container)) {\n const inputs = container.querySelectorAll(linkIcInput);\n const inputEls = Array.from(inputs);\n const filtered = inputEls.filter((el) => container === el.parentElement);\n\n let input = filtered[0] as HTMLInputElement;\n if (input === null || input === undefined) {\n input = container.ownerDocument.createElement(\"input\");\n input.classList.add(icInput);\n container.appendChild(input);\n }\n input.type = \"file\";\n input.hidden = true;\n input.multiple = multiple;\n input.name = name;\n input.files = value;\n input.disabled = disabled;\n input.accept = accept;\n input.onchange = () => {\n event.emit(input.files);\n };\n input.click();\n }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n const inputs = container.querySelectorAll(\"input.ic-input\");\n const inputEls = Array.from(inputs);\n const filtered = inputEls.filter((el) => container === el.parentElement);\n const input = filtered[0] as HTMLInputElement;\n input?.remove();\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n inputId: string,\n helperText: boolean,\n validationText: boolean\n): string =>\n `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n validationText ? getInputValidationTextID(inputId) : \"\"\n }`.trim();\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n el: Element,\n themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n const parentElement =\n el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n const blockColorParent = parentElement.closest(\n IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n );\n\n // If within a block color component\n if (blockColorParent !== null) {\n const parentTag = blockColorParent.tagName.toLowerCase();\n const currentTag = el.tagName.toLowerCase();\n\n if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n return IcThemeForegroundEnum.Default;\n } else if (\n themeFromEvent !== null &&\n !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n ) {\n return themeFromEvent;\n } else if (\n blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n ) {\n return IcThemeForegroundEnum.Dark;\n }\n\n return IcThemeForegroundEnum.Light;\n }\n\n return IcThemeForegroundEnum.Default;\n};\n\nexport const isMobileOrTablet = (): boolean =>\n \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n form: HTMLFormElement,\n button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n const hiddenFormButton = document.createElement(\"button\");\n\n hiddenFormButton.setAttribute(\"type\", button.type);\n hiddenFormButton.style.display = \"none\";\n\n form.appendChild(hiddenFormButton);\n\n hiddenFormButton.click();\n hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n prop !== undefined ? prop : null;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n value: string,\n options: IcMenuOption[],\n valueField = \"value\",\n labelField = \"label\"\n): string | undefined => {\n const ungroupedOptions: IcMenuOption[] = [];\n if (options.length > 0 && options.map) {\n options.map((option) => {\n if (option.children) {\n option.children.map((option: IcMenuOption) =>\n ungroupedOptions.push(option)\n );\n } else {\n ungroupedOptions.push(option);\n }\n });\n const matchingValue = ungroupedOptions.find(\n (option) => option[valueField] === value\n );\n if (matchingValue !== undefined) return matchingValue[labelField];\n }\n\n return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n options: IcMenuOption[],\n includeDescriptions: boolean,\n searchString: string,\n position: IcSearchMatchPositions,\n labelField = \"label\"\n): IcMenuOption[] =>\n options.filter((option) => {\n const label: string = option[labelField].toLowerCase();\n const description = option.description?.toLowerCase();\n const lowerSearchString = searchString.toLowerCase();\n\n return position === \"anywhere\"\n ? includeDescriptions\n ? label.includes(lowerSearchString) ||\n description?.includes(lowerSearchString)\n : label.includes(lowerSearchString)\n : includeDescriptions\n ? label.startsWith(lowerSearchString) ||\n description?.startsWith(lowerSearchString)\n : label.startsWith(lowerSearchString);\n });\n\nexport const deviceSizeMatches = (size: number): boolean =>\n window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n if (deviceSizeMatches(DEVICE_SIZES.S)) {\n return DEVICE_SIZES.S;\n }\n if (deviceSizeMatches(DEVICE_SIZES.M)) {\n return DEVICE_SIZES.M;\n }\n if (deviceSizeMatches(DEVICE_SIZES.L)) {\n return DEVICE_SIZES.L;\n }\n if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n return DEVICE_SIZES.XL;\n }\n //fallback needed as all of above get initialised to 0 in jest tests\n return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n return (\n (parseInt(themeRed) * 299 +\n parseInt(themeGreen) * 587 +\n parseInt(themeBlue) * 114) /\n 1000\n );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n getThemeColorBrightness() > DARK_MODE_THRESHOLD\n ? IcThemeForegroundEnum.Dark\n : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n if (element && element.querySelector) {\n return element.querySelector(`[slot=\"${name}\"]`);\n }\n return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n element: HTMLElement,\n name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n const slot = getSlot(element, name);\n if (slot) {\n return getSlotElements(slot);\n }\n\n return null;\n};\n\nexport const getSlotElements = (\n slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n if (slotContent !== null) {\n const elements = slotContent.assignedElements\n ? slotContent.assignedElements()\n : slotContent.childNodes;\n return elements.length ? elements : null;\n } else {\n //check for single element\n return slot === null ? null : [slot];\n }\n};\n\nexport const getNavItemParentDetails = (\n el: HTMLElement\n): IcNavParentDetails => {\n let navType: IcNavParentDetails = { navType: \"\", parent: null };\n switch (getParentElementType(el)) {\n case \"IC-NAVIGATION-GROUP\":\n navType = getNavItemParentDetails(el.parentElement);\n break;\n case \"IC-TOP-NAVIGATION\":\n navType = { navType: \"top\", parent: getParentElement(el) };\n break;\n case \"IC-SIDE-NAVIGATION\":\n navType = { navType: \"side\", parent: getParentElement(el) };\n break;\n case \"IC-PAGE-HEADER\":\n navType = { navType: \"page-header\", parent: null };\n break;\n }\n return navType;\n};\n\nexport const DEVICE_SIZES = {\n XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n UNDEFINED: 1200,\n};\n\nexport const hasValidationStatus = (\n status: IcInformationStatusOrEmpty,\n disabled: boolean\n): boolean => {\n return status !== \"\" && !disabled;\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n Array.from(element.children).some(\n (child) => child.getAttribute(\"slot\") === slotName\n );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n oldValue: string | undefined,\n newValue: string | undefined,\n callback: IcCallbackFunctionNoReturn\n): void => {\n if (oldValue === undefined && newValue !== oldValue) {\n callback();\n }\n};\n\nexport const onComponentRequiredPropUndefined = (\n props: IcPropObject[],\n component: string\n): void => {\n for (let i = 0; i < props.length; i++) {\n const { prop, propName } = props[i];\n if (prop === null || prop === undefined) {\n console.error(\n `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n propName\n )}' (react) required`\n );\n }\n }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n kebabCase = kebabCase.toLowerCase();\n const individualWords: string[] = kebabCase.split(\"-\");\n let camelCase = individualWords[0];\n for (let i = 1; i < individualWords.length; i++) {\n camelCase +=\n individualWords[i].substring(0, 1).toUpperCase() +\n individualWords[i].substring(1);\n }\n return camelCase;\n};\n\nexport const checkResizeObserver = (\n callbackFn: IcCallbackFunctionNoReturn\n): void => {\n if (\n typeof window !== \"undefined\" &&\n typeof window.ResizeObserver !== \"undefined\"\n ) {\n callbackFn();\n }\n};\n\nconst hex2dec = function (v: string) {\n return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n let c;\n if (hex.length === 4) {\n c = hex.replace(\"#\", \"\").split(\"\");\n return {\n r: hex2dec(c[0] + c[0]),\n g: hex2dec(c[1] + c[1]),\n b: hex2dec(c[2] + c[2]),\n a: 1,\n };\n } else {\n return {\n r: hex2dec(hex.slice(1, 3)),\n g: hex2dec(hex.slice(3, 5)),\n b: hex2dec(hex.slice(5)),\n a: 1,\n };\n }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n const fourthChar = rgbaStr.slice(3, 4);\n let colorRGBA: IcColorRGBA;\n if (fourthChar.toLowerCase() === \"a\") {\n colorRGBA = { r: null, g: null, b: null, a: null };\n const rgba = rgbaStr\n .substring(5, rgbaStr.length - 1)\n .replace(/ /g, \"\")\n .split(\",\");\n colorRGBA.r = Number(rgba[0]);\n colorRGBA.g = Number(rgba[1]);\n colorRGBA.b = Number(rgba[2]);\n colorRGBA.a = Number(rgba[3]);\n } else {\n colorRGBA = { r: null, g: null, b: null, a: 1 };\n const rgb = rgbaStr\n .substring(4, rgbaStr.length - 1)\n .replace(/ /g, \"\")\n .split(\",\");\n colorRGBA.r = Number(rgb[0]);\n colorRGBA.g = Number(rgb[1]);\n colorRGBA.b = Number(rgb[2]);\n }\n\n return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n el: HTMLElement,\n callbackFn: IcCallbackFunctionNoReturn\n): void => {\n const form = getForm(el);\n if (form !== null) {\n form.addEventListener(\"reset\", callbackFn);\n }\n};\n\nexport const removeFormResetListener = (\n el: HTMLElement,\n callbackFn: IcCallbackFunctionNoReturn\n): void => {\n const form = getForm(el);\n if (form !== null) {\n form.removeEventListener(\"reset\", callbackFn);\n }\n};\n\nexport const pxToRem = (px: string, base = 16): string =>\n `${(1 / base) * parseInt(px)}rem`;\n\nexport const removeDisabledFalse = (\n disabled: boolean,\n element: HTMLElement\n): void => {\n if (!disabled) {\n element.removeAttribute(\"disabled\");\n }\n};\n\nexport const isMacDevice = (): boolean => {\n return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n"],"version":3}
package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js DELETED
@@ -1,13 +0,0 @@
1
- import { fixture } from "@open-wc/testing-helpers";
2
- import { axe } from "jest-axe";
3
- import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
4
- describe("ic-popover-menu", () => {
5
- it("passes accessibility", async () => {
6
- const el = await fixture(`
7
- <ic-button id="buttonEl">Button El</ic-button>
8
- <ic-popover-menu anchor="#buttonEl" aria-label="Popover menu"></ic-popover-menu>`);
9
- checkShadowElementRendersCorrectly(el);
10
- expect(await axe(el)).toHaveNoViolations();
11
- });
12
- });
13
- //# sourceMappingURL=ic-popover-menu.test.a11y.js.map
package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ic-popover-menu.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;qFAEwD,CAAC,CAAC;QACnF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-popover-menu\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`\n <ic-button id=\"buttonEl\">Button El</ic-button>\n <ic-popover-menu anchor=\"#buttonEl\" aria-label=\"Popover menu\"></ic-popover-menu>`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js DELETED
@@ -1,33 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- beforeAll(() => {
3
- jest.spyOn(console, "error").mockImplementation(jest.fn());
4
- });
5
- describe("ic-popover-menu component", () => {
6
- it("renders", async () => {
7
- const page = await newE2EPage();
8
- await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
9
- const element = await page.find("ic-popover-menu");
10
- expect(element).toHaveClass("hydrated");
11
- });
12
- it("should emit triggerPopoverMenuInstance when submenu trigger button is clicked", async () => {
13
- const page = await newE2EPage();
14
- await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button" submenu-trigger-for="submenu"></ic-menu-item></ic-popover-menu>`);
15
- await page.waitForChanges();
16
- const submenuTriggerButton = await page.find("#test-button");
17
- const triggerPopoverMenuInstance = await page.spyOnEvent("triggerPopoverMenuInstance");
18
- await submenuTriggerButton.click();
19
- await page.waitForChanges();
20
- expect(triggerPopoverMenuInstance).toHaveReceivedEvent();
21
- });
22
- it("should emit handleMenuItemClick when menu item is clicked", async () => {
23
- const page = await newE2EPage();
24
- await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
25
- await page.waitForChanges();
26
- const triggerButton = await page.find("#test-button");
27
- const handleMenuItemClick = await page.spyOnEvent("handleMenuItemClick");
28
- await triggerButton.click();
29
- await page.waitForChanges();
30
- expect(handleMenuItemClick).toHaveReceivedEvent();
31
- });
32
- });
33
- //# sourceMappingURL=ic-popover-menu.e2e.js.map
package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ic-popover-menu.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,SAAS,CAAC,GAAG,EAAE;IACb,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7D,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;QAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAEnD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,0OAA0O,CAC3O,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE7D,MAAM,0BAA0B,GAAG,MAAM,IAAI,CAAC,UAAU,CACtD,4BAA4B,CAC7B,CAAC;QAEF,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;QAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,0BAA0B,CAAC,CAAC,mBAAmB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEtD,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;QAEzE,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nbeforeAll(() => {\n jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-popover-menu component\", () => {\n it(\"renders\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n );\n\n const element = await page.find(\"ic-popover-menu\");\n\n expect(element).toHaveClass(\"hydrated\");\n });\n\n it(\"should emit triggerPopoverMenuInstance when submenu trigger button is clicked\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\" submenu-trigger-for=\"submenu\"></ic-menu-item></ic-popover-menu>`\n );\n\n await page.waitForChanges();\n\n const submenuTriggerButton = await page.find(\"#test-button\");\n\n const triggerPopoverMenuInstance = await page.spyOnEvent(\n \"triggerPopoverMenuInstance\"\n );\n\n await submenuTriggerButton.click();\n\n await page.waitForChanges();\n\n expect(triggerPopoverMenuInstance).toHaveReceivedEvent();\n });\n\n it(\"should emit handleMenuItemClick when menu item is clicked\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n );\n\n await page.waitForChanges();\n\n const triggerButton = await page.find(\"#test-button\");\n\n const handleMenuItemClick = await page.spyOnEvent(\"handleMenuItemClick\");\n\n await triggerButton.click();\n\n await page.waitForChanges();\n\n expect(handleMenuItemClick).toHaveReceivedEvent();\n });\n});\n"]}
package/dist/core/p-0d0070b3.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as i,h as e,H as t,g as s,c as n,F as c}from"./p-6b5e91e2.js";import{a as o}from"./p-26b7b18f.js";import{i as a,N as r,a as h}from"./p-53f2fc84.js";import{C as u}from"./p-c2e091d7.js";import{c as l}from"./p-68a5aaff.js";const d="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--ic-architectural-white);box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-border-width) dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-error-border-default);padding:0}ic-input-component-container.error:hover{border:var(--ic-error-border-hover)}ic-input-component-container.error:focus-within{border:var(--ic-error-border-pressed)}ic-input-component-container.warning{border:var(--ic-warning-border-default);padding:0}ic-input-component-container.warning:hover{border:var(--ic-warning-border-hover)}ic-input-component-container.warning:focus-within{border:var(--ic-warning-border-pressed)}ic-input-component-container.success{border:var(--ic-success-border-default);padding:0}ic-input-component-container.success:hover{border:var(--ic-success-border-hover)}ic-input-component-container.success:focus-within{border:var(--ic-success-border-pressed)}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.large{height:var(--ic-space-xxl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-border-hover);color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed)}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-border-width) dashed GrayText}}";const m=class{constructor(e){i(this,e);this.appearance="default";this.dark=false;this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="default";this.small=false;this.validationInline=false;this.validationStatus=""}render(){const{size:i,small:s,validationStatus:n,disabled:c,readonly:h,multiLine:u,fullWidth:l,dark:d,appearance:m,validationInline:p}=this;const f=this.validationStatus!==""&&!this.disabled&&!this.readonly?true:false;return e(t,{class:{small:s,[`${i}`]:true,[n]:f,disabled:c,readonly:h,["multiline"]:u,["fullwidth"]:l,["dark"]:d||m==="dark"}},e("div",{class:{"focus-indicator":true,dark:d||m==="dark"}},a(this.el,"left-icon")&&e("div",{class:{["icon-container"]:true}},e("slot",{name:"left-icon"})),e("slot",null),p&&n===o.Success&&e("span",{class:{["inline-success"]:true},innerHTML:r})))}get el(){return s(this)}};m.style=d;const p="ic-input-container .component-container{display:flex;flex-direction:column}";const f=class{constructor(e){i(this,e);this.disabled=false;this.readonly=false}render(){return e(t,null,e("div",{class:{["component-container"]:true,["disabled"]:this.disabled,["readonly"]:this.readonly}},e("slot",null)))}};f.style=p;const b='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.open.sc-ic-menu-h{max-height:none;display:block}.open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}';const v=class{constructor(t){i(this,t);this.menuKeyPress=n(this,"menuKeyPress",7);this.menuOptionId=n(this,"menuOptionId",7);this.menuOptionSelect=n(this,"menuOptionSelect",7);this.menuStateChange=n(this,"menuStateChange",7);this.menuValueChange=n(this,"menuValueChange",7);this.retryButtonClicked=n(this,"retryButtonClicked",7);this.timeoutBlur=n(this,"timeoutBlur",7);this.ungroupedOptionsSet=n(this,"ungroupedOptionsSet",7);this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isSearchBar=false;this.isSearchableSelect=false;this.preventClickOpen=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,e)=>{this.menuStateChange.emit({open:i,focusInput:e});if(!i&&e!==false){this.inputEl.focus();this.preventClickOpen=false}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"&&i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.setMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const e=this.setMenuOptions();e[i]&&!e[i].timedOut&&(this.optionHighlighted=e[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const e=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(e);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(e);break;case" ":case"Enter":if(i.target.id!=="clear-button"){this.handleMenuChange(true)}break}};this.manSetInputValueKeyboardOpen=i=>{const e=this.setMenuOptions();this.keyboardNav=false;const t=e.findIndex((i=>i[this.valueField]===this.optionHighlighted));const s=i=>{var e;return(e=Array.from(this.host.querySelectorAll("li"))[i])===null||e===void 0?void 0:e.id};const n=this.isSearchBar||this.isSearchableSelect||this.open;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(t<e.length-1){this.setHighlightedOption(t+1);this.menuOptionId.emit({optionId:s(t+1)})}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(t<=0||t>e.length+1){this.setHighlightedOption(e.length-1);this.menuOptionId.emit({optionId:s(e.length-1)})}else{this.setHighlightedOption(t-1);this.menuOptionId.emit({optionId:s(t-1)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});break;case"End":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e.length-1);this.menuOptionId.emit({optionId:s(e.length-1)});break;case" ":if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!=="clear-button"){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();if(n){if(t>=0){if(e[t]!==undefined){if(this.isSearchBar&&e[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t);this.value=e[t][this.valueField]}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"Shift":case"Tab":if(this.isSearchBar){this.keyboardNav=true}this.preventIncorrectTabOrder=true;break;default:this.focusOnSearchOrSelectInput(e,t);break}};this.setInputValue=i=>{const e=this.setMenuOptions();if(e[i]!==undefined){this.menuOptionSelect.emit({value:e[i][this.valueField]});this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}if(!this.hasTimedOut)this.handleMenuChange(false);else this.parentEl.setFocus()};this.handleOptionClick=i=>{const{value:e,label:t}=i.target.dataset;this.menuOptionSelect.emit({value:e,label:t});this.handleMenuChange(false)};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,this.hasPreviouslyBlurred)}}else{this.handleMenuChange(false);this.preventClickOpen=true}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manSetInputValueKeyboardOpen(i)}};this.emitMenuKeyPress=(i,e)=>{this.menuKeyPress.emit({isNavKey:i,key:e})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const e=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const t=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(e);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(e);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(t){this.inputEl.focus()}break;case"Shift":break;default:if(t&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,e)=>{let t=i[this.labelField];if(i.description){t=`${t}, ${i.description}`}if(i.element){t=`${t}, ${i.element.ariaLabel}`}if(e){return`${t}, ${e[this.labelField]} group`}else{return t}};this.getSortedOptions=i=>{let e=[];if(i.sort){e=i.sort(((i,e)=>i.recommended&&!e.recommended?-1:0))}return e};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected]");if(e){const t=e.offsetTop+e.offsetHeight;if(t>i.scrollTop+i.offsetHeight||t<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.host.querySelectorAll(".option").forEach((e=>i+=e.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=i=>{var t;return e(c,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("div",{class:"option-label"},i.icon&&e("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i[this.labelField]))),i.description&&e("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description)),i.element&&e("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&i[this.valueField].toLowerCase()===((t=this.value)===null||t===void 0?void 0:t.toLowerCase())&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:u}))};this.displayOption=(i,t,s)=>{const{open:n,value:o,keyboardNav:a,isManualMode:r,initialOptionsListRender:h,optionHighlighted:u,options:l}=this;return e("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":r?(a||h)&&i[this.valueField]===u:a&&i[this.valueField]===o,"last-recommended-option":i.recommended&&l[t+1]&&!l[t+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:n&&(i[this.valueField]===o||i[this.valueField]===u)&&a?"0":"-1","aria-label":this.getOptionAriaLabel(i,s),"aria-selected":i[this.valueField]===o,"aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?e(c,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("g",{id:"close-octagon"},e("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),e("ic-typography",{variant:"label"},i[this.labelField])),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="default";this.small=false;this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}watchValueHandler(){this.menuValueChange.emit({value:this.value})}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,e;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}h([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));const e=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}else if(e&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){i.focus()}}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=l(i,this.host,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top"],rootBoundary:"viewport"}}]})}focusOnSearchOrSelectInput(i,e){if(!i[e])return;if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:s,menuId:n,value:c,fullWidth:o,hasTimedOut:a,isLoading:r,size:h,small:u,open:l,inputEl:d,keyboardNav:m}=this;return e(t,{class:{"full-width":o,"no-focus":(d===null||d===void 0?void 0:d.tagName)==="INPUT"||a||r,small:u,[h]:true,open:l}},s.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":i,"aria-activedescendant":c!=null&&c!==""?this.getOptionId(c):"",tabindex:l&&!m&&(d===null||d===void 0?void 0:d.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(s).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i[this.labelField])),i.children.map((e=>this.displayOption(e,t,i))))}else{return null}}else{return this.displayOption(i,t)}}))))}get host(){return s(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};v.style=b;export{m as ic_input_component_container,f as ic_input_container,v as ic_menu};
2
- //# sourceMappingURL=p-0d0070b3.entry.js.map