@ukic/web-components 2.35.2 → 3.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1059) hide show
  1. package/README.md +0 -4
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-6f6991cb.js → helpers-eca4c27e.js} +70 -26
  4. package/dist/cjs/helpers-eca4c27e.js.map +1 -0
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js +14 -15
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-accordion.cjs.entry.js +7 -8
  8. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-alert.cjs.entry.js +8 -9
  10. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js +15 -16
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-badge.cjs.entry.js +22 -51
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +26 -14
  16. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js +53 -8
  18. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-button_3.cjs.entry.js +59 -53
  20. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js +150 -0
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -0
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -10
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +8 -16
  26. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-chip.cjs.entry.js +22 -23
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js +2 -2
  30. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-data-list.cjs.entry.js +32 -0
  32. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -0
  33. package/dist/cjs/ic-data-row.cjs.entry.js +12 -12
  34. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-dialog.cjs.entry.js +14 -105
  36. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-divider.cjs.entry.js +73 -10
  38. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-empty-state.cjs.entry.js +9 -8
  40. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-footer-link-group.cjs.entry.js +12 -14
  42. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-footer-link.cjs.entry.js +11 -12
  44. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-footer.cjs.entry.js +11 -13
  46. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-hero.cjs.entry.js +12 -15
  48. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +15 -9
  50. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +478 -201
  52. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-input-label_2.cjs.entry.js +26 -31
  54. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-link.cjs.entry.js +22 -15
  56. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -3
  58. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-menu-item.cjs.entry.js +12 -13
  60. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-navigation-button.cjs.entry.js +12 -10
  62. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-navigation-group.cjs.entry.js +14 -14
  64. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-navigation-item.cjs.entry.js +11 -10
  66. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
  68. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-page-header.cjs.entry.js +10 -10
  70. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-pagination-item.cjs.entry.js +8 -12
  72. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-pagination.cjs.entry.js +51 -46
  74. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-popover-menu.cjs.entry.js +23 -4
  76. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-radio-group.cjs.entry.js +32 -18
  78. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-radio-option.cjs.entry.js +34 -40
  80. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-search-bar.cjs.entry.js +56 -57
  82. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-select.cjs.entry.js +194 -81
  84. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-side-navigation.cjs.entry.js +19 -22
  86. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-skeleton.cjs.entry.js +5 -6
  88. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-status-tag.cjs.entry.js +8 -16
  90. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-step.cjs.entry.js +41 -46
  92. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-stepper.cjs.entry.js +27 -18
  94. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-switch.cjs.entry.js +17 -18
  96. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-tab-context.cjs.entry.js +34 -28
  98. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-tab-group.cjs.entry.js +9 -11
  100. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-tab-panel.cjs.entry.js +12 -11
  102. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab.cjs.entry.js +10 -9
  104. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-text-field.cjs.entry.js +86 -77
  106. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-theme.cjs.entry.js +45 -22
  108. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-toast-region.cjs.entry.js +0 -7
  110. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-toast.cjs.entry.js +83 -36
  112. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +63 -30
  114. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -33
  116. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-top-navigation.cjs.entry.js +17 -12
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ic-typography.cjs.entry.js +9 -8
  120. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  121. package/dist/cjs/index-f982899d.js +16 -16
  122. package/dist/cjs/loader.cjs.js +1 -1
  123. package/dist/collection/ag-theme-icds.css +32 -31
  124. package/dist/collection/collection-manifest.json +4 -4
  125. package/dist/collection/components/ic-accordion/ic-accordion.css +23 -19
  126. package/dist/collection/components/ic-accordion/ic-accordion.js +31 -34
  127. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  128. package/dist/collection/components/ic-accordion/ic-accordion.stories.js +52 -76
  129. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +3 -3
  130. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
  131. package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +5 -11
  132. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +27 -27
  133. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  134. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +9 -9
  135. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
  136. package/dist/collection/components/ic-alert/ic-alert.css +34 -18
  137. package/dist/collection/components/ic-alert/ic-alert.js +49 -42
  138. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  139. package/dist/collection/components/ic-alert/ic-alert.stories.js +30 -16
  140. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +1 -1
  141. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
  142. package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +22 -59
  143. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +38 -14
  144. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  145. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +23 -10
  146. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
  147. package/dist/collection/components/ic-badge/ic-badge.css +65 -41
  148. package/dist/collection/components/ic-badge/ic-badge.js +51 -99
  149. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  150. package/dist/collection/components/ic-badge/ic-badge.stories.js +50 -40
  151. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +40 -50
  152. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
  153. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +20 -10
  154. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +104 -34
  155. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  156. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +48 -4
  157. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
  158. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css +7 -5
  159. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +66 -33
  160. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  161. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +60 -200
  162. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +3 -3
  163. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +1 -1
  164. package/dist/collection/components/ic-button/ic-button.css +730 -432
  165. package/dist/collection/components/ic-button/ic-button.js +72 -59
  166. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  167. package/dist/collection/components/ic-button/ic-button.stories.js +1246 -1256
  168. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +9 -9
  169. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
  170. package/dist/collection/components/{ic-card/ic-card.css → ic-card-vertical/ic-card-vertical.css} +99 -109
  171. package/dist/collection/components/{ic-card/ic-card.js → ic-card-vertical/ic-card-vertical.js} +65 -39
  172. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -0
  173. package/dist/collection/components/{ic-card/ic-card.stories.js → ic-card-vertical/ic-card-vertical.stories.js} +61 -45
  174. package/dist/collection/components/{ic-card/test/basic/ic-card.spec.js → ic-card-vertical/test/basic/ic-card-vertical.spec.js} +43 -43
  175. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -0
  176. package/dist/collection/components/ic-checkbox/ic-checkbox.css +54 -45
  177. package/dist/collection/components/ic-checkbox/ic-checkbox.js +22 -128
  178. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  179. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +19 -4
  180. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +38 -21
  181. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  182. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +18 -6
  183. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +2 -2
  184. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  185. package/dist/collection/components/ic-chip/ic-chip.css +66 -53
  186. package/dist/collection/components/ic-chip/ic-chip.js +44 -68
  187. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  188. package/dist/collection/components/ic-chip/ic-chip.stories.js +713 -403
  189. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +16 -0
  190. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
  191. package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +17 -11
  192. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +1 -1
  193. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  194. package/dist/collection/components/{ic-data-entity/ic-data-entity.css → ic-data-list/ic-data-list.css} +7 -3
  195. package/dist/collection/components/{ic-data-entity/ic-data-entity.js → ic-data-list/ic-data-list.js} +33 -27
  196. package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -0
  197. package/dist/collection/components/{ic-data-entity/ic-data-entity.stories.js → ic-data-list/ic-data-list.stories.js} +59 -53
  198. package/dist/collection/components/{ic-data-entity/test/basic/ic-data-entity.spec.js → ic-data-list/test/basic/ic-data-list.spec.js} +32 -32
  199. package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +1 -0
  200. package/dist/collection/components/ic-data-row/ic-data-row.css +6 -3
  201. package/dist/collection/components/ic-data-row/ic-data-row.js +28 -24
  202. package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
  203. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +4 -4
  204. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +1 -1
  205. package/dist/collection/components/ic-dialog/ic-dialog.css +19 -15
  206. package/dist/collection/components/ic-dialog/ic-dialog.js +28 -212
  207. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  208. package/dist/collection/components/ic-dialog/ic-dialog.stories.js +19 -225
  209. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +5 -228
  210. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
  211. package/dist/collection/components/ic-divider/ic-divider.css +295 -4
  212. package/dist/collection/components/ic-divider/ic-divider.js +239 -12
  213. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  214. package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
  215. package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
  216. package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
  217. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +90 -5
  218. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
  219. package/dist/collection/components/ic-empty-state/ic-empty-state.css +21 -6
  220. package/dist/collection/components/ic-empty-state/ic-empty-state.js +35 -9
  221. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
  222. package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +13 -6
  223. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +101 -0
  224. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -0
  225. package/dist/collection/components/ic-footer/ic-footer.css +30 -22
  226. package/dist/collection/components/ic-footer/ic-footer.js +13 -14
  227. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  228. package/dist/collection/components/ic-footer/ic-footer.stories.js +23 -22
  229. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +3 -3
  230. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
  231. package/dist/collection/components/ic-footer-link/ic-footer-link.css +49 -100
  232. package/dist/collection/components/ic-footer-link/ic-footer-link.js +12 -12
  233. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  234. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +1 -1
  235. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
  236. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +19 -27
  237. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +15 -16
  238. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  239. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +8 -8
  240. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
  241. package/dist/collection/components/ic-hero/ic-hero.css +38 -23
  242. package/dist/collection/components/ic-hero/ic-hero.js +18 -41
  243. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  244. package/dist/collection/components/ic-hero/ic-hero.stories.js +65 -106
  245. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +8 -8
  246. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
  247. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +7 -11
  248. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +65 -10
  249. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  250. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +43 -0
  251. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
  252. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +70 -42
  253. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +12 -87
  254. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  255. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +10 -10
  256. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  257. package/dist/collection/components/ic-input-label/ic-input-label.css +19 -21
  258. package/dist/collection/components/ic-input-label/ic-input-label.js +52 -74
  259. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  260. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +14 -58
  261. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  262. package/dist/collection/components/ic-input-validation/ic-input-validation.css +13 -4
  263. package/dist/collection/components/ic-input-validation/ic-input-validation.js +7 -7
  264. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  265. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +4 -4
  266. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +1 -1
  267. package/dist/collection/components/ic-link/ic-link.css +77 -45
  268. package/dist/collection/components/ic-link/ic-link.js +64 -58
  269. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  270. package/dist/collection/components/ic-link/ic-link.stories.js +16 -45
  271. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +19 -114
  272. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
  273. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +24 -16
  274. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +73 -50
  275. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  276. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +84 -36
  277. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.types.js.map +1 -1
  278. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +3 -2
  279. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +1 -1
  280. package/dist/collection/components/ic-menu/ic-menu.css +119 -30
  281. package/dist/collection/components/ic-menu/ic-menu.js +525 -228
  282. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  283. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +382 -34
  284. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  285. package/dist/collection/components/ic-menu-group/ic-menu-group.css +3 -2
  286. package/dist/collection/components/ic-menu-item/ic-menu-item.css +63 -44
  287. package/dist/collection/components/ic-menu-item/ic-menu-item.js +30 -30
  288. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  289. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +2 -2
  290. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
  291. package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +14 -0
  292. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +38 -11
  293. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  294. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +3 -3
  295. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  296. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +28 -21
  297. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +39 -14
  298. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  299. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
  300. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
  301. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +33 -29
  302. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +36 -10
  303. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  304. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +3 -3
  305. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
  306. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +13 -5
  307. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +27 -2
  308. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  309. package/dist/collection/components/ic-page-header/ic-page-header.css +4 -3
  310. package/dist/collection/components/ic-page-header/ic-page-header.js +34 -30
  311. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  312. package/dist/collection/components/ic-page-header/ic-page-header.stories.js +306 -40
  313. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +15 -15
  314. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +1 -1
  315. package/dist/collection/components/ic-pagination/ic-pagination.css +15 -0
  316. package/dist/collection/components/ic-pagination/ic-pagination.js +97 -73
  317. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  318. package/dist/collection/components/ic-pagination/ic-pagination.stories.js +69 -30
  319. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +27 -27
  320. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
  321. package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +36 -13
  322. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +48 -33
  323. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  324. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +10 -6
  325. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +45 -1
  326. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  327. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +34 -16
  328. package/dist/collection/components/ic-radio-group/ic-radio-group.css +21 -5
  329. package/dist/collection/components/ic-radio-group/ic-radio-group.js +58 -38
  330. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  331. package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +21 -28
  332. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +3 -3
  333. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
  334. package/dist/collection/components/ic-radio-option/ic-radio-option.css +40 -30
  335. package/dist/collection/components/ic-radio-option/ic-radio-option.js +58 -148
  336. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  337. package/dist/collection/components/ic-search-bar/ic-search-bar.css +115 -16
  338. package/dist/collection/components/ic-search-bar/ic-search-bar.js +112 -129
  339. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  340. package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +21 -19
  341. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +78 -112
  342. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
  343. package/dist/collection/components/ic-select/ic-select.css +103 -63
  344. package/dist/collection/components/ic-select/ic-select.js +269 -220
  345. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  346. package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
  347. package/dist/collection/components/ic-select/{ic-select-searchable.stories.js → ic-select_(searchable).stories.js} +21 -9
  348. package/dist/collection/components/ic-select/{ic-select-single.stories.js → ic-select_(single).stories.js} +14 -4
  349. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +230 -7
  350. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  351. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +60 -43
  352. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +22 -24
  353. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  354. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +11 -11
  355. package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
  356. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +3 -110
  357. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
  358. package/dist/collection/components/ic-skeleton/ic-skeleton.css +5 -28
  359. package/dist/collection/components/ic-skeleton/ic-skeleton.js +17 -33
  360. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  361. package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +11 -9
  362. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +1 -1
  363. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +1 -1
  364. package/dist/collection/components/ic-status-tag/ic-status-tag.css +20 -17
  365. package/dist/collection/components/ic-status-tag/ic-status-tag.js +44 -62
  366. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  367. package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +41 -6
  368. package/dist/collection/components/ic-status-tag/ic-status-tag.types.js.map +1 -1
  369. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +15 -32
  370. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
  371. package/dist/collection/components/ic-step/ic-step.css +97 -128
  372. package/dist/collection/components/ic-step/ic-step.js +77 -54
  373. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  374. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +30 -30
  375. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +1 -1
  376. package/dist/collection/components/ic-stepper/ic-stepper.css +4 -4
  377. package/dist/collection/components/ic-stepper/ic-stepper.js +51 -33
  378. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  379. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +103 -153
  380. package/dist/collection/components/ic-stepper/test/basic/ic-stepper-test-examples.js +37 -37
  381. package/dist/collection/components/ic-stepper/test/basic/ic-stepper-test-examples.js.map +1 -1
  382. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +237 -237
  383. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
  384. package/dist/collection/components/ic-switch/ic-switch.css +26 -49
  385. package/dist/collection/components/ic-switch/ic-switch.js +33 -48
  386. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  387. package/dist/collection/components/ic-switch/ic-switch.stories.js +20 -42
  388. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +1 -15
  389. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
  390. package/dist/collection/components/ic-tab/ic-tab.css +47 -21
  391. package/dist/collection/components/ic-tab/ic-tab.js +56 -34
  392. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  393. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +2 -2
  394. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
  395. package/dist/collection/components/ic-tab-context/ic-tab-context.js +79 -76
  396. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  397. package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +11 -83
  398. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +3 -3
  399. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
  400. package/dist/collection/components/ic-tab-group/ic-tab-group.css +15 -8
  401. package/dist/collection/components/ic-tab-group/ic-tab-group.js +52 -54
  402. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  403. package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +2 -2
  404. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +91 -30
  405. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
  406. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +50 -0
  407. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +1 -0
  408. package/dist/collection/components/ic-text-field/ic-text-field.css +71 -13
  409. package/dist/collection/components/ic-text-field/ic-text-field.js +122 -128
  410. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  411. package/dist/collection/components/ic-text-field/ic-text-field.stories.js +36 -257
  412. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +59 -26
  413. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
  414. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +59 -58
  415. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
  416. package/dist/collection/components/ic-theme/ic-theme.js +81 -33
  417. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  418. package/dist/collection/components/ic-theme/ic-theme.stories.js +271 -8
  419. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +7 -7
  420. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
  421. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +24 -22
  422. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
  423. package/dist/collection/components/ic-toast/ic-toast.css +40 -17
  424. package/dist/collection/components/ic-toast/ic-toast.js +83 -33
  425. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  426. package/dist/collection/components/ic-toast/ic-toast.stories.js +1 -18
  427. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +55 -19
  428. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
  429. package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -43
  430. package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
  431. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -20
  432. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +1 -1
  433. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +217 -79
  434. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +126 -69
  435. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  436. package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +16 -126
  437. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +4 -4
  438. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
  439. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +29 -19
  440. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +116 -52
  441. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  442. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +140 -165
  443. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.types.js.map +1 -1
  444. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +121 -39
  445. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
  446. package/dist/collection/components/ic-tooltip/ic-tooltip.css +14 -5
  447. package/dist/collection/components/ic-tooltip/ic-tooltip.js +30 -2
  448. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  449. package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +10 -0
  450. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +14 -0
  451. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +1 -1
  452. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +46 -20
  453. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +44 -14
  454. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  455. package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +28 -13
  456. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +3 -3
  457. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
  458. package/dist/collection/components/ic-typography/ic-typography.css +16 -12
  459. package/dist/collection/components/ic-typography/ic-typography.js +31 -5
  460. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  461. package/dist/collection/components/ic-typography/ic-typography.stories.js +10 -0
  462. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +14 -0
  463. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +1 -1
  464. package/dist/collection/patterns/z-index.stories.js +2 -2
  465. package/dist/collection/utils/constants.js +1 -1
  466. package/dist/collection/utils/constants.js.map +1 -1
  467. package/dist/collection/utils/helpers.js +49 -19
  468. package/dist/collection/utils/helpers.js.map +1 -1
  469. package/dist/collection/utils/types.js +6 -6
  470. package/dist/collection/utils/types.js.map +1 -1
  471. package/dist/components/helpers.js +64 -21
  472. package/dist/components/helpers.js.map +1 -1
  473. package/dist/components/ic-accordion-group.js +16 -16
  474. package/dist/components/ic-accordion-group.js.map +1 -1
  475. package/dist/components/ic-accordion.js +7 -7
  476. package/dist/components/ic-accordion.js.map +1 -1
  477. package/dist/components/ic-alert.js +128 -1
  478. package/dist/components/ic-alert.js.map +1 -1
  479. package/dist/components/ic-back-to-top.js +29 -16
  480. package/dist/components/ic-back-to-top.js.map +1 -1
  481. package/dist/components/ic-badge.js +25 -54
  482. package/dist/components/ic-badge.js.map +1 -1
  483. package/dist/components/ic-breadcrumb-group.js +31 -16
  484. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  485. package/dist/components/ic-breadcrumb2.js +57 -8
  486. package/dist/components/ic-breadcrumb2.js.map +1 -1
  487. package/dist/components/ic-button2.js +29 -33
  488. package/dist/components/ic-button2.js.map +1 -1
  489. package/dist/components/{ic-data-entity.d.ts → ic-card-vertical.d.ts} +4 -4
  490. package/dist/components/ic-card-vertical.js +198 -0
  491. package/dist/components/ic-card-vertical.js.map +1 -0
  492. package/dist/components/ic-checkbox-group.js +24 -11
  493. package/dist/components/ic-checkbox-group.js.map +1 -1
  494. package/dist/components/ic-checkbox.js +9 -21
  495. package/dist/components/ic-checkbox.js.map +1 -1
  496. package/dist/components/ic-chip.js +24 -23
  497. package/dist/components/ic-chip.js.map +1 -1
  498. package/dist/components/ic-classification-banner.js +2 -2
  499. package/dist/components/ic-classification-banner.js.map +1 -1
  500. package/dist/components/{ic-card.d.ts → ic-data-list.d.ts} +4 -4
  501. package/dist/components/ic-data-list.js +56 -0
  502. package/dist/components/ic-data-list.js.map +1 -0
  503. package/dist/components/ic-data-row.js +14 -13
  504. package/dist/components/ic-data-row.js.map +1 -1
  505. package/dist/components/ic-dialog.js +17 -119
  506. package/dist/components/ic-dialog.js.map +1 -1
  507. package/dist/components/ic-divider2.js +89 -13
  508. package/dist/components/ic-divider2.js.map +1 -1
  509. package/dist/components/ic-empty-state.js +11 -8
  510. package/dist/components/ic-empty-state.js.map +1 -1
  511. package/dist/components/ic-footer-link-group.js +14 -15
  512. package/dist/components/ic-footer-link-group.js.map +1 -1
  513. package/dist/components/ic-footer-link.js +19 -13
  514. package/dist/components/ic-footer-link.js.map +1 -1
  515. package/dist/components/ic-footer.js +12 -14
  516. package/dist/components/ic-footer.js.map +1 -1
  517. package/dist/components/ic-hero.js +13 -17
  518. package/dist/components/ic-hero.js.map +1 -1
  519. package/dist/components/ic-horizontal-scroll2.js +17 -9
  520. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  521. package/dist/components/ic-input-component-container2.js +12 -31
  522. package/dist/components/ic-input-component-container2.js.map +1 -1
  523. package/dist/components/ic-input-label2.js +18 -23
  524. package/dist/components/ic-input-label2.js.map +1 -1
  525. package/dist/components/ic-input-validation2.js +9 -10
  526. package/dist/components/ic-input-validation2.js.map +1 -1
  527. package/dist/components/ic-link2.js +25 -18
  528. package/dist/components/ic-link2.js.map +1 -1
  529. package/dist/components/ic-loading-indicator2.js +29 -23
  530. package/dist/components/ic-loading-indicator2.js.map +1 -1
  531. package/dist/components/ic-menu-group.js +2 -2
  532. package/dist/components/ic-menu-group.js.map +1 -1
  533. package/dist/components/ic-menu-item2.js +14 -14
  534. package/dist/components/ic-menu-item2.js.map +1 -1
  535. package/dist/components/ic-menu2.js +473 -180
  536. package/dist/components/ic-menu2.js.map +1 -1
  537. package/dist/components/ic-navigation-button.js +14 -11
  538. package/dist/components/ic-navigation-button.js.map +1 -1
  539. package/dist/components/ic-navigation-group.js +16 -14
  540. package/dist/components/ic-navigation-group.js.map +1 -1
  541. package/dist/components/ic-navigation-item.js +13 -10
  542. package/dist/components/ic-navigation-item.js.map +1 -1
  543. package/dist/components/ic-navigation-menu2.js +6 -4
  544. package/dist/components/ic-navigation-menu2.js.map +1 -1
  545. package/dist/components/ic-page-header.js +11 -10
  546. package/dist/components/ic-page-header.js.map +1 -1
  547. package/dist/components/ic-pagination-item2.js +10 -12
  548. package/dist/components/ic-pagination-item2.js.map +1 -1
  549. package/dist/components/ic-pagination.js +56 -49
  550. package/dist/components/ic-pagination.js.map +1 -1
  551. package/dist/components/ic-popover-menu.js +24 -3
  552. package/dist/components/ic-popover-menu.js.map +1 -1
  553. package/dist/components/ic-radio-group.js +35 -19
  554. package/dist/components/ic-radio-group.js.map +1 -1
  555. package/dist/components/ic-radio-option.js +37 -47
  556. package/dist/components/ic-radio-option.js.map +1 -1
  557. package/dist/components/ic-search-bar.js +73 -85
  558. package/dist/components/ic-search-bar.js.map +1 -1
  559. package/dist/components/ic-select.js +197 -89
  560. package/dist/components/ic-select.js.map +1 -1
  561. package/dist/components/ic-side-navigation.js +20 -23
  562. package/dist/components/ic-side-navigation.js.map +1 -1
  563. package/dist/components/ic-skeleton.js +6 -8
  564. package/dist/components/ic-skeleton.js.map +1 -1
  565. package/dist/components/ic-status-tag.js +9 -16
  566. package/dist/components/ic-status-tag.js.map +1 -1
  567. package/dist/components/ic-step.js +48 -51
  568. package/dist/components/ic-step.js.map +1 -1
  569. package/dist/components/ic-stepper.js +29 -18
  570. package/dist/components/ic-stepper.js.map +1 -1
  571. package/dist/components/ic-switch.js +18 -19
  572. package/dist/components/ic-switch.js.map +1 -1
  573. package/dist/components/ic-tab-context.js +39 -31
  574. package/dist/components/ic-tab-context.js.map +1 -1
  575. package/dist/components/ic-tab-group.js +11 -13
  576. package/dist/components/ic-tab-group.js.map +1 -1
  577. package/dist/components/ic-tab-panel.js +17 -13
  578. package/dist/components/ic-tab-panel.js.map +1 -1
  579. package/dist/components/ic-tab.js +11 -9
  580. package/dist/components/ic-tab.js.map +1 -1
  581. package/dist/components/ic-text-field.js +371 -1
  582. package/dist/components/ic-text-field.js.map +1 -1
  583. package/dist/components/ic-theme.js +51 -25
  584. package/dist/components/ic-theme.js.map +1 -1
  585. package/dist/components/ic-toast-region.js +1 -9
  586. package/dist/components/ic-toast-region.js.map +1 -1
  587. package/dist/components/ic-toast.js +86 -37
  588. package/dist/components/ic-toast.js.map +1 -1
  589. package/dist/components/ic-toggle-button-group.js +71 -30
  590. package/dist/components/ic-toggle-button-group.js.map +1 -1
  591. package/dist/components/ic-toggle-button.js +73 -40
  592. package/dist/components/ic-toggle-button.js.map +1 -1
  593. package/dist/components/ic-tooltip2.js +8 -3
  594. package/dist/components/ic-tooltip2.js.map +1 -1
  595. package/dist/components/ic-top-navigation.js +19 -13
  596. package/dist/components/ic-top-navigation.js.map +1 -1
  597. package/dist/components/ic-typography2.js +9 -6
  598. package/dist/components/ic-typography2.js.map +1 -1
  599. package/dist/core/ag-theme-icds.css +32 -31
  600. package/dist/core/core.css +1606 -64
  601. package/dist/core/core.esm.js +1 -1
  602. package/dist/core/core.esm.js.map +1 -1
  603. package/dist/core/p-0cb72d37.entry.js +2 -0
  604. package/dist/core/p-0cb72d37.entry.js.map +1 -0
  605. package/dist/core/p-1223d0e9.entry.js +2 -0
  606. package/dist/core/p-1223d0e9.entry.js.map +1 -0
  607. package/dist/core/p-190c3474.entry.js +2 -0
  608. package/dist/core/p-190c3474.entry.js.map +1 -0
  609. package/dist/core/p-199b9196.entry.js +2 -0
  610. package/dist/core/p-199b9196.entry.js.map +1 -0
  611. package/dist/core/p-1bf956cb.entry.js +2 -0
  612. package/dist/core/p-1bf956cb.entry.js.map +1 -0
  613. package/dist/core/p-20ac0d2a.entry.js +2 -0
  614. package/dist/core/p-20ac0d2a.entry.js.map +1 -0
  615. package/dist/core/p-2197e83e.entry.js +2 -0
  616. package/dist/core/p-2197e83e.entry.js.map +1 -0
  617. package/dist/core/p-243ad74c.entry.js +2 -0
  618. package/dist/core/p-243ad74c.entry.js.map +1 -0
  619. package/dist/core/p-24a34d72.entry.js +2 -0
  620. package/dist/core/p-24a34d72.entry.js.map +1 -0
  621. package/dist/core/{p-7438ab1f.entry.js → p-26bc7c62.entry.js} +2 -2
  622. package/dist/core/p-26bc7c62.entry.js.map +1 -0
  623. package/dist/core/{p-3eda4e14.entry.js → p-27274ca8.entry.js} +2 -2
  624. package/dist/core/p-27274ca8.entry.js.map +1 -0
  625. package/dist/core/p-29afeb33.entry.js +2 -0
  626. package/dist/core/p-29afeb33.entry.js.map +1 -0
  627. package/dist/core/p-2cc0d6b9.entry.js +2 -0
  628. package/dist/core/p-2cc0d6b9.entry.js.map +1 -0
  629. package/dist/core/p-31c84a47.entry.js +2 -0
  630. package/dist/core/p-31c84a47.entry.js.map +1 -0
  631. package/dist/core/p-33b44dc1.entry.js +2 -0
  632. package/dist/core/p-33b44dc1.entry.js.map +1 -0
  633. package/dist/core/p-36ac5305.entry.js +2 -0
  634. package/dist/core/p-36ac5305.entry.js.map +1 -0
  635. package/dist/core/{p-3969d3c0.entry.js → p-3ea4a005.entry.js} +2 -2
  636. package/dist/core/p-3ea4a005.entry.js.map +1 -0
  637. package/dist/core/p-404b482e.entry.js +2 -0
  638. package/dist/core/p-404b482e.entry.js.map +1 -0
  639. package/dist/core/p-419d3378.entry.js +2 -0
  640. package/dist/core/p-419d3378.entry.js.map +1 -0
  641. package/dist/core/p-47038ea3.entry.js +2 -0
  642. package/dist/core/p-47038ea3.entry.js.map +1 -0
  643. package/dist/core/p-490bf0ee.entry.js +2 -0
  644. package/dist/core/p-490bf0ee.entry.js.map +1 -0
  645. package/dist/core/p-4e6e34fe.entry.js +2 -0
  646. package/dist/core/p-4e6e34fe.entry.js.map +1 -0
  647. package/dist/core/p-4fce49bd.entry.js +2 -0
  648. package/dist/core/p-4fce49bd.entry.js.map +1 -0
  649. package/dist/core/p-50b04d0f.entry.js +2 -0
  650. package/dist/core/p-50b04d0f.entry.js.map +1 -0
  651. package/dist/core/p-5b42dbef.entry.js +2 -0
  652. package/dist/core/p-5b42dbef.entry.js.map +1 -0
  653. package/dist/core/p-5be2c26a.entry.js +2 -0
  654. package/dist/core/p-5be2c26a.entry.js.map +1 -0
  655. package/dist/core/p-5d5345a4.entry.js +2 -0
  656. package/dist/core/p-5d5345a4.entry.js.map +1 -0
  657. package/dist/core/p-5dcc0489.entry.js +2 -0
  658. package/dist/core/p-5dcc0489.entry.js.map +1 -0
  659. package/dist/core/p-5f6d6b3f.entry.js +2 -0
  660. package/dist/core/p-5f6d6b3f.entry.js.map +1 -0
  661. package/dist/core/p-5f74782e.entry.js +2 -0
  662. package/dist/core/p-5f74782e.entry.js.map +1 -0
  663. package/dist/core/p-641e244d.entry.js +2 -0
  664. package/dist/core/p-641e244d.entry.js.map +1 -0
  665. package/dist/core/p-6c1cf351.entry.js +2 -0
  666. package/dist/core/p-6c1cf351.entry.js.map +1 -0
  667. package/dist/core/p-6e630778.entry.js +2 -0
  668. package/dist/core/p-6e630778.entry.js.map +1 -0
  669. package/dist/core/p-7c8cd719.entry.js +2 -0
  670. package/dist/core/p-7c8cd719.entry.js.map +1 -0
  671. package/dist/core/p-7c94e055.entry.js +2 -0
  672. package/dist/core/p-7c94e055.entry.js.map +1 -0
  673. package/dist/core/p-7fa74998.entry.js +2 -0
  674. package/dist/core/p-7fa74998.entry.js.map +1 -0
  675. package/dist/core/p-7ff4632d.entry.js +2 -0
  676. package/dist/core/p-7ff4632d.entry.js.map +1 -0
  677. package/dist/core/p-84c3a870.entry.js +2 -0
  678. package/dist/core/p-84c3a870.entry.js.map +1 -0
  679. package/dist/core/p-8624bb98.entry.js +2 -0
  680. package/dist/core/p-8624bb98.entry.js.map +1 -0
  681. package/dist/core/p-87aa30b4.entry.js +2 -0
  682. package/dist/core/p-87aa30b4.entry.js.map +1 -0
  683. package/dist/core/p-932f3e3c.js +2 -0
  684. package/dist/core/p-932f3e3c.js.map +1 -0
  685. package/dist/core/{p-6fae7e1f.entry.js → p-96b4ca6e.entry.js} +2 -2
  686. package/dist/core/p-96b4ca6e.entry.js.map +1 -0
  687. package/dist/core/p-9ad4bbf4.entry.js +2 -0
  688. package/dist/core/p-9ad4bbf4.entry.js.map +1 -0
  689. package/dist/core/p-9cfd6855.entry.js +2 -0
  690. package/dist/core/p-9cfd6855.entry.js.map +1 -0
  691. package/dist/core/p-a38f5453.entry.js +2 -0
  692. package/dist/core/p-a38f5453.entry.js.map +1 -0
  693. package/dist/core/p-af934e73.entry.js +2 -0
  694. package/dist/core/p-af934e73.entry.js.map +1 -0
  695. package/dist/core/p-b9941d97.entry.js +2 -0
  696. package/dist/core/p-b9941d97.entry.js.map +1 -0
  697. package/dist/core/p-cf0176be.entry.js +2 -0
  698. package/dist/core/p-cf0176be.entry.js.map +1 -0
  699. package/dist/core/p-cf5d88a9.entry.js +2 -0
  700. package/dist/core/p-cf5d88a9.entry.js.map +1 -0
  701. package/dist/core/p-d21d8014.entry.js +2 -0
  702. package/dist/core/p-d21d8014.entry.js.map +1 -0
  703. package/dist/core/p-df957570.entry.js +2 -0
  704. package/dist/core/p-df957570.entry.js.map +1 -0
  705. package/dist/core/p-e0730a5d.entry.js +2 -0
  706. package/dist/core/p-e0730a5d.entry.js.map +1 -0
  707. package/dist/core/p-e1f8d915.entry.js +2 -0
  708. package/dist/core/p-e1f8d915.entry.js.map +1 -0
  709. package/dist/core/p-e4cb5585.entry.js +2 -0
  710. package/dist/core/p-e4cb5585.entry.js.map +1 -0
  711. package/dist/core/p-f073fc69.entry.js +2 -0
  712. package/dist/core/p-f073fc69.entry.js.map +1 -0
  713. package/dist/core/p-f2d9eefe.entry.js +2 -0
  714. package/dist/core/p-f2d9eefe.entry.js.map +1 -0
  715. package/dist/core/p-f7872eef.entry.js +2 -0
  716. package/dist/core/p-f7872eef.entry.js.map +1 -0
  717. package/dist/core/{p-9df32798.entry.js → p-f9dceda0.entry.js} +2 -2
  718. package/dist/core/p-f9dceda0.entry.js.map +1 -0
  719. package/dist/core/p-fac53f92.entry.js +2 -0
  720. package/dist/core/p-fac53f92.entry.js.map +1 -0
  721. package/dist/esm/core.js +1 -1
  722. package/dist/esm/{helpers-003f27c9.js → helpers-2624c32c.js} +65 -22
  723. package/dist/esm/helpers-2624c32c.js.map +1 -0
  724. package/dist/esm/ic-accordion-group.entry.js +14 -15
  725. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  726. package/dist/esm/ic-accordion.entry.js +7 -8
  727. package/dist/esm/ic-accordion.entry.js.map +1 -1
  728. package/dist/esm/ic-alert.entry.js +8 -9
  729. package/dist/esm/ic-alert.entry.js.map +1 -1
  730. package/dist/esm/ic-back-to-top.entry.js +16 -17
  731. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  732. package/dist/esm/ic-badge.entry.js +22 -51
  733. package/dist/esm/ic-badge.entry.js.map +1 -1
  734. package/dist/esm/ic-breadcrumb-group.entry.js +26 -14
  735. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  736. package/dist/esm/ic-breadcrumb.entry.js +53 -8
  737. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  738. package/dist/esm/ic-button_3.entry.js +59 -53
  739. package/dist/esm/ic-button_3.entry.js.map +1 -1
  740. package/dist/esm/ic-card-vertical.entry.js +146 -0
  741. package/dist/esm/ic-card-vertical.entry.js.map +1 -0
  742. package/dist/esm/ic-checkbox-group.entry.js +21 -10
  743. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  744. package/dist/esm/ic-checkbox.entry.js +8 -16
  745. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  746. package/dist/esm/ic-chip.entry.js +23 -24
  747. package/dist/esm/ic-chip.entry.js.map +1 -1
  748. package/dist/esm/ic-classification-banner.entry.js +2 -2
  749. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  750. package/dist/esm/ic-data-list.entry.js +28 -0
  751. package/dist/esm/ic-data-list.entry.js.map +1 -0
  752. package/dist/esm/ic-data-row.entry.js +12 -12
  753. package/dist/esm/ic-data-row.entry.js.map +1 -1
  754. package/dist/esm/ic-dialog.entry.js +14 -105
  755. package/dist/esm/ic-dialog.entry.js.map +1 -1
  756. package/dist/esm/ic-divider.entry.js +74 -11
  757. package/dist/esm/ic-divider.entry.js.map +1 -1
  758. package/dist/esm/ic-empty-state.entry.js +9 -8
  759. package/dist/esm/ic-empty-state.entry.js.map +1 -1
  760. package/dist/esm/ic-footer-link-group.entry.js +12 -14
  761. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  762. package/dist/esm/ic-footer-link.entry.js +11 -12
  763. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  764. package/dist/esm/ic-footer.entry.js +11 -13
  765. package/dist/esm/ic-footer.entry.js.map +1 -1
  766. package/dist/esm/ic-hero.entry.js +12 -15
  767. package/dist/esm/ic-hero.entry.js.map +1 -1
  768. package/dist/esm/ic-horizontal-scroll.entry.js +15 -9
  769. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  770. package/dist/esm/ic-input-component-container_3.entry.js +478 -201
  771. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  772. package/dist/esm/ic-input-label_2.entry.js +23 -28
  773. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  774. package/dist/esm/ic-link.entry.js +22 -15
  775. package/dist/esm/ic-link.entry.js.map +1 -1
  776. package/dist/esm/ic-menu-group.entry.js +2 -3
  777. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  778. package/dist/esm/ic-menu-item.entry.js +12 -13
  779. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  780. package/dist/esm/ic-navigation-button.entry.js +12 -10
  781. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  782. package/dist/esm/ic-navigation-group.entry.js +14 -14
  783. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  784. package/dist/esm/ic-navigation-item.entry.js +11 -10
  785. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  786. package/dist/esm/ic-navigation-menu.entry.js +5 -5
  787. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  788. package/dist/esm/ic-page-header.entry.js +10 -10
  789. package/dist/esm/ic-page-header.entry.js.map +1 -1
  790. package/dist/esm/ic-pagination-item.entry.js +8 -12
  791. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  792. package/dist/esm/ic-pagination.entry.js +51 -46
  793. package/dist/esm/ic-pagination.entry.js.map +1 -1
  794. package/dist/esm/ic-popover-menu.entry.js +23 -4
  795. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  796. package/dist/esm/ic-radio-group.entry.js +32 -18
  797. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  798. package/dist/esm/ic-radio-option.entry.js +34 -40
  799. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  800. package/dist/esm/ic-search-bar.entry.js +56 -57
  801. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  802. package/dist/esm/ic-select.entry.js +193 -80
  803. package/dist/esm/ic-select.entry.js.map +1 -1
  804. package/dist/esm/ic-side-navigation.entry.js +19 -22
  805. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  806. package/dist/esm/ic-skeleton.entry.js +5 -6
  807. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  808. package/dist/esm/ic-status-tag.entry.js +8 -16
  809. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  810. package/dist/esm/ic-step.entry.js +41 -46
  811. package/dist/esm/ic-step.entry.js.map +1 -1
  812. package/dist/esm/ic-stepper.entry.js +27 -18
  813. package/dist/esm/ic-stepper.entry.js.map +1 -1
  814. package/dist/esm/ic-switch.entry.js +17 -18
  815. package/dist/esm/ic-switch.entry.js.map +1 -1
  816. package/dist/esm/ic-tab-context.entry.js +34 -28
  817. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  818. package/dist/esm/ic-tab-group.entry.js +9 -11
  819. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  820. package/dist/esm/ic-tab-panel.entry.js +12 -11
  821. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  822. package/dist/esm/ic-tab.entry.js +10 -9
  823. package/dist/esm/ic-tab.entry.js.map +1 -1
  824. package/dist/esm/ic-text-field.entry.js +81 -72
  825. package/dist/esm/ic-text-field.entry.js.map +1 -1
  826. package/dist/esm/ic-theme.entry.js +45 -22
  827. package/dist/esm/ic-theme.entry.js.map +1 -1
  828. package/dist/esm/ic-toast-region.entry.js +0 -7
  829. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  830. package/dist/esm/ic-toast.entry.js +83 -36
  831. package/dist/esm/ic-toast.entry.js.map +1 -1
  832. package/dist/esm/ic-toggle-button-group.entry.js +63 -30
  833. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  834. package/dist/esm/ic-toggle-button.entry.js +65 -34
  835. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  836. package/dist/esm/ic-top-navigation.entry.js +17 -12
  837. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  838. package/dist/esm/ic-typography.entry.js +9 -8
  839. package/dist/esm/ic-typography.entry.js.map +1 -1
  840. package/dist/esm/index-d1d2c456.js +16 -16
  841. package/dist/esm/loader.js +1 -1
  842. package/dist/types/components/ic-accordion/ic-accordion.d.ts +5 -5
  843. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +6 -6
  844. package/dist/types/components/ic-alert/ic-alert.d.ts +9 -9
  845. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +5 -1
  846. package/dist/types/components/ic-badge/ic-badge.d.ts +8 -15
  847. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +17 -5
  848. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +13 -7
  849. package/dist/types/components/ic-button/ic-button.d.ts +10 -7
  850. package/dist/types/components/{ic-card/ic-card.d.ts → ic-card-vertical/ic-card-vertical.d.ts} +10 -6
  851. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +3 -27
  852. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +5 -3
  853. package/dist/types/components/ic-chip/ic-chip.d.ts +8 -11
  854. package/dist/types/components/ic-data-list/ic-data-list.d.ts +20 -0
  855. package/dist/types/components/ic-data-row/ic-data-row.d.ts +4 -4
  856. package/dist/types/components/ic-dialog/ic-dialog.d.ts +5 -37
  857. package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
  858. package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
  859. package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +6 -2
  860. package/dist/types/components/ic-footer/ic-footer.d.ts +3 -3
  861. package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
  862. package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +4 -3
  863. package/dist/types/components/ic-hero/ic-hero.d.ts +5 -9
  864. package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
  865. package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +0 -12
  866. package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -12
  867. package/dist/types/components/ic-link/ic-link.d.ts +10 -10
  868. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +12 -8
  869. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +1 -1
  870. package/dist/types/components/ic-menu/ic-menu.d.ts +49 -20
  871. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +5 -5
  872. package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +7 -3
  873. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +7 -3
  874. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +7 -3
  875. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -0
  876. package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -5
  877. package/dist/types/components/ic-pagination/ic-pagination.d.ts +13 -9
  878. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +9 -5
  879. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +5 -0
  880. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +7 -6
  881. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +8 -27
  882. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +17 -18
  883. package/dist/types/components/ic-select/ic-select.d.ts +36 -47
  884. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +4 -4
  885. package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
  886. package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -6
  887. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +9 -10
  888. package/dist/types/components/ic-status-tag/ic-status-tag.types.d.ts +0 -1
  889. package/dist/types/components/ic-step/ic-step.d.ts +11 -6
  890. package/dist/types/components/ic-stepper/ic-stepper.d.ts +6 -4
  891. package/dist/types/components/ic-stepper/test/basic/ic-stepper-test-examples.d.ts +4 -4
  892. package/dist/types/components/ic-switch/ic-switch.d.ts +4 -8
  893. package/dist/types/components/ic-tab/ic-tab.d.ts +5 -3
  894. package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +11 -11
  895. package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +5 -10
  896. package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +13 -7
  897. package/dist/types/components/ic-text-field/ic-text-field.d.ts +15 -19
  898. package/dist/types/components/ic-theme/ic-theme.d.ts +15 -8
  899. package/dist/types/components/ic-toast/ic-toast.d.ts +8 -1
  900. package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +0 -5
  901. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +11 -10
  902. package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +15 -5
  903. package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.types.d.ts +1 -1
  904. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +5 -0
  905. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +8 -4
  906. package/dist/types/components/ic-typography/ic-typography.d.ts +5 -1
  907. package/dist/types/components.d.ts +647 -662
  908. package/dist/types/utils/helpers.d.ts +16 -8
  909. package/dist/types/utils/types.d.ts +11 -9
  910. package/hydrate/index.js +2155 -1491
  911. package/package.json +13 -12
  912. package/vscode-data.json +827 -467
  913. package/dist/cjs/helpers-6f6991cb.js.map +0 -1
  914. package/dist/cjs/ic-card.cjs.entry.js +0 -149
  915. package/dist/cjs/ic-card.cjs.entry.js.map +0 -1
  916. package/dist/cjs/ic-data-entity.cjs.entry.js +0 -29
  917. package/dist/cjs/ic-data-entity.cjs.entry.js.map +0 -1
  918. package/dist/cjs/types-dc22e301.js +0 -16
  919. package/dist/cjs/types-dc22e301.js.map +0 -1
  920. package/dist/collection/components/ic-card/ic-card.js.map +0 -1
  921. package/dist/collection/components/ic-card/test/basic/ic-card.spec.js.map +0 -1
  922. package/dist/collection/components/ic-chip/ic-chip.types.js +0 -2
  923. package/dist/collection/components/ic-chip/ic-chip.types.js.map +0 -1
  924. package/dist/collection/components/ic-data-entity/ic-data-entity.js.map +0 -1
  925. package/dist/collection/components/ic-data-entity/test/basic/ic-data-entity.spec.js.map +0 -1
  926. package/dist/components/ic-alert2.js +0 -132
  927. package/dist/components/ic-alert2.js.map +0 -1
  928. package/dist/components/ic-card.js +0 -196
  929. package/dist/components/ic-card.js.map +0 -1
  930. package/dist/components/ic-data-entity.js +0 -53
  931. package/dist/components/ic-data-entity.js.map +0 -1
  932. package/dist/components/ic-text-field2.js +0 -368
  933. package/dist/components/ic-text-field2.js.map +0 -1
  934. package/dist/components/types.js +0 -16
  935. package/dist/components/types.js.map +0 -1
  936. package/dist/core/p-08478a4c.entry.js +0 -2
  937. package/dist/core/p-08478a4c.entry.js.map +0 -1
  938. package/dist/core/p-12bac804.entry.js +0 -2
  939. package/dist/core/p-12bac804.entry.js.map +0 -1
  940. package/dist/core/p-13b2c3a2.entry.js +0 -2
  941. package/dist/core/p-13b2c3a2.entry.js.map +0 -1
  942. package/dist/core/p-168a7440.entry.js +0 -2
  943. package/dist/core/p-168a7440.entry.js.map +0 -1
  944. package/dist/core/p-193fc7d0.entry.js +0 -2
  945. package/dist/core/p-193fc7d0.entry.js.map +0 -1
  946. package/dist/core/p-1e4690f8.entry.js +0 -2
  947. package/dist/core/p-1e4690f8.entry.js.map +0 -1
  948. package/dist/core/p-1f6d36d5.entry.js +0 -2
  949. package/dist/core/p-1f6d36d5.entry.js.map +0 -1
  950. package/dist/core/p-26b7b18f.js +0 -2
  951. package/dist/core/p-26b7b18f.js.map +0 -1
  952. package/dist/core/p-2a11be1e.entry.js +0 -2
  953. package/dist/core/p-2a11be1e.entry.js.map +0 -1
  954. package/dist/core/p-3969d3c0.entry.js.map +0 -1
  955. package/dist/core/p-3ba915a5.entry.js +0 -2
  956. package/dist/core/p-3ba915a5.entry.js.map +0 -1
  957. package/dist/core/p-3e8023ff.entry.js +0 -2
  958. package/dist/core/p-3e8023ff.entry.js.map +0 -1
  959. package/dist/core/p-3eda4e14.entry.js.map +0 -1
  960. package/dist/core/p-4c6dc1b2.entry.js +0 -2
  961. package/dist/core/p-4c6dc1b2.entry.js.map +0 -1
  962. package/dist/core/p-51407872.entry.js +0 -2
  963. package/dist/core/p-51407872.entry.js.map +0 -1
  964. package/dist/core/p-597c221c.entry.js +0 -2
  965. package/dist/core/p-597c221c.entry.js.map +0 -1
  966. package/dist/core/p-65dc77ba.entry.js +0 -2
  967. package/dist/core/p-65dc77ba.entry.js.map +0 -1
  968. package/dist/core/p-6beed7db.entry.js +0 -2
  969. package/dist/core/p-6beed7db.entry.js.map +0 -1
  970. package/dist/core/p-6d8dc552.entry.js +0 -2
  971. package/dist/core/p-6d8dc552.entry.js.map +0 -1
  972. package/dist/core/p-6fae7e1f.entry.js.map +0 -1
  973. package/dist/core/p-72f292f2.entry.js +0 -2
  974. package/dist/core/p-72f292f2.entry.js.map +0 -1
  975. package/dist/core/p-7438ab1f.entry.js.map +0 -1
  976. package/dist/core/p-78f16b1a.entry.js +0 -2
  977. package/dist/core/p-78f16b1a.entry.js.map +0 -1
  978. package/dist/core/p-7b3a4b3f.entry.js +0 -2
  979. package/dist/core/p-7b3a4b3f.entry.js.map +0 -1
  980. package/dist/core/p-7f1594d9.entry.js +0 -2
  981. package/dist/core/p-7f1594d9.entry.js.map +0 -1
  982. package/dist/core/p-8dd2d3df.entry.js +0 -2
  983. package/dist/core/p-8dd2d3df.entry.js.map +0 -1
  984. package/dist/core/p-90433147.entry.js +0 -2
  985. package/dist/core/p-90433147.entry.js.map +0 -1
  986. package/dist/core/p-915e5888.entry.js +0 -2
  987. package/dist/core/p-915e5888.entry.js.map +0 -1
  988. package/dist/core/p-91fab13d.entry.js +0 -2
  989. package/dist/core/p-91fab13d.entry.js.map +0 -1
  990. package/dist/core/p-96e79d69.entry.js +0 -2
  991. package/dist/core/p-96e79d69.entry.js.map +0 -1
  992. package/dist/core/p-9a6790d8.entry.js +0 -2
  993. package/dist/core/p-9a6790d8.entry.js.map +0 -1
  994. package/dist/core/p-9df32798.entry.js.map +0 -1
  995. package/dist/core/p-9ef08234.entry.js +0 -2
  996. package/dist/core/p-9ef08234.entry.js.map +0 -1
  997. package/dist/core/p-a020afbd.entry.js +0 -2
  998. package/dist/core/p-a020afbd.entry.js.map +0 -1
  999. package/dist/core/p-a141ea39.entry.js +0 -2
  1000. package/dist/core/p-a141ea39.entry.js.map +0 -1
  1001. package/dist/core/p-a32016ff.entry.js +0 -2
  1002. package/dist/core/p-a32016ff.entry.js.map +0 -1
  1003. package/dist/core/p-a438656d.entry.js +0 -2
  1004. package/dist/core/p-a438656d.entry.js.map +0 -1
  1005. package/dist/core/p-a9cea205.entry.js +0 -2
  1006. package/dist/core/p-a9cea205.entry.js.map +0 -1
  1007. package/dist/core/p-b21d5f94.entry.js +0 -2
  1008. package/dist/core/p-b21d5f94.entry.js.map +0 -1
  1009. package/dist/core/p-b262eaff.entry.js +0 -2
  1010. package/dist/core/p-b262eaff.entry.js.map +0 -1
  1011. package/dist/core/p-b60912a7.entry.js +0 -2
  1012. package/dist/core/p-b60912a7.entry.js.map +0 -1
  1013. package/dist/core/p-b62735aa.entry.js +0 -2
  1014. package/dist/core/p-b62735aa.entry.js.map +0 -1
  1015. package/dist/core/p-ba06cc95.entry.js +0 -2
  1016. package/dist/core/p-ba06cc95.entry.js.map +0 -1
  1017. package/dist/core/p-ba884064.entry.js +0 -2
  1018. package/dist/core/p-ba884064.entry.js.map +0 -1
  1019. package/dist/core/p-bdaff5c9.entry.js +0 -2
  1020. package/dist/core/p-bdaff5c9.entry.js.map +0 -1
  1021. package/dist/core/p-bfaa257c.entry.js +0 -2
  1022. package/dist/core/p-bfaa257c.entry.js.map +0 -1
  1023. package/dist/core/p-c05474f3.entry.js +0 -2
  1024. package/dist/core/p-c05474f3.entry.js.map +0 -1
  1025. package/dist/core/p-c939d07d.entry.js +0 -2
  1026. package/dist/core/p-c939d07d.entry.js.map +0 -1
  1027. package/dist/core/p-d0299926.entry.js +0 -2
  1028. package/dist/core/p-d0299926.entry.js.map +0 -1
  1029. package/dist/core/p-d3344518.entry.js +0 -2
  1030. package/dist/core/p-d3344518.entry.js.map +0 -1
  1031. package/dist/core/p-d375858e.entry.js +0 -2
  1032. package/dist/core/p-d375858e.entry.js.map +0 -1
  1033. package/dist/core/p-d41c847e.js +0 -2
  1034. package/dist/core/p-d41c847e.js.map +0 -1
  1035. package/dist/core/p-e1ab5945.entry.js +0 -2
  1036. package/dist/core/p-e1ab5945.entry.js.map +0 -1
  1037. package/dist/core/p-e668390c.entry.js +0 -2
  1038. package/dist/core/p-e668390c.entry.js.map +0 -1
  1039. package/dist/core/p-eae017ce.entry.js +0 -2
  1040. package/dist/core/p-eae017ce.entry.js.map +0 -1
  1041. package/dist/core/p-ee6aa6a1.entry.js +0 -2
  1042. package/dist/core/p-ee6aa6a1.entry.js.map +0 -1
  1043. package/dist/core/p-f3599009.entry.js +0 -2
  1044. package/dist/core/p-f3599009.entry.js.map +0 -1
  1045. package/dist/core/p-f39741be.entry.js +0 -2
  1046. package/dist/core/p-f39741be.entry.js.map +0 -1
  1047. package/dist/core/p-f404b35e.entry.js +0 -2
  1048. package/dist/core/p-f404b35e.entry.js.map +0 -1
  1049. package/dist/core/p-f4382f1f.entry.js +0 -2
  1050. package/dist/core/p-f4382f1f.entry.js.map +0 -1
  1051. package/dist/esm/helpers-003f27c9.js.map +0 -1
  1052. package/dist/esm/ic-card.entry.js +0 -145
  1053. package/dist/esm/ic-card.entry.js.map +0 -1
  1054. package/dist/esm/ic-data-entity.entry.js +0 -25
  1055. package/dist/esm/ic-data-entity.entry.js.map +0 -1
  1056. package/dist/esm/types-6f6b41a5.js +0 -16
  1057. package/dist/esm/types-6f6b41a5.js.map +0 -1
  1058. package/dist/types/components/ic-chip/ic-chip.types.d.ts +0 -1
  1059. package/dist/types/components/ic-data-entity/ic-data-entity.d.ts +0 -20
@@ -0,0 +1,2 @@
1
+ import{r as e,c as i,h as t,H as a,g as o}from"./p-6b5e91e2.js";import{r,k as n,i as c,j as d,b as s,s as l,d as h}from"./p-932f3e3c.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper [slot="additional-field"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover:not(.disabled) input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const b="additional-field";const u=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=e=>{var i;const t=e.target.matches(".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)");if(!this.disabled&&(!t||e.target===this.radioElement)){e.stopPropagation();if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=((i=this.getAdditionalField())===null||i===void 0?void 0:i.value)||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=e=>{const i=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&i.includes(this.getAdditionalField().nodeName)){e.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.theme="inherit";this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}handleCheck(e){if(this.additionalFieldDisplay==="static"&&Array.from(this.el.querySelectorAll("ic-radio-option")).includes(e.target))this.icCheck.emit({value:this.value})}disconnectedCallback(){n(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,b)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;d(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=l(this.el,b);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.getAdditionalField();if(!this.selected||this.disabled){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}additionalFieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}getAdditionalField(){const e=this.el.querySelector('ic-text-field[slot="additional-field"]');if(e)e.hiddenInput=false;return e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,groupLabel:n,handleClick:c,handleKeyDown:d,hasAdditionalField:s,label:l,name:p,selected:u,value:m,theme:v}=this;const f=`ic-radio-option-${h(l)||m}-${n}`;return t(a,{onClick:c,onKeyDown:d,class:{["ic-radio-option-disabled"]:i,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{class:{container:true,disabled:i}},t("div",null,t("input",{tabindex:u?"0":"-1",type:"radio",name:p,id:f,value:m,disabled:i?true:null,checked:u,ref:e=>this.radioElement=e,form:r}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:f},l))),s&&t("div",{class:{"dynamic-container":true,hidden:e==="dynamic"&&!u}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:b})))))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};u.style=p;export{u as ic_radio_option};
2
+ //# sourceMappingURL=p-e1f8d915.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icRadioOptionCss","ADDITIONAL_FIELD","RadioOption","this","defaultRadioValue","hasAdditionalField","skipFocus","handleClick","event","clickedAdditionalField","target","matches","disabled","radioElement","stopPropagation","focus","value","_a","getAdditionalField","icCheck","emit","handleKeyDown","preventPropagationElements","document","activeElement","includes","nodeName","handleFormReset","selected","initiallySelected","watchDisabledHandler","removeDisabledFalse","el","watchSelectedHandler","icSelectedChange","handleCheck","ev","additionalFieldDisplay","Array","from","querySelectorAll","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","additionalField","setAttribute","removeAttribute","additionalFieldValueHandler","detail","stopImmediatePropagation","setFocus","setTabIndex","tabIndex","querySelector","hiddenInput","render","dynamicText","form","groupLabel","label","name","theme","id","isPropDefined","h","Host","onClick","onKeyDown","class","container","tabindex","type","checked","ref","variant","htmlFor","hidden"],"sources":["src/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option","src/components/ic-radio-option/ic-radio-option.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\nic-radio-option {\n display: flex;\n flex-direction: column;\n width: fit-content;\n}\n\n.additional-field-wrapper [slot=\"additional-field\"] {\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled */\nic-radio-option.ic-radio-option-disabled,\nic-radio-option.ic-radio-option-disabled .radio-label {\n --ic-typography-color: var(--ic-radio-button-text-option-disabled);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n.container:hover input:focus + span.checkmark,\n.container:active input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n display: grid;\n grid-template-columns: min-content auto;\n position: relative;\n cursor: pointer;\n align-items: center;\n margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: inline-block;\n position: absolute;\n cursor: pointer;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n border-radius: 50%;\n border: none;\n}\n\n/* Create a custom radio button */\n.checkmark {\n display: block;\n position: relative;\n top: 0;\n left: 0;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n background-color: var(--ic-radio-button-background-default);\n border: var(--ic-space-1px) solid var(--ic-radio-button-border-default);\n border-radius: 50%;\n transition: var(--ic-easing-transition-fast);\n box-sizing: border-box;\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n border: var(--ic-border-width) solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover input:checked ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n border: 0.125rem solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover:not(.disabled) input:checked ~ .checkmark::after {\n background-color: var(--ic-radio-button-default-hover);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n border: var(--ic-border-width) solid var(--ic-radio-button-default-pressed);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-default-pressed);\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n background-color: var(--ic-radio-button-default-pressed);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-default-active);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n border: var(--ic-border-width) dashed var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n background: var(--ic-radio-button-disabled);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n box-shadow: none;\n border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n background-color: var(--ic-radio-button-disabled);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n content: \"\";\n position: absolute;\n display: none;\n top: calc(50% - var(--ic-space-xs));\n left: calc(50% - var(--ic-space-xs));\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n border-radius: 50%;\n background: var(--ic-radio-button-default-active);\n}\n\n.radio-label {\n margin-left: var(--ic-space-md);\n --ic-typography-color: var(--ic-radio-button-text-option);\n}\n\n.additional-field-wrapper {\n margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n color: var(--ic-radio-button-required-bar);\n height: var(--ic-space-md);\n width: var(--ic-space-xl);\n border-radius: 0 0 0 0.188rem;\n border-bottom: 0.125rem solid var(--ic-radio-button-required-bar);\n border-left: 0.125rem solid var(--ic-radio-button-required-bar);\n margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n display: flex;\n position: relative;\n margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n gap: var(--ic-space-xs);\n}\n\n.dynamic-container.hidden {\n display: none;\n}\n\n.dynamic-text {\n color: var(--ic-radio-button-required-text);\n\n --ic-typography-color: var(--ic-radio-button-required-text);\n\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-bottom: var(--ic-space-xs);\n border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n ic-text-field {\n --input-width: 100%;\n }\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n\n .container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark {\n border-color: Highlight;\n }\n\n .container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after {\n background-color: Highlight;\n }\n\n .container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark {\n border-color: GrayText;\n }\n\n .container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after {\n background-color: GrayText;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n Listen,\n State,\n Method,\n Watch,\n} from \"@stencil/core\";\nimport {\n IcAdditionalFieldTypes,\n IcThemeMode,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport {\n onComponentRequiredPropUndefined,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n isPropDefined,\n isSlotUsed,\n slotHasContent,\n} from \"../../utils/helpers\";\n\nconst ADDITIONAL_FIELD = \"additional-field\";\n\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\n@Component({\n tag: \"ic-radio-option\",\n styleUrl: \"ic-radio-option.css\",\n})\nexport class RadioOption {\n private defaultRadioValue: string = \"\";\n private hasAdditionalField: boolean = false;\n private radioElement: HTMLInputElement;\n private skipFocus = false;\n\n @Element() el: HTMLIcRadioOptionElement;\n\n /**\n * The style of additionalField that will be displayed if used.\n */\n @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n \"static\";\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * The text to be displayed when dynamic.\n */\n @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n /**\n * The <form> element to associate the radio with.\n */\n @Prop() form?: string;\n\n /**\n * The group label for the radio option.\n */\n @Prop() groupLabel: string;\n\n /**\n * The label for the radio option.\n */\n @Prop() label?: string;\n\n /**\n * The name for the radio option.\n */\n @Prop() name: string;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * The value for the radio option.\n */\n @Prop({ mutable: true }) value!: string;\n\n /**\n * If `true`, the radio option will be displayed in a selected state.\n */\n @Prop({ reflect: true, mutable: true }) selected?: boolean = false;\n @State() initiallySelected = this.selected;\n\n @Watch(\"selected\")\n watchSelectedHandler(): void {\n this.icSelectedChange.emit();\n }\n\n /**\n * Emitted when the radio option is selected.\n */\n @Event() icCheck: EventEmitter<IcValueEventDetail>;\n @Listen(\"icCheck\")\n handleCheck(ev: CustomEvent<IcValueEventDetail>): void {\n if (\n this.additionalFieldDisplay === \"static\" &&\n Array.from(this.el.querySelectorAll(\"ic-radio-option\")).includes(\n ev.target as HTMLIcRadioOptionElement\n )\n )\n this.icCheck.emit({ value: this.value });\n }\n\n /**\n * Emitted when the radio option is selected or deselected.\n */\n @Event() icSelectedChange: EventEmitter<void>;\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n\n componentWillLoad(): void {\n if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n this.hasAdditionalField = true;\n this.getAdditionalField();\n }\n\n this.defaultRadioValue = this.value;\n\n addFormResetListener(this.el, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.value, propName: \"value\" }],\n \"Radio Option\"\n );\n }\n\n componentWillRender(): void {\n const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);\n if (hasSlot && !this.hasAdditionalField) {\n this.hasAdditionalField = true;\n this.getAdditionalField();\n } else if (!hasSlot && this.hasAdditionalField) {\n this.hasAdditionalField = false;\n }\n }\n\n componentDidRender(): void {\n if (this.additionalFieldDisplay === \"static\") {\n const additionalField = this.getAdditionalField();\n if (!this.selected || this.disabled) {\n additionalField?.setAttribute(\"disabled\", \"\");\n } else {\n additionalField?.removeAttribute(\"disabled\");\n }\n }\n }\n\n @Listen(\"icChange\")\n additionalFieldValueHandler(event: CustomEvent<{ value: string }>): void {\n if (this.selected) {\n this.value = event.detail.value || this.defaultRadioValue;\n this.icCheck.emit({\n value: this.value,\n });\n }\n\n event.stopImmediatePropagation();\n }\n\n /**\n * Sets focus on the radio option.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.radioElement?.focus();\n }\n\n /**\n * @internal Sets the tabIndex of the radio option.\n */\n @Method()\n async setTabIndex(value: number): Promise<void> {\n this.radioElement.tabIndex = value;\n }\n\n private getAdditionalField(): HTMLIcTextFieldElement {\n const additionalField = this.el.querySelector(\n 'ic-text-field[slot=\"additional-field\"]'\n ) as HTMLIcTextFieldElement;\n if (additionalField) additionalField.hiddenInput = false;\n return additionalField;\n }\n\n private handleClick = (event: MouseEvent) => {\n const clickedAdditionalField = (event.target as Element).matches(\n \".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)\"\n );\n\n if (\n !this.disabled &&\n (!clickedAdditionalField || event.target === this.radioElement)\n ) {\n event.stopPropagation();\n if (this.skipFocus === false) {\n this.radioElement.focus();\n }\n this.skipFocus = false;\n\n if (this.hasAdditionalField) {\n this.value = this.getAdditionalField()?.value || this.defaultRadioValue;\n }\n\n this.icCheck.emit({\n value: this.value,\n });\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const preventPropagationElements = [\"IC-DATE-INPUT\", \"IC-DATE-PICKER\"];\n\n if (\n this.getAdditionalField() == document.activeElement &&\n preventPropagationElements.includes(this.getAdditionalField().nodeName)\n ) {\n event.stopPropagation();\n }\n };\n\n private handleFormReset = (): void => {\n this.skipFocus = true;\n this.selected = this.initiallySelected;\n };\n\n render() {\n const {\n additionalFieldDisplay,\n disabled,\n dynamicText,\n form,\n groupLabel,\n handleClick,\n handleKeyDown,\n hasAdditionalField,\n label,\n name,\n selected,\n value,\n theme,\n } = this;\n\n const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n\n return (\n <Host\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n class={{\n [\"ic-radio-option-disabled\"]: disabled,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <div class={{ container: true, disabled }}>\n <div>\n <input\n tabindex={selected ? \"0\" : \"-1\"}\n type=\"radio\"\n name={name}\n id={id}\n value={value}\n disabled={disabled ? true : null}\n checked={selected}\n ref={(el) => (this.radioElement = el)}\n form={form}\n ></input>\n <span class=\"checkmark\"></span>\n </div>\n <ic-typography class=\"radio-label\" variant=\"body\">\n <label htmlFor={id}>{label}</label>\n </ic-typography>\n </div>\n\n {hasAdditionalField && (\n <div\n class={{\n \"dynamic-container\": true,\n hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n }}\n >\n {additionalFieldDisplay === \"dynamic\" && (\n <div class=\"branch-corner\"></div>\n )}\n <div>\n {additionalFieldDisplay === \"dynamic\" && (\n <ic-typography variant=\"caption\">\n <p class=\"dynamic-text\">{dynamicText}</p>\n </ic-typography>\n )}\n <div\n class={{\n \"additional-field-wrapper\":\n additionalFieldDisplay === \"static\",\n }}\n >\n <slot name={ADDITIONAL_FIELD}></slot>\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"yIAAA,MAAMA,EAAmB,q0NC4BzB,MAAMC,EAAmB,mB,MASZC,EAAW,M,6GACdC,KAAAC,kBAA4B,GAC5BD,KAAAE,mBAA8B,MAE9BF,KAAAG,UAAY,MAsKZH,KAAAI,YAAeC,I,MACrB,MAAMC,EAA0BD,EAAME,OAAmBC,QACvD,8GAGF,IACGR,KAAKS,YACJH,GAA0BD,EAAME,SAAWP,KAAKU,cAClD,CACAL,EAAMM,kBACN,GAAIX,KAAKG,YAAc,MAAO,CAC5BH,KAAKU,aAAaE,O,CAEpBZ,KAAKG,UAAY,MAEjB,GAAIH,KAAKE,mBAAoB,CAC3BF,KAAKa,QAAQC,EAAAd,KAAKe,wBAAoB,MAAAD,SAAA,SAAAA,EAAED,QAASb,KAAKC,iB,CAGxDD,KAAKgB,QAAQC,KAAK,CAChBJ,MAAOb,KAAKa,O,GAKVb,KAAAkB,cAAiBb,IACvB,MAAMc,EAA6B,CAAC,gBAAiB,kBAErD,GACEnB,KAAKe,sBAAwBK,SAASC,eACtCF,EAA2BG,SAAStB,KAAKe,qBAAqBQ,UAC9D,CACAlB,EAAMM,iB,GAIFX,KAAAwB,gBAAkB,KACxBxB,KAAKG,UAAY,KACjBH,KAAKyB,SAAWzB,KAAK0B,iBAAiB,E,4BApMtC,S,cAK2B,M,iBASC,6C,kGAyBA,U,mCAU+B,M,uBAChC1B,KAAKyB,Q,CA3ClC,oBAAAE,GACEC,EAAoB5B,KAAKS,SAAUT,KAAK6B,G,CA6C1C,oBAAAC,GACE9B,KAAK+B,iBAAiBd,M,CAQxB,WAAAe,CAAYC,GACV,GACEjC,KAAKkC,yBAA2B,UAChCC,MAAMC,KAAKpC,KAAK6B,GAAGQ,iBAAiB,oBAAoBf,SACtDW,EAAG1B,QAGLP,KAAKgB,QAAQC,KAAK,CAAEJ,MAAOb,KAAKa,O,CAQpC,oBAAAyB,GACEC,EAAwBvC,KAAK6B,GAAI7B,KAAKwB,gB,CAGxC,iBAAAgB,GACE,GAAIC,EAAWzC,KAAK6B,GAAI/B,GAAmB,CACzCE,KAAKE,mBAAqB,KAC1BF,KAAKe,oB,CAGPf,KAAKC,kBAAoBD,KAAKa,MAE9B6B,EAAqB1C,KAAK6B,GAAI7B,KAAKwB,iBAEnCI,EAAoB5B,KAAKS,SAAUT,KAAK6B,G,CAG1C,gBAAAc,GACEC,EACE,CAAC,CAAEC,KAAM7C,KAAKa,MAAOiC,SAAU,UAC/B,e,CAIJ,mBAAAC,GACE,MAAMC,EAAUC,EAAejD,KAAK6B,GAAI/B,GACxC,GAAIkD,IAAYhD,KAAKE,mBAAoB,CACvCF,KAAKE,mBAAqB,KAC1BF,KAAKe,oB,MACA,IAAKiC,GAAWhD,KAAKE,mBAAoB,CAC9CF,KAAKE,mBAAqB,K,EAI9B,kBAAAgD,GACE,GAAIlD,KAAKkC,yBAA2B,SAAU,CAC5C,MAAMiB,EAAkBnD,KAAKe,qBAC7B,IAAKf,KAAKyB,UAAYzB,KAAKS,SAAU,CACnC0C,IAAe,MAAfA,SAAe,SAAfA,EAAiBC,aAAa,WAAY,G,KACrC,CACLD,IAAe,MAAfA,SAAe,SAAfA,EAAiBE,gBAAgB,W,GAMvC,2BAAAC,CAA4BjD,GAC1B,GAAIL,KAAKyB,SAAU,CACjBzB,KAAKa,MAAQR,EAAMkD,OAAO1C,OAASb,KAAKC,kBACxCD,KAAKgB,QAAQC,KAAK,CAChBJ,MAAOb,KAAKa,O,CAIhBR,EAAMmD,0B,CAOR,cAAMC,G,OACJ3C,EAAAd,KAAKU,gBAAY,MAAAI,SAAA,SAAAA,EAAEF,O,CAOrB,iBAAM8C,CAAY7C,GAChBb,KAAKU,aAAaiD,SAAW9C,C,CAGvB,kBAAAE,GACN,MAAMoC,EAAkBnD,KAAK6B,GAAG+B,cAC9B,0CAEF,GAAIT,EAAiBA,EAAgBU,YAAc,MACnD,OAAOV,C,CA4CT,MAAAW,GACE,MAAM5B,uBACJA,EAAsBzB,SACtBA,EAAQsD,YACRA,EAAWC,KACXA,EAAIC,WACJA,EAAU7D,YACVA,EAAWc,cACXA,EAAahB,mBACbA,EAAkBgE,MAClBA,EAAKC,KACLA,EAAI1C,SACJA,EAAQZ,MACRA,EAAKuD,MACLA,GACEpE,KAEJ,MAAMqE,EAAK,mBAAmBC,EAAcJ,IAAUrD,KAASoD,IAE/D,OACEM,EAACC,EAAI,CACHC,QAASrE,EACTsE,UAAWxD,EACXyD,MAAO,CACL,CAAC,4BAA6BlE,EAC9B,CAAC,YAAY2D,KAAUA,IAAU,YAGnCG,EAAA,OAAKI,MAAO,CAAEC,UAAW,KAAMnE,aAC7B8D,EAAA,WACEA,EAAA,SACEM,SAAUpD,EAAW,IAAM,KAC3BqD,KAAK,QACLX,KAAMA,EACNE,GAAIA,EACJxD,MAAOA,EACPJ,SAAUA,EAAW,KAAO,KAC5BsE,QAAStD,EACTuD,IAAMnD,GAAQ7B,KAAKU,aAAemB,EAClCmC,KAAMA,IAERO,EAAA,QAAMI,MAAM,eAEdJ,EAAA,iBAAeI,MAAM,cAAcM,QAAQ,QACzCV,EAAA,SAAOW,QAASb,GAAKH,KAIxBhE,GACCqE,EAAA,OACEI,MAAO,CACL,oBAAqB,KACrBQ,OAAQjD,IAA2B,YAAcT,IAGlDS,IAA2B,WAC1BqC,EAAA,OAAKI,MAAM,kBAEbJ,EAAA,WACGrC,IAA2B,WAC1BqC,EAAA,iBAAeU,QAAQ,WACrBV,EAAA,KAAGI,MAAM,gBAAgBZ,IAG7BQ,EAAA,OACEI,MAAO,CACL,2BACEzC,IAA2B,WAG/BqC,EAAA,QAAMJ,KAAMrE,O"}
@@ -0,0 +1,2 @@
1
+ import{r as i,f as t,h as e,H as o,g as n}from"./p-6b5e91e2.js";import{O as s}from"./p-426ec638.js";import{w as l,v as r,h as c,I as a}from"./p-932f3e3c.js";const h='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}';const d=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(l.includes(i)){this.inheritedAttributes[i]=this.el.getAttribute(i);e=true}}));if(e){t(this)}};this.download=false;this.href=null;this.hreflang=undefined;this.monochrome=false;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=r(this.el,l);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i;(i=this.el.shadowRoot.querySelector("a"))===null||i===void 0?void 0:i.focus()}updateTheme(i=null){const t=c(this.el,i);if(t!==a.Default){this.monochrome=true;this.theme=t===a.Light?a.Dark:a.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:l,rel:r,target:c,monochrome:a,theme:h}=this;return e(o,{class:{["ic-link"]:true,[`ic-theme-${h}`]:h!=="inherit",["ic-link-monochrome"]:a}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:t!==null},download:i!==false?i:null,href:t,hrefLang:n,referrerPolicy:l,rel:r,target:c,tabindex:t!==null?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),c==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=h;export{d as ic_link};
2
+ //# sourceMappingURL=p-e4cb5585.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icLinkCss","Link","this","inheritedAttributes","hostMutationObserver","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","IC_INHERITED_ARIA","includes","el","getAttribute","forceUpdate","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","shadowRoot","querySelector","focus","theme","getBrandFromContext","IcBrandForegroundEnum","Default","monochrome","Light","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","download","href","hreflang","referrerpolicy","rel","target","h","Host","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew"],"sources":["src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n color: var(--ic-link-text);\n text-decoration: underline;\n font-weight: var(--ic-font-weight-bold);\n transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n outline: none;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n :host(.ic-link) .link:hover,\n :host(.ic-link) .link:focus,\n :host(.ic-link) ::slotted(a:hover),\n :host(.ic-link) ::slotted(a:focus) {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 10%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n vertical-align: middle;\n margin-left: var(--ic-space-xxs);\n}\n\n.link > .ic-link-open-in-new-icon {\n fill: var(--ic-link-icon-launch);\n}\n\n.ic-link-open-in-new-icon > svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n fill: currentcolor;\n}\n\n.link:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon {\n fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon {\n fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n display: var(--breadcrumb-link-display);\n align-items: var(--breadcrumb-link-align-items);\n gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n font-weight: normal;\n color: inherit;\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n outline: var(--ic-hc-focus-outline);\n text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n color: var(--ic-color-text-primary);\n}\n","import {\n Component,\n Element,\n Prop,\n h,\n Host,\n Listen,\n Method,\n forceUpdate,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n tag: \"ic-link\",\n styleUrl: \"ic-link.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Link {\n private inheritedAttributes: { [k: string]: string } = {};\n private routerSlot: HTMLElement;\n private hostMutationObserver: MutationObserver = null;\n\n @Element() el: HTMLIcLinkElement;\n\n /**\n * If `true`, the user can save the linked URL instead of navigating to it.\n */\n @Prop() download?: string | boolean = false;\n\n /**\n * The URL that the link points to.\n */\n @Prop() href?: string = null;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * If `true`, the link will display as black in the light theme, and white in the dark theme.\n */\n @Prop({ mutable: true }) monochrome?: boolean = false;\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n */\n @Prop() target?: string;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n componentWillLoad(): void {\n this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);\n this.updateTheme();\n this.el.setAttribute(\"exportparts\", \"link\");\n }\n\n componentDidLoad(): void {\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n this.updateTheme(detail.mode);\n }\n\n /**\n * Sets focus on the link.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.el.shadowRoot.querySelector(\"a\")?.focus();\n }\n\n private updateTheme(mode: IcBrandForeground = null): void {\n const theme = getBrandFromContext(this.el, mode);\n\n if (theme !== IcBrandForegroundEnum.Default) {\n this.monochrome = true;\n this.theme =\n theme === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n }\n\n private hasRouterSlot(): boolean {\n this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n if (this.routerSlot) {\n this.routerSlot.ariaLabel = this.routerSlot.textContent;\n }\n return !!this.routerSlot;\n }\n\n // triggered when attributes of host element change\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n if (IC_INHERITED_ARIA.includes(attributeName)) {\n this.inheritedAttributes[attributeName] =\n this.el.getAttribute(attributeName);\n forceComponentUpdate = true;\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n render() {\n const {\n download,\n href,\n hreflang,\n referrerpolicy,\n rel,\n target,\n monochrome,\n theme,\n } = this;\n\n return (\n <Host\n class={{\n [\"ic-link\"]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [\"ic-link-monochrome\"]: monochrome,\n }}\n >\n {this.hasRouterSlot() ? (\n <slot name=\"router-item\"></slot>\n ) : (\n <a\n class={{\n [\"link\"]: href !== null,\n }}\n download={download !== false ? download : null}\n href={href}\n hrefLang={hreflang}\n referrerPolicy={referrerpolicy}\n rel={rel}\n target={target}\n tabindex={href !== null ? \"0\" : \"-1\"}\n {...this.inheritedAttributes}\n part=\"link\"\n >\n <slot />\n {target === \"_blank\" && (\n <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n )}\n </a>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"6JAAA,MAAMA,EAAY,oxL,MCgCLC,EAAI,M,yBACPC,KAAAC,oBAA+C,GAE/CD,KAAAE,qBAAyC,KA+FzCF,KAAAG,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIC,EAAkBC,SAASF,GAAgB,CAC7CP,KAAKC,oBAAoBM,GACvBP,KAAKU,GAAGC,aAAaJ,GACvBF,EAAuB,I,KAG3B,GAAIA,EAAsB,CACxBO,EAAYZ,K,iBAlGsB,M,UAKd,K,wCAUwB,M,kFAoBD,S,CAE/C,iBAAAa,GACEb,KAAKC,oBAAsBa,EAAkBd,KAAKU,GAAIF,GACtDR,KAAKe,cACLf,KAAKU,GAAGM,aAAa,cAAe,O,CAGtC,gBAAAC,GACEjB,KAAKE,qBAAuB,IAAIgB,iBAAiBlB,KAAKG,sBACtDH,KAAKE,qBAAqBiB,QAAQnB,KAAKU,GAAI,CACzCU,WAAY,M,CAIhB,oBAAAC,G,OACEC,EAAAtB,KAAKE,wBAAoB,MAAAoB,SAAA,SAAAA,EAAEC,Y,CAI7B,kBAAAC,EAAmBC,OAAEA,IACnBzB,KAAKe,YAAYU,EAAOC,K,CAO1B,cAAMC,G,OACJL,EAAAtB,KAAKU,GAAGkB,WAAWC,cAAc,QAAI,MAAAP,SAAA,SAAAA,EAAEQ,O,CAGjC,WAAAf,CAAYW,EAA0B,MAC5C,MAAMK,EAAQC,EAAoBhC,KAAKU,GAAIgB,GAE3C,GAAIK,IAAUE,EAAsBC,QAAS,CAC3ClC,KAAKmC,WAAa,KAClBnC,KAAK+B,MACHA,IAAUE,EAAsBG,MAC5BH,EAAsBI,KACtBJ,EAAsBG,K,EAIxB,aAAAE,GACNtC,KAAKuC,WAAavC,KAAKU,GAAGmB,cAAc,wBACxC,GAAI7B,KAAKuC,WAAY,CACnBvC,KAAKuC,WAAWC,UAAYxC,KAAKuC,WAAWE,W,CAE9C,QAASzC,KAAKuC,U,CAkBhB,MAAAG,GACE,MAAMC,SACJA,EAAQC,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMb,WACNA,EAAUJ,MACVA,GACE/B,KAEJ,OACEiD,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,WAAY,KACb,CAAC,YAAYpB,KAAUA,IAAU,UACjC,CAAC,sBAAuBI,IAGzBnC,KAAKsC,gBACJW,EAAA,QAAMG,KAAK,gBAEXH,EAAA,IAAAI,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,QAASP,IAAS,MAErBD,SAAUA,IAAa,MAAQA,EAAW,KAC1CC,KAAMA,EACNW,SAAUV,EACVW,eAAgBV,EAChBC,IAAKA,EACLC,OAAQA,EACRS,SAAUb,IAAS,KAAO,IAAM,MAC5B5C,KAAKC,oBAAmB,CAC5ByD,KAAK,SAELT,EAAA,aACCD,IAAW,UACVC,EAAA,QAAME,MAAM,2BAA2BQ,UAAWC,K"}
@@ -0,0 +1,2 @@
1
+ import{r as i,h as t,H as a,g as l}from"./p-6b5e91e2.js";import{b as e,X as r,Y as o,J as n,Z as s,_ as c,S as p}from"./p-932f3e3c.js";const u="ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";const d=class{constructor(t){i(this,t);this.disabled=false;this.for=undefined;this.helperText="";this.hideLabel=false;this.label=undefined;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true}componentDidLoad(){e([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:i,readonly:l,label:e,required:o,helperText:n,status:s,hideLabel:c,useLabelTag:p}=this;const u=o?e+" *":e;return t(a,{class:{"ic-input-label-disabled":i,"ic-input-label-readonly":l,"with-helper":n!==""}},!c&&t("ic-typography",{variant:"label",class:{"readonly-label":l,"error-label":s==="error"&&!(l||i)}},l||!p?`${u}`:t("label",{htmlFor:this.for},u)),n!==""&&t("ic-typography",{variant:"caption",class:{helpertext:true,"helpertext-normal":!i&&!l,"helpertext-readonly":l}},t("span",{id:r(this.for)},n)))}};d.style=u;const h="ic-input-validation{width:var(--input-width, 20rem);margin-top:var(--ic-space-xs);display:flex}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );--ic-typography-color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n )}";const v={[n.Warning]:s,[n.Error]:c,[n.Success]:p};const b=class{constructor(t){i(this,t);this.ariaLiveMode="polite";this.for=undefined;this.fullWidth=false;this.message=undefined;this.status=""}componentDidLoad(){e([{prop:this.message,propName:"message"}],"Input Validation")}render(){const{ariaLiveMode:i,fullWidth:l,status:e,message:r}=this;const n=e!==""?v[e]:"";return t(a,{class:{[`ic-input-validation-${e}`]:e!=="","ic-input-validation-full-width":l}},n!==""&&t("span",{class:{"status-icon":true,[`icon-${e}`]:true},innerHTML:n}),t("ic-typography",{variant:"caption",class:"statustext"},t("span",{"aria-live":i,id:o(this.for)},r)),t("slot",{name:"validation-message-adornment"}))}get el(){return l(this)}};b.style=h;export{d as ic_input_label,b as ic_input_validation};
2
+ //# sourceMappingURL=p-f073fc69.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icInputLabelCss","InputLabel","componentDidLoad","onComponentRequiredPropUndefined","prop","this","label","propName","render","disabled","readonly","required","helperText","status","hideLabel","useLabelTag","labelText","h","Host","class","variant","htmlFor","for","helpertext","id","getInputHelperTextID","icInputValidationCss","icon","IcInformationStatus","Warning","warningIcon","Error","errorIcon","Success","successIcon","InputValidation","message","ariaLiveMode","fullWidth","displayIcon","innerHTML","getInputValidationTextID","name"],"sources":["src/components/ic-input-label/ic-input-label.css?tag=ic-input-label","src/components/ic-input-label/ic-input-label.tsx","src/components/ic-input-validation/ic-input-validation.css?tag=ic-input-validation","src/components/ic-input-validation/ic-input-validation.tsx"],"sourcesContent":["ic-input-label {\n margin-bottom: var(--ic-space-xs);\n\n --ic-typography-color: var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n );\n}\n\nic-input-label.with-helper {\n margin-bottom: var(--ic-space-xxxs);\n}\n\nic-input-label.ic-input-label-readonly {\n --ic-typography-color: var(--ic-input-label-readonly-typography-color);\n}\n\nic-input-label .helpertext {\n margin-top: var(--ic-space-xxxs);\n padding-bottom: var(--ic-input-label-helpertext-padding, 0);\n\n --ic-typography-color: var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n );\n}\n\nic-input-label .helpertext-normal {\n --ic-typography-color: var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n );\n}\n\nic-input-label .helpertext-readonly {\n --ic-typography-color: var(--ic-input-label-readonly-helpertext-color);\n}\n\nic-input-label .readonly-label {\n --ic-typography-color: var(--ic-input-label-readonly-label-color);\n}\n\nic-input-label .error-label {\n --ic-typography-color: var(--ic-input-label-error-label-color);\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\nimport {\n getInputHelperTextID,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\n@Component({\n tag: \"ic-input-label\",\n styleUrl: \"./ic-input-label.css\",\n})\nexport class InputLabel {\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * The ID of the form element the label is bound to.\n */\n @Prop() for: string;\n\n /**\n * The helper text that will be displayed.\n */\n @Prop() helperText: string = \"\";\n\n /**\n * The label will be visually hidden.\n */\n @Prop() hideLabel: boolean = false;\n\n /**\n * The text content of the label.\n */\n @Prop() label!: string;\n\n /**\n * If `true`, the readonly state will be set.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * If `true`, the input label will require a value.\n */\n @Prop() required: boolean = false;\n\n /**\n * The status of the label - e.g. 'error'.\n */\n @Prop() status: \"error\" | \"\" = \"\";\n\n /**\n * @internal If `true`, wraps label text in label tag\n */\n @Prop() useLabelTag: boolean = true;\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Input Label\"\n );\n }\n\n render() {\n const {\n disabled,\n readonly,\n label,\n required,\n helperText,\n status,\n hideLabel,\n useLabelTag,\n } = this;\n const labelText = required ? label + \" *\" : label;\n\n return (\n <Host\n class={{\n \"ic-input-label-disabled\": disabled,\n \"ic-input-label-readonly\": readonly,\n \"with-helper\": helperText !== \"\",\n }}\n >\n {!hideLabel && (\n <ic-typography\n variant=\"label\"\n class={{\n \"readonly-label\": readonly,\n \"error-label\": status === \"error\" && !(readonly || disabled),\n }}\n >\n {readonly || !useLabelTag ? (\n `${labelText}`\n ) : (\n <label htmlFor={this.for}>{labelText}</label>\n )}\n </ic-typography>\n )}\n\n {helperText !== \"\" && (\n <ic-typography\n variant=\"caption\"\n class={{\n helpertext: true,\n \"helpertext-normal\": !disabled && !readonly,\n \"helpertext-readonly\": readonly,\n }}\n >\n <span id={getInputHelperTextID(this.for)}>{helperText}</span>\n </ic-typography>\n )}\n </Host>\n );\n }\n}\n","ic-input-validation {\n width: var(--input-width, 20rem);\n margin-top: var(--ic-space-xs);\n display: flex;\n}\n\nic-input-validation.ic-input-validation-full-width {\n width: 100%;\n}\n\nic-input-validation span.status-icon {\n padding-right: var(--ic-space-xxs);\n}\n\nic-input-validation span.status-icon > svg {\n height: 1.25rem;\n width: 1.25rem;\n}\n\nic-input-validation span.icon-success > svg {\n fill: var(--ic-input-validation-success-icon-color);\n}\n\nic-input-validation span.icon-error > svg {\n fill: var(--ic-input-validation-error, var(--ic-atoms-status-icon-error));\n}\n\nic-input-validation span.icon-warning > svg {\n fill: var(--ic-input-validation-warning-icon-color);\n}\n\nic-input-validation .statustext {\n flex-grow: 1;\n color: var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );\n\n --ic-typography-color: var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );\n}\n","import { Element, Component, Host, Prop, h } from \"@stencil/core\";\n\nimport {\n IcInformationStatus,\n IcInformationStatusOrEmpty,\n} from \"../../utils/types\";\nimport errorIcon from \"../../assets/error-icon.svg\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon.svg\";\n\nimport {\n getInputValidationTextID,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport { IcAriaLiveModeVariants } from \"./ic-input-validation.types\";\n\nconst icon = {\n [IcInformationStatus.Warning]: warningIcon,\n [IcInformationStatus.Error]: errorIcon,\n [IcInformationStatus.Success]: successIcon,\n};\n\n/**\n * @slot validation-message-adornment - Content will be placed to the right of the validation message.\n */\n@Component({\n tag: \"ic-input-validation\",\n styleUrl: \"ic-input-validation.css\",\n})\nexport class InputValidation {\n @Element() el: HTMLIcInputValidationElement;\n\n /**\n * The ARIA live mode to apply to the message.\n */\n @Prop() ariaLiveMode: IcAriaLiveModeVariants = \"polite\";\n\n /**\n * The ID of the form element the validation is bound to.\n */\n @Prop() for: string;\n\n /**\n * If `true`, the input validation will fill the width of the container.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * The validation message to display.\n */\n @Prop() message!: string;\n\n /**\n * The status of the validation - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() status: IcInformationStatusOrEmpty = \"\";\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.message, propName: \"message\" }],\n \"Input Validation\"\n );\n }\n\n render() {\n const { ariaLiveMode, fullWidth, status, message } = this;\n const displayIcon = status !== \"\" ? icon[status] : \"\";\n return (\n <Host\n class={{\n [`ic-input-validation-${status}`]: status !== \"\",\n \"ic-input-validation-full-width\": fullWidth,\n }}\n >\n {displayIcon !== \"\" && (\n <span\n class={{\n \"status-icon\": true,\n [`icon-${status}`]: true,\n }}\n innerHTML={displayIcon}\n />\n )}\n\n <ic-typography variant=\"caption\" class=\"statustext\">\n <span\n aria-live={ariaLiveMode}\n id={getInputValidationTextID(this.for)}\n >\n {message}\n </span>\n </ic-typography>\n\n <slot name=\"validation-message-adornment\"></slot>\n </Host>\n );\n }\n}\n"],"mappings":"uIAAA,MAAMA,EAAkB,w9B,MCWXC,EAAU,M,uCAIO,M,mCAUC,G,eAKA,M,mCAUD,M,cAKA,M,YAKG,G,iBAKA,I,CAE/B,gBAAAC,GACEC,EACE,CAAC,CAAEC,KAAMC,KAAKC,MAAOC,SAAU,UAC/B,c,CAIJ,MAAAC,GACE,MAAMC,SACJA,EAAQC,SACRA,EAAQJ,MACRA,EAAKK,SACLA,EAAQC,WACRA,EAAUC,OACVA,EAAMC,UACNA,EAASC,YACTA,GACEV,KACJ,MAAMW,EAAYL,EAAWL,EAAQ,KAAOA,EAE5C,OACEW,EAACC,EAAI,CACHC,MAAO,CACL,0BAA2BV,EAC3B,0BAA2BC,EAC3B,cAAeE,IAAe,MAG9BE,GACAG,EAAA,iBACEG,QAAQ,QACRD,MAAO,CACL,iBAAkBT,EAClB,cAAeG,IAAW,WAAaH,GAAYD,KAGpDC,IAAaK,EAAW,GACpBC,IAEHC,EAAA,SAAOI,QAAShB,KAAKiB,KAAMN,IAKhCJ,IAAe,IACdK,EAAA,iBACEG,QAAQ,UACRD,MAAO,CACLI,WAAY,KACZ,qBAAsBd,IAAaC,EACnC,sBAAuBA,IAGzBO,EAAA,QAAMO,GAAIC,EAAqBpB,KAAKiB,MAAOV,I,aC9GvD,MAAMc,EAAuB,o1BCgB7B,MAAMC,EAAO,CACX,CAACC,EAAoBC,SAAUC,EAC/B,CAACF,EAAoBG,OAAQC,EAC7B,CAACJ,EAAoBK,SAAUC,G,MAUpBC,EAAe,M,2CAMqB,S,kCAUlB,M,mCAUgB,E,CAE7C,gBAAAjC,GACEC,EACE,CAAC,CAAEC,KAAMC,KAAK+B,QAAS7B,SAAU,YACjC,mB,CAIJ,MAAAC,GACE,MAAM6B,aAAEA,EAAYC,UAAEA,EAASzB,OAAEA,EAAMuB,QAAEA,GAAY/B,KACrD,MAAMkC,EAAc1B,IAAW,GAAKc,EAAKd,GAAU,GACnD,OACEI,EAACC,EAAI,CACHC,MAAO,CACL,CAAC,uBAAuBN,KAAWA,IAAW,GAC9C,iCAAkCyB,IAGnCC,IAAgB,IACftB,EAAA,QACEE,MAAO,CACL,cAAe,KACf,CAAC,QAAQN,KAAW,MAEtB2B,UAAWD,IAIftB,EAAA,iBAAeG,QAAQ,UAAUD,MAAM,cACrCF,EAAA,oBACaoB,EACXb,GAAIiB,EAAyBpC,KAAKiB,MAEjCc,IAILnB,EAAA,QAAMyB,KAAK,iC"}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as o,f as i,h as n,H as r,g as a}from"./p-6b5e91e2.js";import{w as e,r as c,v as s,$ as d,h,I as u,i as l,b}from"./p-932f3e3c.js";import{c as m}from"./p-68a5aaff.js";const v=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(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{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-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{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{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(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{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';var g=undefined&&undefined.__rest||function(t,o){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(t);r<n.length;r++){if(o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r]))i[n[r]]=t[n[r]]}return i};let y=0;const f=class{constructor(n){t(this,n);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=y++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.describedById=null;this.mutationObserver=null;this.hostMutationObserver=null;this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&!!this.el.closest("FORM")){const t=document.createElement("button");t.setAttribute("type",this.el.type);t.style.display="none";this.el.closest("FORM").appendChild(t);t.click();t.remove()}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.mutationCallback=()=>{this.describedByContent=this.describedbyEl.innerText};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{const i=this.el.getAttribute(t);if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(e.includes(t)){this.inheritedAttributes[t]=i;o=true}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.ariaLabel=null;this.describedByContent=null;this.title=null;this.accept="*";this.ariaControlsId=undefined;this.ariaOwnsId=undefined;this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${y++}`;this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.fullWidth=false;this.href=undefined;this.hreflang=undefined;this.loading=false;this.monochrome=false;this.multiple=false;this.referrerpolicy=undefined;this.rel=undefined;this.selectedFiles=undefined;this.size="medium";this.target=undefined;this.theme="inherit";this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary"}watchDisabledHandler(){c(this.disabled,this.el)}disconnectedCallback(){if(this.mutationObserver!==null&&this.mutationObserver!==undefined){this.mutationObserver.disconnect()}if(this.hostMutationObserver!==null&&this.hostMutationObserver!==undefined){this.hostMutationObserver.disconnect()}}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=s(this.el,[...e,"title"]),{title:o,"aria-label":i}=t,n=g(t,["title","aria-label"]);this.title=o;this.ariaLabel=i;this.inheritedAttributes=n;c(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t!==undefined){this.describedById=t;const o=this.el.parentElement.querySelector(`#${t}`);if(o){this.describedByContent=o.innerText;this.describedbyEl=o}}}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}}componentWillRender(){const t=this.hasIconSlot("left")?this.el.querySelector(`[slot="left-icon"]`):this.hasIconSlot("right")?this.el.querySelector(`[slot="right-icon"]`):null;t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){d(this.icFileSelection,this.el,this.multiple,this.fileInputName,this.selectedFiles,this.disabled,this.accept)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){const o=this.el.shadowRoot.querySelector("ic-tooltip");if(await o.isTooltipVisible()){o.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasIconSlot(t){const o=t?`${t}-`:"";return this.el.querySelector(`[slot="${o}icon"]`)!==null}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=h(this.el,t);if(o!==u.Default){this.theme=o===u.Light?u.Dark:u.Light;this.monochrome=true}}render(){const t=this.href&&"a"||"button";const{title:o,ariaLabel:i,inheritedAttributes:a}=this;const e=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};let c=null;let s=null;if(this.hasTooltip){s=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;c=this.variant==="icon"&&!!i?null:`ic-tooltip-${s}`}else{c=this.describedById}const d=()=>n(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":i,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},e,a,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":c,part:"button"}),this.hasIconSlot("left")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"left-icon"})),this.hasIconSlot("top")&&!this.hasIconSlot("left")&&!this.hasIconSlot("right")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"top-icon"})),this.loading?n("div",{class:"loading-container"},n("ic-loading-indicator",{type:"linear",monochrome:this.monochrome,theme:this.theme})):n("slot",null),this.hasIconSlot("right")&&!this.loading&&!this.dropdown&&n("div",{class:{"icon-container":true,"right-icon":true}},n("slot",{name:"right-icon"})),this.dropdown&&!this.loading&&this.variant!=="icon"&&this.variant!=="destructive"&&n("span",{class:{["arrow-dropdown"]:!this.dropdownExpanded,["dropdown-expanded"]:this.dropdownExpanded},innerHTML:v}));return n(r,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit",[`monochrome`]:this.monochrome,["ic-button-disabled"]:this.disabled&&!this.loading,[`ic-button-variant-${this.variant}`]:true,[`ic-button-size-${this.size}`]:true,["ic-button-loading"]:this.loading,["ic-button-full-width"]:this.fullWidth,["with-badge"]:l(this.el,"badge"),["dropdown-no-icon"]:this.dropdown&&!l(this.el,"icon")&&!l(this.el,"left-icon"),["top-icon"]:l(this.el,"top-icon"),["background"]:this.variant==="secondary"&&!this.transparentBackground&&this.theme==="light"},onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&n("ic-tooltip",{id:c,label:o||i,target:s,placement:this.tooltipPlacement,silent:this.isIconVariant()&&!!i},this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),l(this.el,"badge")&&n("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),this.describedByContent&&n("span",{id:c,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};f.style=p;const k='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="medium"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const x=class{constructor(o){t(this,o);this.updateCircularProgressMeter=()=>{if(!this.indeterminate){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,o)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}o(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let o="h4";const i=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||this.type==="circular"&&i<60){o="label"}else if(this.size==="large"||this.type==="circular"&&i>=120){o="h2"}return o};this.setCircleLineWidth=()=>{const{offsetWidth:t}=this.outerElement;const o=this.el.classList.contains("compact-step-progress-indicator")?40:0;const i=this.el.classList.contains("toast-dismiss-timer")?20:0;if(t||o||i){this.circularLineWidth=(o||i||t)*.1;this.circularDiameter=o||i||t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}};this.setLinearDeterminateWidth=()=>{if(!this.innerElement)return;const t=Math.min(this.max,Math.max(this.min,this.progress));const o=(t-this.min)/(this.max-this.min);this.clipInnerElement=o>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${o*100}%`)};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(this.label!==undefined){if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const o=t;const i=t;const n=t-this.circularLineWidth/2;this.setDashSteps(n);return{x:o,y:i,r:n}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const o=2*Math.PI*t;const i=Math.min(Math.max(this.progress,this.min),this.max);const n=-1-(i-this.min)/(this.max-this.min);this.circularMeter.style.setProperty("--stroke-dasharray",`${o}px`);if(!this.indeterminate){this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${n*o}px`)}};this.circularDiameter=undefined;this.circularLineWidth=undefined;this.indeterminate=undefined;this.indicatorLabel=undefined;this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.innerLabel=undefined;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.type="circular";this.label=undefined;this.progress=undefined;this.theme="inherit"}watchPropHandler(){this.updateLabel()}watchProgressHandler(){if(this.type==="circular"){this.updateCircularProgressMeter()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.indeterminate=this.progress===undefined;this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=this.el.shadowRoot.querySelector(".ic-loading-circular-svg circle:nth-child(2)");this.updateCircularProgressMeter()}if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}componentWillUpdate(){this.indeterminate=this.progress===undefined}componentDidUpdate(){if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}render(){const{theme:t,label:o,description:i,size:a,fullWidth:e,innerLabel:c,monochrome:s}=this;const{x:d,y:h,r:u}=this.setCircleXY();return n(r,{class:{[`ic-theme-${t}`]:t!=="inherit","ic-loading-indicator-label":!!o,"ic-loading-indicator-full-width":e,"inner-label":!!c,"ic-loading-indicator-monochrome":s}},n("div",{class:"ic-loading-container",part:"ic-loading-container"},n("div",{ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":i,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},n("div",{ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&n("ic-typography",{variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&n("svg",{class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},n("circle",{cx:`${d}`,cy:`${h}`,r:`${u}`}),n("circle",{cx:`${d}`,cy:`${h}`,r:`${u}`})))),o&&a!=="icon"&&n("ic-typography",{id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},n("p",null,this.indicatorLabel))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};x.style=k;const w='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.on-dialog) .ic-tooltip-container{transform:translate(\n var(--tooltip-translate-x),\n var(--tooltip-translate-y)\n ) !important}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const z=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.dialogOverflow=false;this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.onDialog=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.getTooltipTranslate=t=>{const o=this.el.children[0].getBoundingClientRect();let i;let n;switch(this.placement){case"bottom":i=o.left-t.left-.5*o.width;n=o.bottom-t.top;break;case"bottom-start":i=o.left-t.left;n=o.bottom-t.top;break;case"bottom-end":i=o.right-t.right;n=o.bottom-t.top;break;case"top":i=o.left-t.left-.5*o.width;n=o.top-t.bottom;break;case"top-start":i=o.left-t.left;n=o.top-t.bottom;break;case"top-end":i=o.right-t.right;n=o.top-t.bottom;break;case"left":case"left-start":i=o.right-t.right-o.width;n=o.bottom-t.top-o.height;break;case"left-end":i=o.right-t.right-o.width;n=o.top-t.bottom+o.height;break;case"right":case"right-start":i=o.left-t.left+o.width;n=o.bottom-t.top-o.height;break;case"right-end":i=o.left-t.left+o.width;n=o.top-t.bottom+o.height;break}if(this.dialogOverflow&&i<0){if(this.placement.includes("top")||this.placement.includes("bottom")){this.toolTip.style.setProperty("--tooltip-arrow-translate",`${i}px`);i=o.left-t.left}if(this.placement.includes("left")){this.placement="right";i=o.left-t.left+o.width}}this.toolTip.style.setProperty("--tooltip-translate-x",`${i}px`);this.toolTip.style.setProperty("--tooltip-translate-y",`${n}px`)};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.onDialog){this.el.classList.add("on-dialog");const t=this.icDialogEl.shadowRoot.querySelector("dialog").getBoundingClientRect();this.getTooltipTranslate(t)}this.popperInstance=m(this.el,this.toolTip,Object.assign({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false;if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)};this.disableClick=false;this.disableHover=false;this.maxLines=undefined;this.placement="bottom";this.silent=false;this.target=undefined;this.theme="inherit";this.label=undefined;this.popperProps={}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t;this.manageEventListeners("add");this.icDialogEl=this.el.closest("ic-dialog");this.dialogOverflow=((t=this.icDialogEl)===null||t===void 0?void 0:t.getAttribute("data-overflow"))==="true";this.onDialog=this.icDialogEl!==null;b([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){const t=this.el.shadowRoot.querySelector(".ic-tooltip-container > ic-typography");this.maxLines>0&&t.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`)}async displayTooltip(t,o){this.persistTooltip=o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return n(r,{class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"}},n("div",{ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},n("ic-typography",{maxLines:o,variant:"caption"},t),n("div",{ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),n("slot",null))}get el(){return a(this)}};z.style=w;export{f as ic_button,x as ic_loading_indicator,z as ic_tooltip};
2
+ //# sourceMappingURL=p-f2d9eefe.entry.js.map