@ukic/web-components 3.0.0-alpha.12 → 3.0.0-alpha.14

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 (983) hide show
  1. package/dist/cjs/app-globals-3a1e7e63.js +7 -0
  2. package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
  3. package/dist/cjs/core.cjs.js +13 -11
  4. package/dist/cjs/core.cjs.js.map +1 -1
  5. package/dist/cjs/{helpers-eca4c27e.js → helpers-08a9ec1c.js} +31 -26
  6. package/dist/cjs/helpers-08a9ec1c.js.map +1 -0
  7. package/dist/cjs/ic-accordion-group.cjs.entry.js +31 -14
  8. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-accordion.cjs.entry.js +65 -42
  10. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-alert.cjs.entry.js +37 -16
  12. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-back-to-top.cjs.entry.js +27 -15
  14. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-badge.cjs.entry.js +41 -22
  16. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +31 -16
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +35 -21
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +304 -144
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card-vertical.cjs.entry.js +53 -32
  24. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox-group.cjs.entry.js +32 -9
  26. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox.cjs.entry.js +48 -29
  28. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-chip.cjs.entry.js +44 -23
  30. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-classification-banner.cjs.entry.js +20 -4
  32. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-data-list.cjs.entry.js +11 -5
  34. package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +28 -18
  36. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-dialog.cjs.entry.js +141 -98
  38. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-divider.cjs.entry.js +35 -15
  40. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-empty-state.cjs.entry.js +15 -9
  42. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-footer-link-group.cjs.entry.js +8 -8
  44. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-footer-link.cjs.entry.js +9 -10
  46. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-footer.cjs.entry.js +32 -19
  48. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-hero.cjs.entry.js +29 -17
  50. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +32 -20
  52. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +126 -68
  54. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-input-label_2.cjs.entry.js +45 -17
  56. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-link.cjs.entry.js +28 -21
  58. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-menu-group.cjs.entry.js +5 -5
  60. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-menu-item.cjs.entry.js +21 -19
  62. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-navigation-button.cjs.entry.js +25 -19
  64. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-navigation-group.cjs.entry.js +48 -27
  66. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-item.cjs.entry.js +69 -48
  68. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-navigation-menu.cjs.entry.js +54 -32
  70. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-page-header.cjs.entry.js +45 -25
  72. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-pagination-item.cjs.entry.js +27 -14
  74. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-pagination.cjs.entry.js +60 -27
  76. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-popover-menu.cjs.entry.js +58 -42
  78. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-radio-group.cjs.entry.js +53 -28
  80. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-radio-option.cjs.entry.js +35 -23
  82. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-search-bar.cjs.entry.js +153 -63
  84. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-section-container.cjs.entry.js +12 -5
  86. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-select.cjs.entry.js +234 -137
  88. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-side-navigation.cjs.entry.js +107 -71
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-skeleton.cjs.entry.js +11 -4
  92. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-skip-link.cjs.entry.js +55 -0
  94. package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -0
  95. package/dist/cjs/ic-status-tag.cjs.entry.js +26 -7
  96. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-step.cjs.entry.js +35 -33
  98. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-stepper.cjs.entry.js +50 -35
  100. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-switch.cjs.entry.js +50 -22
  102. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab-context.cjs.entry.js +44 -24
  104. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-tab-group.cjs.entry.js +14 -9
  106. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tab-panel.cjs.entry.js +12 -7
  108. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-tab.cjs.entry.js +21 -15
  110. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-text-field.cjs.entry.js +175 -69
  112. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-theme.cjs.entry.js +13 -7
  114. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-toast-region.cjs.entry.js +2 -3
  116. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-toast.cjs.entry.js +29 -21
  118. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +61 -29
  120. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  121. package/dist/cjs/ic-toggle-button.cjs.entry.js +81 -48
  122. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  123. package/dist/cjs/ic-top-navigation.cjs.entry.js +60 -31
  124. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  125. package/dist/cjs/ic-typography.cjs.entry.js +53 -27
  126. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  127. package/dist/cjs/index-d337cd8a.js +2611 -0
  128. package/dist/cjs/index-d337cd8a.js.map +1 -0
  129. package/dist/cjs/loader.cjs.js +5 -3
  130. package/dist/cjs/loader.cjs.js.map +1 -1
  131. package/dist/collection/collection-manifest.json +5 -4
  132. package/dist/collection/components/ic-accordion/ic-accordion.js +80 -46
  133. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  134. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +49 -21
  135. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  136. package/dist/collection/components/ic-alert/ic-alert.js +58 -22
  137. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  138. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +35 -16
  139. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  140. package/dist/collection/components/ic-badge/ic-badge.js +69 -32
  141. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  142. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +49 -24
  143. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  144. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +41 -19
  145. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  146. package/dist/collection/components/ic-button/ic-button.css +6 -8
  147. package/dist/collection/components/ic-button/ic-button.js +269 -98
  148. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  149. package/dist/collection/components/ic-button/ic-button.stories.js +179 -0
  150. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +88 -42
  151. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
  152. package/dist/collection/components/ic-checkbox/ic-checkbox.js +91 -45
  153. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  154. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +62 -20
  155. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  156. package/dist/collection/components/ic-chip/ic-chip.js +67 -30
  157. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  158. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +32 -7
  159. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  160. package/dist/collection/components/ic-data-list/ic-data-list.js +18 -7
  161. package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -1
  162. package/dist/collection/components/ic-data-row/ic-data-row.js +38 -21
  163. package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
  164. package/dist/collection/components/ic-dialog/ic-dialog.js +176 -110
  165. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  166. package/dist/collection/components/ic-dialog/ic-dialog.stories.js +100 -49
  167. package/dist/collection/components/ic-divider/ic-divider.js +55 -22
  168. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  169. package/dist/collection/components/ic-divider/ic-divider.stories.js +2 -2
  170. package/dist/collection/components/ic-empty-state/ic-empty-state.js +32 -13
  171. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
  172. package/dist/collection/components/ic-footer/ic-footer.js +49 -25
  173. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  174. package/dist/collection/components/ic-footer-link/ic-footer-link.js +24 -15
  175. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  176. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +6 -5
  177. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  178. package/dist/collection/components/ic-hero/ic-hero.css +1 -1
  179. package/dist/collection/components/ic-hero/ic-hero.js +54 -25
  180. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  181. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +40 -21
  182. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  183. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +9 -0
  184. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +55 -20
  185. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  186. package/dist/collection/components/ic-input-container/ic-input-container.js +16 -6
  187. package/dist/collection/components/ic-input-container/ic-input-container.js.map +1 -1
  188. package/dist/collection/components/ic-input-label/ic-input-label.js +48 -11
  189. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  190. package/dist/collection/components/ic-input-validation/ic-input-validation.js +31 -14
  191. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  192. package/dist/collection/components/ic-link/ic-link.js +49 -28
  193. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  194. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +124 -66
  195. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  196. package/dist/collection/components/ic-menu/ic-menu.js +136 -74
  197. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  198. package/dist/collection/components/ic-menu/ic-menu.types.js.map +1 -1
  199. package/dist/collection/components/ic-menu-group/ic-menu-group.js +4 -5
  200. package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
  201. package/dist/collection/components/ic-menu-item/ic-menu-item.css +1 -0
  202. package/dist/collection/components/ic-menu-item/ic-menu-item.js +53 -28
  203. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  204. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +44 -23
  205. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  206. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +109 -28
  207. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  208. package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js +2 -0
  209. package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js.map +1 -0
  210. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +107 -63
  211. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  212. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +61 -34
  213. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  214. package/dist/collection/components/ic-page-header/ic-page-header.js +68 -31
  215. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  216. package/dist/collection/components/ic-pagination/ic-pagination.js +100 -44
  217. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  218. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +48 -22
  219. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  220. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +81 -52
  221. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  222. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +70 -1
  223. package/dist/collection/components/ic-radio-group/ic-radio-group.js +87 -41
  224. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  225. package/dist/collection/components/ic-radio-option/ic-radio-option.js +64 -33
  226. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  227. package/dist/collection/components/ic-search-bar/ic-search-bar.js +252 -101
  228. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  229. package/dist/collection/components/ic-search-bar/ic-search-bar.types.js.map +1 -1
  230. package/dist/collection/components/ic-section-container/ic-section-container.js +15 -5
  231. package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
  232. package/dist/collection/components/ic-select/ic-select.css +1 -0
  233. package/dist/collection/components/ic-select/ic-select.js +333 -177
  234. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  235. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +1 -2
  236. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +146 -89
  237. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  238. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +12 -0
  239. package/dist/collection/components/ic-skeleton/ic-skeleton.js +14 -4
  240. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  241. package/dist/collection/components/ic-skip-link/ic-skip-link.css +46 -0
  242. package/dist/collection/components/ic-skip-link/ic-skip-link.js +203 -0
  243. package/dist/collection/components/ic-skip-link/ic-skip-link.js.map +1 -0
  244. package/dist/collection/components/ic-skip-link/ic-skip-link.stories.js +504 -0
  245. package/dist/collection/components/ic-status-tag/ic-status-tag.css +1 -1
  246. package/dist/collection/components/ic-status-tag/ic-status-tag.js +41 -9
  247. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  248. package/dist/collection/components/ic-step/ic-step.css +2 -2
  249. package/dist/collection/components/ic-step/ic-step.js +67 -40
  250. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  251. package/dist/collection/components/ic-stepper/ic-stepper.js +61 -37
  252. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  253. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +5 -1
  254. package/dist/collection/components/ic-switch/ic-switch.js +72 -27
  255. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  256. package/dist/collection/components/ic-tab/ic-tab.js +40 -21
  257. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  258. package/dist/collection/components/ic-tab-context/ic-tab-context.js +59 -29
  259. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  260. package/dist/collection/components/ic-tab-group/ic-tab-group.js +21 -9
  261. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  262. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +26 -10
  263. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
  264. package/dist/collection/components/ic-text-field/ic-text-field.js +321 -140
  265. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  266. package/dist/collection/components/ic-theme/ic-theme.js +19 -9
  267. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  268. package/dist/collection/components/ic-toast/ic-toast.js +49 -28
  269. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  270. package/dist/collection/components/ic-toast-region/ic-toast-region.js +6 -5
  271. package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
  272. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +116 -60
  273. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  274. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +90 -35
  275. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  276. package/dist/collection/components/ic-tooltip/ic-tooltip.js +65 -33
  277. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  278. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +91 -45
  279. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  280. package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +8 -19
  281. package/dist/collection/components/ic-typography/ic-typography.js +73 -32
  282. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  283. package/dist/collection/utils/helpers.js +29 -24
  284. package/dist/collection/utils/helpers.js.map +1 -1
  285. package/dist/collection/utils/testa11y.helpers.js +2 -1
  286. package/dist/collection/utils/testa11y.helpers.js.map +1 -1
  287. package/dist/collection/utils/types.js.map +1 -1
  288. package/dist/components/helpers.js +30 -25
  289. package/dist/components/helpers.js.map +1 -1
  290. package/dist/components/ic-accordion-group.js +29 -12
  291. package/dist/components/ic-accordion-group.js.map +1 -1
  292. package/dist/components/ic-accordion.js +63 -40
  293. package/dist/components/ic-accordion.js.map +1 -1
  294. package/dist/components/ic-alert.js +35 -14
  295. package/dist/components/ic-alert.js.map +1 -1
  296. package/dist/components/ic-back-to-top.js +25 -13
  297. package/dist/components/ic-back-to-top.js.map +1 -1
  298. package/dist/components/ic-badge.js +39 -20
  299. package/dist/components/ic-badge.js.map +1 -1
  300. package/dist/components/ic-breadcrumb-group.js +29 -14
  301. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  302. package/dist/components/ic-breadcrumb2.js +33 -19
  303. package/dist/components/ic-breadcrumb2.js.map +1 -1
  304. package/dist/components/ic-button2.js +171 -63
  305. package/dist/components/ic-button2.js.map +1 -1
  306. package/dist/components/ic-card-vertical.js +51 -30
  307. package/dist/components/ic-card-vertical.js.map +1 -1
  308. package/dist/components/ic-checkbox-group.js +30 -7
  309. package/dist/components/ic-checkbox-group.js.map +1 -1
  310. package/dist/components/ic-checkbox.js +46 -27
  311. package/dist/components/ic-checkbox.js.map +1 -1
  312. package/dist/components/ic-chip.js +42 -21
  313. package/dist/components/ic-chip.js.map +1 -1
  314. package/dist/components/ic-classification-banner.js +19 -3
  315. package/dist/components/ic-classification-banner.js.map +1 -1
  316. package/dist/components/ic-data-list.js +10 -4
  317. package/dist/components/ic-data-list.js.map +1 -1
  318. package/dist/components/ic-data-row.js +27 -17
  319. package/dist/components/ic-data-row.js.map +1 -1
  320. package/dist/components/ic-dialog.js +139 -96
  321. package/dist/components/ic-dialog.js.map +1 -1
  322. package/dist/components/ic-divider2.js +33 -13
  323. package/dist/components/ic-divider2.js.map +1 -1
  324. package/dist/components/ic-empty-state.js +13 -7
  325. package/dist/components/ic-empty-state.js.map +1 -1
  326. package/dist/components/ic-footer-link-group.js +6 -6
  327. package/dist/components/ic-footer-link-group.js.map +1 -1
  328. package/dist/components/ic-footer-link.js +7 -8
  329. package/dist/components/ic-footer-link.js.map +1 -1
  330. package/dist/components/ic-footer.js +31 -18
  331. package/dist/components/ic-footer.js.map +1 -1
  332. package/dist/components/ic-hero.js +27 -15
  333. package/dist/components/ic-hero.js.map +1 -1
  334. package/dist/components/ic-horizontal-scroll2.js +30 -18
  335. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  336. package/dist/components/ic-input-component-container2.js +31 -9
  337. package/dist/components/ic-input-component-container2.js.map +1 -1
  338. package/dist/components/ic-input-container2.js +12 -5
  339. package/dist/components/ic-input-container2.js.map +1 -1
  340. package/dist/components/ic-input-label2.js +28 -8
  341. package/dist/components/ic-input-label2.js.map +1 -1
  342. package/dist/components/ic-input-validation2.js +15 -7
  343. package/dist/components/ic-input-validation2.js.map +1 -1
  344. package/dist/components/ic-link2.js +26 -19
  345. package/dist/components/ic-link2.js.map +1 -1
  346. package/dist/components/ic-loading-indicator2.js +89 -54
  347. package/dist/components/ic-loading-indicator2.js.map +1 -1
  348. package/dist/components/ic-menu-group.js +3 -3
  349. package/dist/components/ic-menu-group.js.map +1 -1
  350. package/dist/components/ic-menu-item2.js +19 -17
  351. package/dist/components/ic-menu-item2.js.map +1 -1
  352. package/dist/components/ic-menu2.js +81 -52
  353. package/dist/components/ic-menu2.js.map +1 -1
  354. package/dist/components/ic-navigation-button.js +23 -17
  355. package/dist/components/ic-navigation-button.js.map +1 -1
  356. package/dist/components/ic-navigation-group.js +48 -27
  357. package/dist/components/ic-navigation-group.js.map +1 -1
  358. package/dist/components/ic-navigation-item.js +68 -47
  359. package/dist/components/ic-navigation-item.js.map +1 -1
  360. package/dist/components/ic-navigation-menu2.js +53 -31
  361. package/dist/components/ic-navigation-menu2.js.map +1 -1
  362. package/dist/components/ic-page-header.js +44 -24
  363. package/dist/components/ic-page-header.js.map +1 -1
  364. package/dist/components/ic-pagination-item2.js +25 -12
  365. package/dist/components/ic-pagination-item2.js.map +1 -1
  366. package/dist/components/ic-pagination.js +58 -25
  367. package/dist/components/ic-pagination.js.map +1 -1
  368. package/dist/components/ic-popover-menu.js +56 -40
  369. package/dist/components/ic-popover-menu.js.map +1 -1
  370. package/dist/components/ic-radio-group.js +51 -26
  371. package/dist/components/ic-radio-group.js.map +1 -1
  372. package/dist/components/ic-radio-option.js +33 -21
  373. package/dist/components/ic-radio-option.js.map +1 -1
  374. package/dist/components/ic-search-bar.js +151 -61
  375. package/dist/components/ic-search-bar.js.map +1 -1
  376. package/dist/components/ic-section-container2.js +11 -4
  377. package/dist/components/ic-section-container2.js.map +1 -1
  378. package/dist/components/ic-select.js +232 -135
  379. package/dist/components/ic-select.js.map +1 -1
  380. package/dist/components/ic-side-navigation.js +106 -70
  381. package/dist/components/ic-side-navigation.js.map +1 -1
  382. package/dist/components/ic-skeleton.js +10 -3
  383. package/dist/components/ic-skeleton.js.map +1 -1
  384. package/dist/components/ic-skip-link.d.ts +11 -0
  385. package/dist/components/ic-skip-link.js +83 -0
  386. package/dist/components/ic-skip-link.js.map +1 -0
  387. package/dist/components/ic-status-tag.js +24 -5
  388. package/dist/components/ic-status-tag.js.map +1 -1
  389. package/dist/components/ic-step.js +33 -31
  390. package/dist/components/ic-step.js.map +1 -1
  391. package/dist/components/ic-stepper.js +48 -33
  392. package/dist/components/ic-stepper.js.map +1 -1
  393. package/dist/components/ic-switch.js +48 -20
  394. package/dist/components/ic-switch.js.map +1 -1
  395. package/dist/components/ic-tab-context.js +43 -23
  396. package/dist/components/ic-tab-context.js.map +1 -1
  397. package/dist/components/ic-tab-group.js +12 -7
  398. package/dist/components/ic-tab-group.js.map +1 -1
  399. package/dist/components/ic-tab-panel.js +11 -6
  400. package/dist/components/ic-tab-panel.js.map +1 -1
  401. package/dist/components/ic-tab.js +19 -13
  402. package/dist/components/ic-tab.js.map +1 -1
  403. package/dist/components/ic-text-field.js +173 -67
  404. package/dist/components/ic-text-field.js.map +1 -1
  405. package/dist/components/ic-theme.js +11 -5
  406. package/dist/components/ic-theme.js.map +1 -1
  407. package/dist/components/ic-toast-region.js +1 -2
  408. package/dist/components/ic-toast-region.js.map +1 -1
  409. package/dist/components/ic-toast.js +28 -20
  410. package/dist/components/ic-toast.js.map +1 -1
  411. package/dist/components/ic-toggle-button-group.js +59 -27
  412. package/dist/components/ic-toggle-button-group.js.map +1 -1
  413. package/dist/components/ic-toggle-button.js +79 -46
  414. package/dist/components/ic-toggle-button.js.map +1 -1
  415. package/dist/components/ic-tooltip2.js +42 -25
  416. package/dist/components/ic-tooltip2.js.map +1 -1
  417. package/dist/components/ic-top-navigation.js +59 -30
  418. package/dist/components/ic-top-navigation.js.map +1 -1
  419. package/dist/components/ic-typography2.js +51 -25
  420. package/dist/components/ic-typography2.js.map +1 -1
  421. package/dist/core/core.css +66 -49
  422. package/dist/core/core.esm.js +1 -1
  423. package/dist/core/core.esm.js.map +1 -1
  424. package/dist/core/index.esm.js.map +1 -1
  425. package/dist/core/p-08fbea60.entry.js +2 -0
  426. package/dist/core/p-08fbea60.entry.js.map +1 -0
  427. package/dist/core/{p-73a208c7.entry.js → p-0f34465d.entry.js} +2 -2
  428. package/dist/core/p-0f34465d.entry.js.map +1 -0
  429. package/dist/core/p-111b3186.entry.js +2 -0
  430. package/dist/core/p-111b3186.entry.js.map +1 -0
  431. package/dist/core/p-144a31ec.entry.js +2 -0
  432. package/dist/core/p-144a31ec.entry.js.map +1 -0
  433. package/dist/core/{p-ca11666f.entry.js → p-180ea8ac.entry.js} +2 -2
  434. package/dist/core/p-180ea8ac.entry.js.map +1 -0
  435. package/dist/core/{p-39ab6387.entry.js → p-196e3d33.entry.js} +2 -2
  436. package/dist/core/p-196e3d33.entry.js.map +1 -0
  437. package/dist/core/{p-96b4ca6e.entry.js → p-1d6638c8.entry.js} +2 -2
  438. package/dist/core/p-1d6638c8.entry.js.map +1 -0
  439. package/dist/core/p-1d9a929b.entry.js +2 -0
  440. package/dist/core/p-1d9a929b.entry.js.map +1 -0
  441. package/dist/core/p-1dc0c174.entry.js +2 -0
  442. package/dist/core/p-1dc0c174.entry.js.map +1 -0
  443. package/dist/core/{p-27274ca8.entry.js → p-1fccec19.entry.js} +2 -2
  444. package/dist/core/p-1fccec19.entry.js.map +1 -0
  445. package/dist/core/{p-c1db155d.entry.js → p-22d88d2f.entry.js} +2 -2
  446. package/dist/core/p-22d88d2f.entry.js.map +1 -0
  447. package/dist/core/p-269f841d.js +2 -0
  448. package/dist/core/p-269f841d.js.map +1 -0
  449. package/dist/core/{p-094f51b6.entry.js → p-27de359f.entry.js} +2 -2
  450. package/dist/core/p-27de359f.entry.js.map +1 -0
  451. package/dist/core/p-2cb55e86.entry.js +2 -0
  452. package/dist/core/p-2cb55e86.entry.js.map +1 -0
  453. package/dist/core/p-30a262d2.entry.js +2 -0
  454. package/dist/core/p-30a262d2.entry.js.map +1 -0
  455. package/dist/core/p-39bf060d.entry.js +2 -0
  456. package/dist/core/p-39bf060d.entry.js.map +1 -0
  457. package/dist/core/p-3b185c32.js.map +1 -1
  458. package/dist/core/{p-a178d53c.entry.js → p-40bc1f3e.entry.js} +2 -2
  459. package/dist/core/p-40bc1f3e.entry.js.map +1 -0
  460. package/dist/core/p-426ec638.js.map +1 -1
  461. package/dist/core/p-47b46637.entry.js +2 -0
  462. package/dist/core/p-47b46637.entry.js.map +1 -0
  463. package/dist/core/p-4a5ab31e.entry.js +2 -0
  464. package/dist/core/p-4a5ab31e.entry.js.map +1 -0
  465. package/dist/core/p-4e4014cd.entry.js +2 -0
  466. package/dist/core/p-4e4014cd.entry.js.map +1 -0
  467. package/dist/core/{p-25d3c3a6.entry.js → p-55eb89cc.entry.js} +2 -2
  468. package/dist/core/p-55eb89cc.entry.js.map +1 -0
  469. package/dist/core/p-59fc58e1.entry.js +2 -0
  470. package/dist/core/p-59fc58e1.entry.js.map +1 -0
  471. package/dist/core/p-5b7d8ee9.entry.js +2 -0
  472. package/dist/core/p-5b7d8ee9.entry.js.map +1 -0
  473. package/dist/core/{p-b404b307.entry.js → p-5fa5ba50.entry.js} +2 -2
  474. package/dist/core/p-5fa5ba50.entry.js.map +1 -0
  475. package/dist/core/p-625f914e.entry.js +2 -0
  476. package/dist/core/p-625f914e.entry.js.map +1 -0
  477. package/dist/core/p-67d47db4.entry.js +2 -0
  478. package/dist/core/p-67d47db4.entry.js.map +1 -0
  479. package/dist/core/p-68a5aaff.js.map +1 -1
  480. package/dist/core/{p-146b2788.entry.js → p-72140621.entry.js} +2 -2
  481. package/dist/core/p-72140621.entry.js.map +1 -0
  482. package/dist/core/{p-4cfe1dd8.entry.js → p-78c3ca49.entry.js} +2 -2
  483. package/dist/core/p-78c3ca49.entry.js.map +1 -0
  484. package/dist/core/p-78c51cba.entry.js +2 -0
  485. package/dist/core/p-78c51cba.entry.js.map +1 -0
  486. package/dist/core/{p-3d565739.entry.js → p-7ea79205.entry.js} +2 -2
  487. package/dist/core/p-7ea79205.entry.js.map +1 -0
  488. package/dist/core/{p-26bc7c62.entry.js → p-8856dff4.entry.js} +2 -2
  489. package/dist/core/p-8856dff4.entry.js.map +1 -0
  490. package/dist/core/p-8870d5d8.entry.js +2 -0
  491. package/dist/core/p-8870d5d8.entry.js.map +1 -0
  492. package/dist/core/{p-00587c99.entry.js → p-8b928cc9.entry.js} +2 -2
  493. package/dist/core/p-8b928cc9.entry.js.map +1 -0
  494. package/dist/core/p-8d1bee7a.entry.js +2 -0
  495. package/dist/core/p-8d1bee7a.entry.js.map +1 -0
  496. package/dist/core/p-8e4e97b4.js +3 -0
  497. package/dist/core/p-8e4e97b4.js.map +1 -0
  498. package/dist/core/p-8f319e1e.entry.js +2 -0
  499. package/dist/core/p-8f319e1e.entry.js.map +1 -0
  500. package/dist/core/p-90de3f5d.entry.js +2 -0
  501. package/dist/core/p-90de3f5d.entry.js.map +1 -0
  502. package/dist/core/p-912c8594.entry.js +2 -0
  503. package/dist/core/p-912c8594.entry.js.map +1 -0
  504. package/dist/core/{p-67b3cd55.entry.js → p-9206379d.entry.js} +2 -2
  505. package/dist/core/p-9206379d.entry.js.map +1 -0
  506. package/dist/core/p-94748b96.entry.js +2 -0
  507. package/dist/core/p-94748b96.entry.js.map +1 -0
  508. package/dist/core/{p-d7ccd00f.entry.js → p-98f906ba.entry.js} +2 -2
  509. package/dist/core/p-98f906ba.entry.js.map +1 -0
  510. package/dist/core/{p-5b836707.entry.js → p-999102ee.entry.js} +2 -2
  511. package/dist/core/p-999102ee.entry.js.map +1 -0
  512. package/dist/core/p-9b741f96.entry.js +2 -0
  513. package/dist/core/p-9b741f96.entry.js.map +1 -0
  514. package/dist/core/p-9dbe3f3e.entry.js +2 -0
  515. package/dist/core/p-9dbe3f3e.entry.js.map +1 -0
  516. package/dist/core/p-9ee2fe04.entry.js +2 -0
  517. package/dist/core/p-9ee2fe04.entry.js.map +1 -0
  518. package/dist/core/{p-e2cf6e7e.entry.js → p-a56ec6d8.entry.js} +2 -2
  519. package/dist/core/p-a56ec6d8.entry.js.map +1 -0
  520. package/dist/core/p-a9fd6dcf.entry.js +2 -0
  521. package/dist/core/p-a9fd6dcf.entry.js.map +1 -0
  522. package/dist/core/p-b594bf26.entry.js +2 -0
  523. package/dist/core/p-b594bf26.entry.js.map +1 -0
  524. package/dist/core/{p-6e94c79c.entry.js → p-bd802c2f.entry.js} +2 -2
  525. package/dist/core/p-bd802c2f.entry.js.map +1 -0
  526. package/dist/core/p-bfee1e84.entry.js +2 -0
  527. package/dist/core/p-bfee1e84.entry.js.map +1 -0
  528. package/dist/core/{p-7f984e25.entry.js → p-c19cdc86.entry.js} +2 -2
  529. package/dist/core/p-c19cdc86.entry.js.map +1 -0
  530. package/dist/core/p-c2e091d7.js.map +1 -1
  531. package/dist/core/{p-73d6092d.entry.js → p-c3785d57.entry.js} +2 -2
  532. package/dist/core/p-c3785d57.entry.js.map +1 -0
  533. package/dist/core/p-c7be6679.entry.js +2 -0
  534. package/dist/core/p-c7be6679.entry.js.map +1 -0
  535. package/dist/core/{p-7b26ef60.entry.js → p-caa46d81.entry.js} +2 -2
  536. package/dist/core/p-caa46d81.entry.js.map +1 -0
  537. package/dist/core/{p-720428a3.entry.js → p-ce0fb53a.entry.js} +2 -2
  538. package/dist/core/p-ce0fb53a.entry.js.map +1 -0
  539. package/dist/core/p-d80f3ec1.entry.js +2 -0
  540. package/dist/core/p-d80f3ec1.entry.js.map +1 -0
  541. package/dist/core/p-dce2c5e8.entry.js +2 -0
  542. package/dist/core/p-dce2c5e8.entry.js.map +1 -0
  543. package/dist/core/{p-07aaf9c4.entry.js → p-df56bc50.entry.js} +2 -2
  544. package/dist/core/p-df56bc50.entry.js.map +1 -0
  545. package/dist/core/p-e1255160.js +2 -0
  546. package/dist/core/p-e1255160.js.map +1 -0
  547. package/dist/core/p-e25feba1.entry.js +2 -0
  548. package/dist/core/p-e25feba1.entry.js.map +1 -0
  549. package/dist/core/p-e3be3502.entry.js +2 -0
  550. package/dist/core/p-e3be3502.entry.js.map +1 -0
  551. package/dist/core/p-f074ef5b.js.map +1 -1
  552. package/dist/core/{p-abdc2912.entry.js → p-f486d4f4.entry.js} +2 -2
  553. package/dist/core/p-f486d4f4.entry.js.map +1 -0
  554. package/dist/core/{p-a87d13b3.entry.js → p-fbce5f9a.entry.js} +2 -2
  555. package/dist/core/p-fbce5f9a.entry.js.map +1 -0
  556. package/dist/esm/app-globals-0f993ce5.js +5 -0
  557. package/dist/esm/app-globals-0f993ce5.js.map +1 -0
  558. package/dist/esm/core.js +14 -12
  559. package/dist/esm/core.js.map +1 -1
  560. package/dist/esm/{helpers-a72a277b.js → helpers-de6293bf.js} +31 -26
  561. package/dist/esm/helpers-de6293bf.js.map +1 -0
  562. package/dist/esm/ic-accordion-group.entry.js +31 -14
  563. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  564. package/dist/esm/ic-accordion.entry.js +65 -42
  565. package/dist/esm/ic-accordion.entry.js.map +1 -1
  566. package/dist/esm/ic-alert.entry.js +37 -16
  567. package/dist/esm/ic-alert.entry.js.map +1 -1
  568. package/dist/esm/ic-back-to-top.entry.js +27 -15
  569. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  570. package/dist/esm/ic-badge.entry.js +41 -22
  571. package/dist/esm/ic-badge.entry.js.map +1 -1
  572. package/dist/esm/ic-breadcrumb-group.entry.js +31 -16
  573. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  574. package/dist/esm/ic-breadcrumb.entry.js +35 -21
  575. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  576. package/dist/esm/ic-button_3.entry.js +304 -144
  577. package/dist/esm/ic-button_3.entry.js.map +1 -1
  578. package/dist/esm/ic-card-vertical.entry.js +53 -32
  579. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  580. package/dist/esm/ic-checkbox-group.entry.js +32 -9
  581. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  582. package/dist/esm/ic-checkbox.entry.js +48 -29
  583. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  584. package/dist/esm/ic-chip.entry.js +44 -23
  585. package/dist/esm/ic-chip.entry.js.map +1 -1
  586. package/dist/esm/ic-classification-banner.entry.js +20 -4
  587. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  588. package/dist/esm/ic-data-list.entry.js +11 -5
  589. package/dist/esm/ic-data-list.entry.js.map +1 -1
  590. package/dist/esm/ic-data-row.entry.js +28 -18
  591. package/dist/esm/ic-data-row.entry.js.map +1 -1
  592. package/dist/esm/ic-dialog.entry.js +141 -98
  593. package/dist/esm/ic-dialog.entry.js.map +1 -1
  594. package/dist/esm/ic-divider.entry.js +35 -15
  595. package/dist/esm/ic-divider.entry.js.map +1 -1
  596. package/dist/esm/ic-empty-state.entry.js +15 -9
  597. package/dist/esm/ic-empty-state.entry.js.map +1 -1
  598. package/dist/esm/ic-footer-link-group.entry.js +8 -8
  599. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  600. package/dist/esm/ic-footer-link.entry.js +9 -10
  601. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  602. package/dist/esm/ic-footer.entry.js +32 -19
  603. package/dist/esm/ic-footer.entry.js.map +1 -1
  604. package/dist/esm/ic-hero.entry.js +29 -17
  605. package/dist/esm/ic-hero.entry.js.map +1 -1
  606. package/dist/esm/ic-horizontal-scroll.entry.js +32 -20
  607. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  608. package/dist/esm/ic-input-component-container_3.entry.js +126 -68
  609. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  610. package/dist/esm/ic-input-label_2.entry.js +45 -17
  611. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  612. package/dist/esm/ic-link.entry.js +28 -21
  613. package/dist/esm/ic-link.entry.js.map +1 -1
  614. package/dist/esm/ic-menu-group.entry.js +5 -5
  615. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  616. package/dist/esm/ic-menu-item.entry.js +21 -19
  617. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  618. package/dist/esm/ic-navigation-button.entry.js +25 -19
  619. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  620. package/dist/esm/ic-navigation-group.entry.js +48 -27
  621. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  622. package/dist/esm/ic-navigation-item.entry.js +69 -48
  623. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  624. package/dist/esm/ic-navigation-menu.entry.js +54 -32
  625. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  626. package/dist/esm/ic-page-header.entry.js +45 -25
  627. package/dist/esm/ic-page-header.entry.js.map +1 -1
  628. package/dist/esm/ic-pagination-item.entry.js +27 -14
  629. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  630. package/dist/esm/ic-pagination.entry.js +60 -27
  631. package/dist/esm/ic-pagination.entry.js.map +1 -1
  632. package/dist/esm/ic-popover-menu.entry.js +58 -42
  633. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  634. package/dist/esm/ic-radio-group.entry.js +53 -28
  635. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  636. package/dist/esm/ic-radio-option.entry.js +35 -23
  637. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  638. package/dist/esm/ic-search-bar.entry.js +153 -63
  639. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  640. package/dist/esm/ic-section-container.entry.js +12 -5
  641. package/dist/esm/ic-section-container.entry.js.map +1 -1
  642. package/dist/esm/ic-select.entry.js +234 -137
  643. package/dist/esm/ic-select.entry.js.map +1 -1
  644. package/dist/esm/ic-side-navigation.entry.js +107 -71
  645. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  646. package/dist/esm/ic-skeleton.entry.js +11 -4
  647. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  648. package/dist/esm/ic-skip-link.entry.js +51 -0
  649. package/dist/esm/ic-skip-link.entry.js.map +1 -0
  650. package/dist/esm/ic-status-tag.entry.js +26 -7
  651. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  652. package/dist/esm/ic-step.entry.js +35 -33
  653. package/dist/esm/ic-step.entry.js.map +1 -1
  654. package/dist/esm/ic-stepper.entry.js +50 -35
  655. package/dist/esm/ic-stepper.entry.js.map +1 -1
  656. package/dist/esm/ic-switch.entry.js +50 -22
  657. package/dist/esm/ic-switch.entry.js.map +1 -1
  658. package/dist/esm/ic-tab-context.entry.js +44 -24
  659. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  660. package/dist/esm/ic-tab-group.entry.js +14 -9
  661. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  662. package/dist/esm/ic-tab-panel.entry.js +12 -7
  663. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  664. package/dist/esm/ic-tab.entry.js +21 -15
  665. package/dist/esm/ic-tab.entry.js.map +1 -1
  666. package/dist/esm/ic-text-field.entry.js +175 -69
  667. package/dist/esm/ic-text-field.entry.js.map +1 -1
  668. package/dist/esm/ic-theme.entry.js +13 -7
  669. package/dist/esm/ic-theme.entry.js.map +1 -1
  670. package/dist/esm/ic-toast-region.entry.js +2 -3
  671. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  672. package/dist/esm/ic-toast.entry.js +29 -21
  673. package/dist/esm/ic-toast.entry.js.map +1 -1
  674. package/dist/esm/ic-toggle-button-group.entry.js +61 -29
  675. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  676. package/dist/esm/ic-toggle-button.entry.js +81 -48
  677. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  678. package/dist/esm/ic-top-navigation.entry.js +60 -31
  679. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  680. package/dist/esm/ic-typography.entry.js +53 -27
  681. package/dist/esm/ic-typography.entry.js.map +1 -1
  682. package/dist/esm/index-a7a720e7.js +2580 -0
  683. package/dist/esm/index-a7a720e7.js.map +1 -0
  684. package/dist/esm/loader.js +6 -4
  685. package/dist/esm/loader.js.map +1 -1
  686. package/dist/types/components/ic-accordion/ic-accordion.d.ts +3 -3
  687. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +5 -5
  688. package/dist/types/components/ic-alert/ic-alert.d.ts +1 -1
  689. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +1 -1
  690. package/dist/types/components/ic-badge/ic-badge.d.ts +1 -1
  691. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +1 -1
  692. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +2 -2
  693. package/dist/types/components/ic-button/ic-button.d.ts +7 -6
  694. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +10 -10
  695. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +6 -6
  696. package/dist/types/components/ic-data-list/ic-data-list.d.ts +1 -1
  697. package/dist/types/components/ic-data-row/ic-data-row.d.ts +2 -2
  698. package/dist/types/components/ic-dialog/ic-dialog.d.ts +9 -6
  699. package/dist/types/components/ic-divider/ic-divider.d.ts +3 -3
  700. package/dist/types/components/ic-footer/ic-footer.d.ts +4 -4
  701. package/dist/types/components/ic-hero/ic-hero.d.ts +3 -3
  702. package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +6 -6
  703. package/dist/types/components/ic-input-label/ic-input-label.d.ts +2 -2
  704. package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +4 -4
  705. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +2 -2
  706. package/dist/types/components/ic-menu/ic-menu.d.ts +10 -10
  707. package/dist/types/components/ic-menu/ic-menu.types.d.ts +1 -1
  708. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +2 -2
  709. package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +1 -1
  710. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +15 -4
  711. package/dist/types/components/ic-navigation-group/ic-navigation-group.types.d.ts +6 -0
  712. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +8 -8
  713. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -3
  714. package/dist/types/components/ic-pagination/ic-pagination.d.ts +9 -9
  715. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +4 -4
  716. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -4
  717. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +8 -8
  718. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +6 -6
  719. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +12 -12
  720. package/dist/types/components/ic-search-bar/ic-search-bar.types.d.ts +1 -1
  721. package/dist/types/components/ic-select/ic-select.d.ts +20 -20
  722. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +12 -12
  723. package/dist/types/components/ic-skip-link/ic-skip-link.d.ts +33 -0
  724. package/dist/types/components/ic-stepper/ic-stepper.d.ts +1 -1
  725. package/dist/types/components/ic-switch/ic-switch.d.ts +1 -1
  726. package/dist/types/components/ic-tab/ic-tab.d.ts +2 -2
  727. package/dist/types/components/ic-text-field/ic-text-field.d.ts +34 -33
  728. package/dist/types/components/ic-theme/ic-theme.d.ts +2 -2
  729. package/dist/types/components/ic-toast/ic-toast.d.ts +3 -3
  730. package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +1 -1
  731. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +3 -3
  732. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +9 -9
  733. package/dist/types/components/ic-typography/ic-typography.d.ts +1 -1
  734. package/dist/types/components.d.ts +282 -195
  735. package/dist/types/stencil-public-runtime.d.ts +9 -10
  736. package/dist/types/utils/helpers.d.ts +10 -10
  737. package/dist/types/utils/types.d.ts +8 -4
  738. package/hydrate/index.d.ts +53 -12
  739. package/hydrate/index.js +32646 -20647
  740. package/hydrate/index.mjs +34349 -0
  741. package/hydrate/package.json +7 -1
  742. package/loader/cdn.js +1 -3
  743. package/loader/index.cjs.js +1 -3
  744. package/loader/index.d.ts +3 -0
  745. package/loader/index.es2017.js +1 -3
  746. package/loader/index.js +1 -3
  747. package/package.json +3 -3
  748. package/vscode-data.json +50 -330
  749. package/dist/cjs/helpers-eca4c27e.js.map +0 -1
  750. package/dist/cjs/index-f982899d.js +0 -3047
  751. package/dist/cjs/index-f982899d.js.map +0 -1
  752. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +0 -349
  753. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +0 -1
  754. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +0 -129
  755. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +0 -1
  756. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +0 -329
  757. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +0 -1
  758. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +0 -159
  759. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +0 -1
  760. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +0 -450
  761. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +0 -1
  762. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +0 -162
  763. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +0 -1
  764. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +0 -234
  765. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +0 -1
  766. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +0 -332
  767. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +0 -1
  768. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +0 -214
  769. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +0 -1
  770. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +0 -284
  771. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +0 -1
  772. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +0 -188
  773. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +0 -1
  774. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +0 -188
  775. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +0 -1
  776. package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js +0 -161
  777. package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +0 -1
  778. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +0 -74
  779. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +0 -1
  780. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +0 -448
  781. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +0 -1
  782. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +0 -109
  783. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +0 -1
  784. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +0 -101
  785. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +0 -1
  786. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +0 -181
  787. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +0 -1
  788. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +0 -46
  789. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +0 -1
  790. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +0 -66
  791. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +0 -1
  792. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +0 -109
  793. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +0 -1
  794. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +0 -223
  795. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +0 -1
  796. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +0 -172
  797. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +0 -1
  798. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +0 -38
  799. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +0 -1
  800. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +0 -84
  801. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +0 -1
  802. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +0 -89
  803. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +0 -1
  804. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +0 -120
  805. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +0 -1
  806. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +0 -149
  807. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +0 -1
  808. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +0 -1108
  809. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +0 -1
  810. package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js +0 -94
  811. package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js.map +0 -1
  812. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +0 -121
  813. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +0 -1
  814. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +0 -95
  815. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +0 -1
  816. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +0 -309
  817. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +0 -1
  818. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +0 -130
  819. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +0 -1
  820. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js +0 -176
  821. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js.map +0 -1
  822. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +0 -291
  823. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +0 -1
  824. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +0 -390
  825. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +0 -1
  826. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +0 -79
  827. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +0 -1
  828. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +0 -398
  829. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js.map +0 -1
  830. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +0 -389
  831. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +0 -1
  832. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +0 -553
  833. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +0 -1
  834. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +0 -69
  835. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +0 -1
  836. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +0 -1672
  837. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +0 -1
  838. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +0 -503
  839. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +0 -1
  840. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +0 -89
  841. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +0 -1
  842. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +0 -26
  843. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +0 -1
  844. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +0 -176
  845. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +0 -1
  846. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +0 -752
  847. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +0 -1
  848. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +0 -93
  849. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +0 -1
  850. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +0 -175
  851. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +0 -1
  852. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +0 -390
  853. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +0 -1
  854. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +0 -19
  855. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +0 -1
  856. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -312
  857. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +0 -1
  858. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +0 -341
  859. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +0 -1
  860. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +0 -72
  861. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +0 -1
  862. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +0 -79
  863. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +0 -1
  864. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +0 -314
  865. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +0 -1
  866. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -64
  867. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +0 -1
  868. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +0 -126
  869. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +0 -1
  870. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +0 -337
  871. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +0 -1
  872. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +0 -321
  873. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +0 -1
  874. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +0 -314
  875. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +0 -1
  876. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +0 -407
  877. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +0 -1
  878. package/dist/collection/testspec.setup.js +0 -77
  879. package/dist/collection/testspec.setup.js.map +0 -1
  880. package/dist/core/p-00587c99.entry.js.map +0 -1
  881. package/dist/core/p-07aaf9c4.entry.js.map +0 -1
  882. package/dist/core/p-094f51b6.entry.js.map +0 -1
  883. package/dist/core/p-116875ae.entry.js +0 -2
  884. package/dist/core/p-116875ae.entry.js.map +0 -1
  885. package/dist/core/p-146b2788.entry.js.map +0 -1
  886. package/dist/core/p-15082ea5.entry.js +0 -2
  887. package/dist/core/p-15082ea5.entry.js.map +0 -1
  888. package/dist/core/p-174de9d7.entry.js +0 -2
  889. package/dist/core/p-174de9d7.entry.js.map +0 -1
  890. package/dist/core/p-17f9921d.entry.js +0 -2
  891. package/dist/core/p-17f9921d.entry.js.map +0 -1
  892. package/dist/core/p-246ea059.entry.js +0 -2
  893. package/dist/core/p-246ea059.entry.js.map +0 -1
  894. package/dist/core/p-25d3c3a6.entry.js.map +0 -1
  895. package/dist/core/p-26bc7c62.entry.js.map +0 -1
  896. package/dist/core/p-27274ca8.entry.js.map +0 -1
  897. package/dist/core/p-31d4bfc3.entry.js +0 -2
  898. package/dist/core/p-31d4bfc3.entry.js.map +0 -1
  899. package/dist/core/p-39ab6387.entry.js.map +0 -1
  900. package/dist/core/p-3d565739.entry.js.map +0 -1
  901. package/dist/core/p-3ea4a005.entry.js +0 -2
  902. package/dist/core/p-3ea4a005.entry.js.map +0 -1
  903. package/dist/core/p-41b7c67c.entry.js +0 -2
  904. package/dist/core/p-41b7c67c.entry.js.map +0 -1
  905. package/dist/core/p-4cfe1dd8.entry.js.map +0 -1
  906. package/dist/core/p-5b836707.entry.js.map +0 -1
  907. package/dist/core/p-67b3cd55.entry.js.map +0 -1
  908. package/dist/core/p-67b8a829.entry.js +0 -2
  909. package/dist/core/p-67b8a829.entry.js.map +0 -1
  910. package/dist/core/p-6b5e91e2.js +0 -3
  911. package/dist/core/p-6b5e91e2.js.map +0 -1
  912. package/dist/core/p-6b9db71a.entry.js +0 -2
  913. package/dist/core/p-6b9db71a.entry.js.map +0 -1
  914. package/dist/core/p-6dfa5a4b.entry.js +0 -2
  915. package/dist/core/p-6dfa5a4b.entry.js.map +0 -1
  916. package/dist/core/p-6e94c79c.entry.js.map +0 -1
  917. package/dist/core/p-720428a3.entry.js.map +0 -1
  918. package/dist/core/p-73a208c7.entry.js.map +0 -1
  919. package/dist/core/p-73d6092d.entry.js.map +0 -1
  920. package/dist/core/p-770c52a7.entry.js +0 -2
  921. package/dist/core/p-770c52a7.entry.js.map +0 -1
  922. package/dist/core/p-7b26ef60.entry.js.map +0 -1
  923. package/dist/core/p-7f984e25.entry.js.map +0 -1
  924. package/dist/core/p-86caada0.entry.js +0 -2
  925. package/dist/core/p-86caada0.entry.js.map +0 -1
  926. package/dist/core/p-8c03b8b5.entry.js +0 -2
  927. package/dist/core/p-8c03b8b5.entry.js.map +0 -1
  928. package/dist/core/p-8fdb9b16.entry.js +0 -2
  929. package/dist/core/p-8fdb9b16.entry.js.map +0 -1
  930. package/dist/core/p-91a221b5.entry.js +0 -2
  931. package/dist/core/p-91a221b5.entry.js.map +0 -1
  932. package/dist/core/p-96b4ca6e.entry.js.map +0 -1
  933. package/dist/core/p-9e0c2c19.entry.js +0 -2
  934. package/dist/core/p-9e0c2c19.entry.js.map +0 -1
  935. package/dist/core/p-9f569f90.entry.js +0 -2
  936. package/dist/core/p-9f569f90.entry.js.map +0 -1
  937. package/dist/core/p-a178d53c.entry.js.map +0 -1
  938. package/dist/core/p-a3b7a147.entry.js +0 -2
  939. package/dist/core/p-a3b7a147.entry.js.map +0 -1
  940. package/dist/core/p-a72685f6.entry.js +0 -2
  941. package/dist/core/p-a72685f6.entry.js.map +0 -1
  942. package/dist/core/p-a87d13b3.entry.js.map +0 -1
  943. package/dist/core/p-abdc2912.entry.js.map +0 -1
  944. package/dist/core/p-b404b307.entry.js.map +0 -1
  945. package/dist/core/p-b6ce9ca3.entry.js +0 -2
  946. package/dist/core/p-b6ce9ca3.entry.js.map +0 -1
  947. package/dist/core/p-b6e010f3.entry.js +0 -2
  948. package/dist/core/p-b6e010f3.entry.js.map +0 -1
  949. package/dist/core/p-bbd4f487.entry.js +0 -2
  950. package/dist/core/p-bbd4f487.entry.js.map +0 -1
  951. package/dist/core/p-bd9f3961.entry.js +0 -2
  952. package/dist/core/p-bd9f3961.entry.js.map +0 -1
  953. package/dist/core/p-c1db155d.entry.js.map +0 -1
  954. package/dist/core/p-c7bcdb8e.entry.js +0 -2
  955. package/dist/core/p-c7bcdb8e.entry.js.map +0 -1
  956. package/dist/core/p-ca11666f.entry.js.map +0 -1
  957. package/dist/core/p-cda4aca9.js +0 -2
  958. package/dist/core/p-cda4aca9.js.map +0 -1
  959. package/dist/core/p-d7ccd00f.entry.js.map +0 -1
  960. package/dist/core/p-dededae6.entry.js +0 -2
  961. package/dist/core/p-dededae6.entry.js.map +0 -1
  962. package/dist/core/p-e2cf6e7e.entry.js.map +0 -1
  963. package/dist/core/p-e6dc3cd1.entry.js +0 -2
  964. package/dist/core/p-e6dc3cd1.entry.js.map +0 -1
  965. package/dist/core/p-e831277e.entry.js +0 -2
  966. package/dist/core/p-e831277e.entry.js.map +0 -1
  967. package/dist/core/p-eb7c589b.entry.js +0 -2
  968. package/dist/core/p-eb7c589b.entry.js.map +0 -1
  969. package/dist/core/p-f65179fe.entry.js +0 -2
  970. package/dist/core/p-f65179fe.entry.js.map +0 -1
  971. package/dist/core/p-fd60eef7.entry.js +0 -2
  972. package/dist/core/p-fd60eef7.entry.js.map +0 -1
  973. package/dist/core/p-fd9f3fd0.entry.js +0 -2
  974. package/dist/core/p-fd9f3fd0.entry.js.map +0 -1
  975. package/dist/esm/helpers-a72a277b.js.map +0 -1
  976. package/dist/esm/index-d1d2c456.js +0 -3016
  977. package/dist/esm/index-d1d2c456.js.map +0 -1
  978. package/dist/esm/polyfills/core-js.js +0 -11
  979. package/dist/esm/polyfills/dom.js +0 -79
  980. package/dist/esm/polyfills/es5-html-element.js +0 -1
  981. package/dist/esm/polyfills/index.js +0 -34
  982. package/dist/esm/polyfills/system.js +0 -6
  983. package/dist/types/testspec.setup.d.ts +0 -24
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icRadioOptionCss","IcRadioOptionStyle0","ADDITIONAL_FIELD","RadioOption","constructor","hostRef","this","defaultRadioValue","hasAdditionalField","skipFocus","additionalFieldDisplay","disabled","dynamicText","theme","selected","initiallySelected","handleClick","event","clickedAdditionalField","target","matches","radioElement","stopPropagation","_a","focus","value","_b","getAdditionalField","icCheck","emit","handleKeyDown","preventPropagationElements","document","activeElement","includes","nodeName","handleFormReset","watchDisabledHandler","removeDisabledFalse","el","watchSelectedHandler","icSelectedChange","handleCheck","ev","Array","from","querySelectorAll","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","additionalField","setAttribute","removeAttribute","additionalFieldValueHandler","detail","stopImmediatePropagation","setFocus","setTabIndex","toString","querySelector","hiddenInput","render","form","groupLabel","label","name","id","isPropDefined","h","Host","key","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\n/* Right to left */\ninput[type=\"radio\"]:dir(rtl) {\n right: 0;\n}\n\n.radio-label:dir(rtl) {\n padding-right: var(--ic-space-sm);\n padding-left: 0;\n}\n\n.branch-corner:dir(rtl) {\n border-radius: 0 0 0.188rem 0;\n border-right: 0.125rem solid var(--ic-action-default);\n border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\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?.setAttribute(\"tabIndex\", value.toString());\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: !!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}\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":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as t,f as e,h as i,H as n,g as o}from"./p-6b5e91e2.js";import{g as a,w as s,b as r,i as l,x as d,I as c}from"./p-cda4aca9.js";const u='/*! 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;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=[...d,"title"];const b=class{constructor(i){t(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{if(h.includes(t)){this.inheritedAttributes[t]=this.el.getAttribute(t);i=true}}));if(i){e(this)}};this.initialAppearance=a();this.mode="navbar";this.download=false;this.href=undefined;this.hreflang=undefined;this.label=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.target=undefined;this.theme="inherit"}componentWillLoad(){this.inheritedAttributes=s(this.el,h)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const t=this.el.querySelector(`[slot="icon"]`);t!==null&&t.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}brandChangeHandler(t){this.initialAppearance=t.detail.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:t,target:e,rel:o,download:s,referrerpolicy:r}=this;let d="";let u="";let h="icon";let b=this.initialAppearance;let p="large";let m=false;let g=false;if(this.mode==="menu"){d=this.label;h="tertiary";b=c.Default;p="medium";m=true;u="popout-menu-button";g=true}const f={variant:h,appearance:b,size:p,href:t,target:e,rel:o,download:s,referrerpolicy:r,fullWidth:m,disableTooltip:g};return i(n,{class:{["in-side-menu"]:this.mode==="menu",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",Object.assign({class:u,"aria-label":h=="icon"?this.label:null,ref:t=>this.buttonEl=t},f,this.inheritedAttributes,{monochrome:this.mode!=="menu",theme:a()=="light"?"light":"dark"}),d,i("slot",{slot:"left-icon",name:"icon"}),l(this.el,"badge")&&i("slot",{name:"badge"})))}static get delegatesFocus(){return true}get el(){return o(this)}};b.style=u;export{b as ic_navigation_button};
2
- //# sourceMappingURL=p-5b836707.entry.js.map
1
+ import{r as e,f as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";import{g as a,w as s,b as r,i as l,x as c,I as d}from"./p-269f841d.js";const b='/*! 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;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const u=b;const h=[...c,"title"];const p=class{constructor(i){e(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.initialAppearance=a();this.mode="navbar";this.download=false;this.theme="inherit";this.hostMutationCallback=e=>{let i=false;e.forEach((({attributeName:e})=>{if(e){const t=this.el.getAttribute(e);if(t&&h.includes(e)){this.inheritedAttributes[e]=t;i=true}}}));if(i){t(this)}}}componentWillLoad(){this.inheritedAttributes=s(this.el,h)}componentDidLoad(){r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){const e=this.el.querySelector(`[slot="icon"]`);e!==null&&e.setAttribute("viewBox","0 0 24 24")}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}navBarMenuOpenHandler(){this.mode="menu"}navBarMenuCloseHandler(){this.mode="navbar"}brandChangeHandler(e){this.initialAppearance=e.detail.mode}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}render(){const{href:e,target:t,rel:n,download:s,referrerpolicy:r}=this;let c="";let b="";let u="icon";let h=this.initialAppearance;let p="large";let m=false;let f=false;if(this.mode==="menu"){c=this.label;u="tertiary";h=d.Default;p="medium";m=true;b="popout-menu-button";f=true}const g={variant:u,appearance:h,size:p,href:e,target:t,rel:n,download:s,referrerpolicy:r,fullWidth:m,disableTooltip:f};return i(o,{key:"191dcba5e7f00412136b96bc866671928f3108d6",class:{["in-side-menu"]:this.mode==="menu",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",Object.assign({key:"4321bb3ed17c49b9ad48039f59f4c5ec2a2f7603",class:b,"aria-label":u=="icon"?this.label:null,ref:e=>this.buttonEl=e},g,this.inheritedAttributes,{monochrome:this.mode!=="menu",theme:a()=="light"?"light":"dark"}),c,i("slot",{key:"b6c2e1dd8ec444c77ceef484f43649e1c67755fe",slot:"left-icon",name:"icon"}),l(this.el,"badge")&&i("slot",{key:"7012bc0f69b65991adccbdf34ce487fc75ad976a",name:"badge"})))}static get delegatesFocus(){return true}get el(){return n(this)}};p.style=u;export{p as ic_navigation_button};
2
+ //# sourceMappingURL=p-999102ee.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icNavigationButtonCss","IcNavigationButtonStyle0","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","NavigationButton","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","initialAppearance","getBrandForegroundAppearance","mode","download","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","includes","forceUpdate","componentWillLoad","inheritAttributes","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","observe","attributes","componentWillRender","iconEl","querySelector","setAttribute","disconnectedCallback","_a","disconnect","navBarMenuOpenHandler","navBarMenuCloseHandler","brandChangeHandler","ev","detail","setFocus","buttonEl","focus","render","href","target","rel","referrerpolicy","className","variant","appearance","size","fullWidth","disableTooltip","IcBrandForegroundEnum","Default","buttonProps","h","Host","key","class","Object","assign","ref","monochrome","slot","name","isSlotUsed"],"sources":["src/components/ic-navigation-button/ic-navigation-button.css?tag=ic-navigation-button&encapsulation=shadow","src/components/ic-navigation-button/ic-navigation-button.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n margin-right: var(--ic-space-xs);\n list-style: none;\n}\n\n:host(.in-side-menu) {\n margin-right: 0;\n}\n\n:host::part(button) {\n height: 100%;\n min-height: 2.5rem;\n}\n\n:host(.in-side-menu) ::part(button) {\n color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.in-side-menu) ::part(button):hover {\n color: var(--ic-top-navigation-icon-hover);\n background-color: var(--ic-top-navigation-icon-hover-background);\n}\n\n:host(.in-side-menu) ::part(button):active {\n color: var(--ic-top-navigation-icon-pressed);\n background-color: var(--ic-top-navigation-icon-pressed-background);\n}\n\n:host(.in-side-menu) ::slotted(ic-badge) {\n margin-left: var(--ic-space-xs);\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n State,\n h,\n Listen,\n Method,\n forceUpdate,\n} from \"@stencil/core\";\n\nimport {\n getBrandForegroundAppearance,\n inheritAttributes,\n onComponentRequiredPropUndefined,\n isSlotUsed,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcBrandForegroundNoDefault,\n IcThemeMode,\n} from \"../../utils/types\";\nimport { IcNavButtonModes } from \"./ic-navigation-button.types\";\n\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\n\n@Component({\n tag: \"ic-navigation-button\",\n styleUrl: \"ic-navigation-button.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class NavigationButton {\n private buttonEl?: HTMLIcButtonElement;\n private inheritedAttributes: { [k: string]: string } = {};\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcNavigationButtonElement;\n\n @State() initialAppearance: IcBrandForegroundNoDefault | IcBrandForeground =\n getBrandForegroundAppearance();\n /**\n * The display mode.\n */\n @State() mode: IcNavButtonModes = \"navbar\";\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. This will render the button as an \"a\" tag.\n */\n @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * The label info to display.\n */\n @Prop() label!: string;\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() theme?: IcThemeMode = \"inherit\";\n\n componentWillLoad(): void {\n this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Navigation Button\"\n );\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n componentWillRender(): void {\n const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n iconEl !== null && iconEl.setAttribute(\"viewBox\", \"0 0 24 24\");\n }\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n navBarMenuOpenHandler(): void {\n this.mode = \"menu\";\n }\n\n @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n navBarMenuCloseHandler(): void {\n this.mode = \"navbar\";\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n this.initialAppearance = ev.detail.mode;\n }\n\n /**\n * Sets focus on the native `button`.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.buttonEl) {\n this.buttonEl.focus();\n }\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 (attributeName) {\n const attribute = this.el.getAttribute(attributeName);\n if (attribute && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n this.inheritedAttributes[attributeName] = attribute;\n forceComponentUpdate = true;\n }\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n render() {\n const { href, target, rel, download, referrerpolicy } = this;\n\n let label = \"\";\n let className = \"\";\n let variant: \"icon\" | \"tertiary\" = \"icon\";\n let appearance: IcBrandForeground | IcBrandForegroundEnum.Default =\n this.initialAppearance;\n let size: \"medium\" | \"large\" = \"large\";\n let fullWidth = false;\n let disableTooltip = false;\n\n if (this.mode === \"menu\") {\n label = this.label;\n variant = \"tertiary\";\n appearance = IcBrandForegroundEnum.Default;\n size = \"medium\";\n fullWidth = true;\n className = \"popout-menu-button\";\n disableTooltip = true;\n }\n\n const buttonProps = {\n variant,\n appearance,\n size,\n href,\n target,\n rel,\n download,\n referrerpolicy,\n fullWidth,\n disableTooltip,\n };\n\n return (\n <Host\n class={{\n [\"in-side-menu\"]: this.mode === \"menu\",\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n <ic-button\n class={className}\n aria-label={variant == \"icon\" ? this.label : null}\n ref={(el) => (this.buttonEl = el)}\n {...buttonProps}\n {...this.inheritedAttributes}\n monochrome={this.mode !== \"menu\"}\n theme={getBrandForegroundAppearance() == \"light\" ? \"light\" : \"dark\"}\n >\n {label}\n <slot slot=\"left-icon\" name=\"icon\"></slot>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </ic-button>\n </Host>\n );\n }\n}\n"],"mappings":"uIAAA,MAAMA,EAAwB,k8FAC9B,MAAAC,EAAeD,EC2Bf,MAAME,EAAqB,IAAIC,EAAmB,S,MAcrCC,EAAgB,MAP7B,WAAAC,CAAAC,G,UASUC,KAAAC,oBAA+C,GAC/CD,KAAAE,qBAAgD,KAI/CF,KAAAG,kBACPC,IAIOJ,KAAAK,KAAyB,SAK1BL,KAAAM,SAA8B,MAmC9BN,KAAAO,MAAsB,UAqDtBP,KAAAQ,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,EAAe,CACjB,MAAMC,EAAYb,KAAKc,GAAGC,aAAaH,GACvC,GAAIC,GAAalB,EAAmBqB,SAASJ,GAAgB,CAC3DZ,KAAKC,oBAAoBW,GAAiBC,EAC1CH,EAAuB,I,MAI7B,GAAIA,EAAsB,CACxBO,EAAYjB,K,GA/DhB,iBAAAkB,GACElB,KAAKC,oBAAsBkB,EAAkBnB,KAAKc,GAAInB,E,CAGxD,gBAAAyB,GACEC,EACE,CAAC,CAAEC,KAAMtB,KAAKuB,MAAOC,SAAU,UAC/B,qBAGFxB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKQ,sBACtDR,KAAKE,qBAAqBwB,QAAQ1B,KAAKc,GAAI,CACzCa,WAAY,M,CAIhB,mBAAAC,GACE,MAAMC,EAAS7B,KAAKc,GAAGgB,cAAc,iBACrCD,IAAW,MAAQA,EAAOE,aAAa,UAAW,Y,CAGpD,oBAAAC,G,OACEC,EAAAjC,KAAKE,wBAAoB,MAAA+B,SAAA,SAAAA,EAAEC,Y,CAI7B,qBAAAC,GACEnC,KAAKK,KAAO,M,CAId,sBAAA+B,GACEpC,KAAKK,KAAO,Q,CAId,kBAAAgC,CAAmBC,GACjBtC,KAAKG,kBAAoBmC,EAAGC,OAAOlC,I,CAOrC,cAAMmC,GACJ,GAAIxC,KAAKyC,SAAU,CACjBzC,KAAKyC,SAASC,O,EAqBlB,MAAAC,GACE,MAAMC,KAAEA,EAAIC,OAAEA,EAAMC,IAAEA,EAAGxC,SAAEA,EAAQyC,eAAEA,GAAmB/C,KAExD,IAAIuB,EAAQ,GACZ,IAAIyB,EAAY,GAChB,IAAIC,EAA+B,OACnC,IAAIC,EACFlD,KAAKG,kBACP,IAAIgD,EAA2B,QAC/B,IAAIC,EAAY,MAChB,IAAIC,EAAiB,MAErB,GAAIrD,KAAKK,OAAS,OAAQ,CACxBkB,EAAQvB,KAAKuB,MACb0B,EAAU,WACVC,EAAaI,EAAsBC,QACnCJ,EAAO,SACPC,EAAY,KACZJ,EAAY,qBACZK,EAAiB,I,CAGnB,MAAMG,EAAc,CAClBP,UACAC,aACAC,OACAP,OACAC,SACAC,MACAxC,WACAyC,iBACAK,YACAC,kBAGF,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,gBAAiB5D,KAAKK,OAAS,OAChC,CAAC,YAAYL,KAAKO,SAAUP,KAAKO,QAAU,YAG7CkD,EAAA,YAAAI,OAAAC,OAAA,CAAAH,IAAA,2CACEC,MAAOZ,EAAS,aACJC,GAAW,OAASjD,KAAKuB,MAAQ,KAC7CwC,IAAMjD,GAAQd,KAAKyC,SAAW3B,GAC1B0C,EACAxD,KAAKC,oBAAmB,CAC5B+D,WAAYhE,KAAKK,OAAS,OAC1BE,MAAOH,KAAkC,QAAU,QAAU,SAE5DmB,EACDkC,EAAA,QAAAE,IAAA,2CAAMM,KAAK,YAAYC,KAAK,SAC3BC,EAAWnE,KAAKc,GAAI,UAAY2C,EAAA,QAAAE,IAAA,2CAAMO,KAAK,W","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,f as i,h as a,H as s,g as r}from"./p-8e4e97b4.js";import{F as o,r as n,C as l,k as c,w as d,j as h,b as u,J as b,n as p,l as f,m,i as x,K as v,x as y}from"./p-269f841d.js";const g='/*! 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;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n --ic-text-field-state-icon-warning\n );--ic-input-validation-success-icon-color:var(\n --ic-text-field-state-icon-success\n );--ic-input-component-container-success-icon-inline-color:var(\n --ic-text-field-state-icon-success\n )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n --ic-text-field-text-area-placeholder-text-disabled\n )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}::placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n --text-field-typing-cursor,\n var(--ic-text-field-typing-cursor)\n )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n --text-field-disabled-text-color,\n var(--ic-text-field-text-disabled)\n )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot="icon"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot="icon"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const w=g;let k=0;const z=[...y,"title"];const C=class{constructor(a){e(this,a);this.getValidationText=t(this,"getValidationText",7);this.icBlur=t(this,"icBlur",7);this.icChange=t(this,"icChange",7);this.icFocus=t(this,"icFocus",7);this.icInput=t(this,"icInput",7);this.icKeydown=t(this,"icKeydown",7);this.inheritedAttributes={};this.hostMutationObserver=null;this.numChars=0;this.maxCharactersReached=false;this.maxCharactersWarning=false;this.minCharactersUnattained=false;this.maxValueExceeded=false;this.minValueUnattained=false;this.ariaAutocomplete=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.fullWidth=false;this.helperText="";this.hideCharCount=false;this.hideLabel=false;this.hiddenInput=true;this.inputId=`ic-text-field-input-${k++}`;this.inputmode="text";this.maxCharacters=0;this.minCharacters=0;this.name=this.inputId;this.placeholder="";this.readonly=false;this.required=false;this.resize=false;this.rows=1;this.size="medium";this.spellcheck=false;this.theme="inherit";this.type="text";this.validationInline=false;this.validationInlineInternal=false;this.validationStatus="";this.validationText="";this.debounce=0;this.value="";this.initialValue=this.value;this.checkChildHydration=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-typography");if(this.hideLabel||t&&t.classList.contains("hydrated")){this.setFocus();clearInterval(this.interval)}};this.getNumberOfCharacters=e=>e!==null&&e!==undefined?e.length:0;this.getMaxValueExceeded=e=>{this.numChars=this.getNumberOfCharacters(e);if(this.type==="number"){this.minValueUnattained=!!e&&Number(e)<Number(this.min);this.maxValueExceeded=Number(e)>Number(this.max)}};this.getMaxCharactersReached=e=>{this.numChars=this.getNumberOfCharacters(e);this.maxCharactersReached=this.maxCharacters>0?this.numChars>=this.maxCharacters:false;if(this.maxCharactersWarning&&!this.maxCharactersReached){this.maxCharactersWarning=false}};this.onInput=e=>{this.value=e.target.value;this.icInput.emit({value:this.value})};this.onBlur=e=>{const t=e.target;t.removeEventListener("wheel",this.onWheel);const i=e.target.value;this.numChars=i.length;this.minCharactersUnattained=this.minCharacters>0?this.numChars<this.minCharacters:false;this.icBlur.emit({value:i})};this.onFocus=e=>{const t=e.target;t.addEventListener("wheel",this.onWheel);this.icFocus.emit({value:e.target.value})};this.onWheel=e=>{const t=e.target;if(t.type==="number"){t.blur();setTimeout((()=>{t.focus()}),0)}};this.hasStatus=e=>e!==""&&!this.disabled;this.handleFormReset=()=>{this.value=this.initialValue};this.hostMutationCallback=e=>{let t=false;e.forEach((({attributeName:e,type:i,addedNodes:a,removedNodes:s})=>{if(e&&z.includes(e)){const i=this.el.getAttribute(e);if(i){this.inheritedAttributes[e]=i}t=true}else if(i==="childList"){t=o(a,s,"icon")}}));if(t){i(this)}}}watchDisabledHandler(){n(this.disabled,this.el)}debounceChanged(){this.icChange=l(this.icChange,this.debounce)}watchValueHandler(e){let t;if(this.maxCharacters>0){t=e.substring(0,this.maxCharacters);this.value=t}else{t=e}if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.getMaxValueExceeded(t);this.getMaxCharactersReached(t);this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var e;c(this.el,this.handleFormReset);(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){if(this.value!==this.initialValue){this.watchValueHandler(this.value)}else if(this.maxCharacters>0){this.value=this.value.substring(0,this.maxCharacters)}this.getMaxValueExceeded(this.value);this.getMaxCharactersReached(this.value);this.inheritedAttributes=d(this.el,z);if(this.readonly){this.maxValueExceeded=false;this.minValueUnattained=false}h(this.el,this.handleFormReset);n(this.disabled,this.el)}componentDidLoad(){u([{prop:this.label,propName:"label"}],"Text Field");if(this.validationInlineInternal){this.getValidationText.emit({value:this.validationText})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true});if(this.autofocus&&!this.disabled&&!this.readonly){this.interval=setInterval(this.checkChildHydration,50)}}handleKeyDown(e){this.icKeydown.emit({event:e});this.maxCharactersWarning=this.maxCharactersReached}async setFocus(){var e;(e=this.inputEl)===null||e===void 0?void 0:e.focus()}render(){const{inputId:e,name:t,label:i,required:r,size:o,placeholder:n,helperText:l,hideCharCount:c,rows:d,resize:h,disabled:u,value:y,min:g,max:w,numChars:k,readonly:z,maxCharacters:C,maxCharactersWarning:I,maxCharactersReached:$,minCharacters:N,minCharactersUnattained:T,minValueUnattained:j,maxValueExceeded:F,validationStatus:L,validationText:M,validationInline:q,validationInlineInternal:V,spellcheck:H,inputmode:W,fullWidth:B,truncateValue:D,hiddenInput:K,theme:O}=this;const S=this.el;const U=z||u;const _=F||j||T||I?I?b.Warning:b.Error:L;const E=I?`Maximum input is ${C} characters`:F?`Maximum value of ${w} exceeded`:j?`Minimum value of ${g} not met`:T?`Minimum input is ${N} characters`:M;const J=z?0:C;const R=I||F||j||_===b.Error?"assertive":"polite";const A=this.hasStatus(_)&&!(_==b.Success&&q)&&!V;const G=d>1;const P=J-k;const Q=`${P} character${P===1?"":"s"} remaining.`;const X=C>0?`${e}-char-count-desc`:"";const Y=`${X} ${p(e,l!=="",A)}`.trim();const Z=U&&!z;const ee=!!this.el.querySelector(`[slot="icon"]`)&&!Z;const te=`${_===b.Error}`;K?f(true,this.el,t,y,U):m(this.el);return a(s,{key:"9175054afc7f5ab0f44c2c02d73a209676690f26",class:{"ic-text-field-full-width":!!B,[`ic-theme-${O}`]:O!=="inherit","ic-text-field-disabled":!!U}},a("ic-input-container",{key:"2cf32636f95f8ec80f25424483fcdf2afe262534",readonly:z,disabled:U},!this.hideLabel&&a("ic-input-label",{key:"3ee4d01a7e1705d1bdd1e88dc734a16f990c35c9",for:e,label:i,helperText:l,required:r,disabled:Z,readonly:z}),a("ic-input-component-container",{key:"d6300116fc334d565681cedb6c2e4b637dd8fe5f",size:o,validationStatus:_,multiLine:G,disabled:U,readonly:z,validationInline:q,fullWidth:B},ee&&a("span",{key:"2dae55d8265539a3c1b1975ebb63015fb2b66ceb",class:{readonly:!!z,"has-value":this.getNumberOfCharacters(y)>0},slot:"left-icon"},a("slot",{key:"c363bc9c876a3be7db91dd1afd8eac8013f176a2",name:"icon"})),!G?a("input",Object.assign({id:e,name:t,ref:e=>this.inputEl=e,type:this.type,min:g,max:w,value:y,class:{"no-left-pad":!ee&&!!z,readonly:!!z,"truncate-value":!!D},placeholder:n?n:"",required:r,disabled:U,readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":Y,"aria-invalid":te,"aria-activedescendant":this.ariaActiveDescendant,"aria-expanded":this.ariaExpanded,"aria-owns":this.ariaOwns,autocomplete:this.autocomplete,autocapitalize:this.autocapitalize,spellcheck:H,inputmode:W,role:this.role,maxlength:$?C:undefined,minlength:T?N:undefined},this.inheritedAttributes)):a("textarea",Object.assign({id:e,class:{"no-resize":h===false||!!z,"no-left-pad":!ee&&!!z,readonly:!!z},name:t,ref:e=>this.inputEl=e,value:y,rows:d,required:r,disabled:U,placeholder:n?n:"",readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":Y,"aria-invalid":te,autocapitalize:this.autocapitalize,spellcheck:H,inputmode:W,maxlength:$?C:undefined,minlength:T?N:undefined},this.inheritedAttributes)),x(S,"clear-button")&&a("slot",{key:"f08406702167a6155246e26df7fe64ef06b82976",name:"clear-button"}),x(S,"search-submit-button")&&a("slot",{key:"58c8ed7ed396953f0d4dff0aba462b10e58bd78b",name:"search-submit-button"})),x(S,"menu")&&a("slot",{key:"15496f93b502c8b0d55b0a2da6622e8ab425ef49",name:"menu"}),(!v(L)||!v(M)||J>0||F||I||T||j)&&!V&&a("ic-input-validation",{key:"675805dbde2426192861938a009728af5d0ea56f",status:this.hasStatus(_)===false||_===b.Success&&q||V?"":_,message:A?E:"",ariaLiveMode:R,for:e,fullWidth:B},!z&&J>0&&a("div",{key:"92b805a2b9b4d87347f767c750c7d9ce8be6c909",slot:"validation-message-adornment"},!c&&a("ic-typography",{key:"2a24743dc253ab95c360c2ae78e559c0437202dc",variant:"caption",class:"char-count-text"},a("span",{key:"a71f41c5313d828123d275a41ae694ec2c0b2f5e",class:"char-count"},k,"/",J)),a("span",{key:"9c6d7a87b3d4a0f2baf9b1f732f0940d5e0fbe7b",class:"remaining-char-count-desc","aria-live":"polite"},Q),a("span",{key:"3aba077c149ce80fa5732245829e6e02c4bf52c8",hidden:true,id:X},"Field can contain a maximum of ",J," characters.")))))}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],value:["watchValueHandler"]}}};C.style=w;export{C as ic_text_field};
2
+ //# sourceMappingURL=p-9b741f96.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icTextFieldCss","IcTextFieldStyle0","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","TextField","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","numChars","maxCharactersReached","maxCharactersWarning","minCharactersUnattained","maxValueExceeded","minValueUnattained","ariaAutocomplete","undefined","autocapitalize","autocomplete","autocorrect","autofocus","disabled","fullWidth","helperText","hideCharCount","hideLabel","hiddenInput","inputId","inputmode","maxCharacters","minCharacters","name","placeholder","readonly","required","resize","rows","size","spellcheck","theme","type","validationInline","validationInlineInternal","validationStatus","validationText","debounce","value","initialValue","checkChildHydration","el","_a","shadowRoot","querySelector","classList","contains","setFocus","clearInterval","interval","getNumberOfCharacters","length","getMaxValueExceeded","Number","min","max","getMaxCharactersReached","onInput","ev","target","icInput","emit","onBlur","removeEventListener","onWheel","icBlur","onFocus","addEventListener","icFocus","blur","setTimeout","focus","hasStatus","status","handleFormReset","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","addedNodes","removedNodes","includes","attribute","getAttribute","checkSlotInChildMutations","forceUpdate","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","watchValueHandler","newValue","substring","inputEl","connectedCallback","disconnectedCallback","removeFormResetListener","disconnect","componentWillLoad","inheritAttributes","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","getValidationText","MutationObserver","observe","attributes","childList","setInterval","handleKeyDown","icKeydown","event","render","truncateValue","disabledMode","currentStatus","IcInformationStatus","Warning","Error","currentValidationText","maxNumChars","messageAriaLive","showStatusText","Success","multiline","charsRemaining","hiddenRemainingCharCountDesc","hiddenCharCountDescId","describedBy","getInputDescribedByText","trim","disabledText","showLeftIcon","invalid","renderHiddenInput","removeHiddenInput","h","Host","key","class","for","multiLine","slot","Object","assign","id","ref","ariaActiveDescendant","ariaExpanded","ariaOwns","role","maxlength","minlength","isSlotUsed","isEmptyString","message","ariaLiveMode","variant","hidden"],"sources":["src/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","src/components/ic-text-field/ic-text-field.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n /**\n * @prop --input-width: Width of the input field\n */\n display: block;\n\n --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n --border-color: var(--ic-text-field-border-neutral);\n --border-color-hover: var(--ic-text-field-border-neutral-hover);\n --border-color-pressed: var(--ic-text-field-border-neutral-pressed);\n --border-color-disabled: var(--ic-text-field-border-disabled);\n --border-color-error: var(--ic-text-field-border-error);\n --border-color-error-hover: var(--ic-text-field-border-error-hover);\n --border-color-error-pressed: var(--ic-text-field-border-error-pressed);\n --border-color-success: var(--ic-text-field-border-success);\n --border-color-success-hover: var(--ic-text-field-border-success-hover);\n --border-color-success-pressed: var(--ic-text-field-border-success-pressed);\n --border-color-warning: var(--ic-text-field-border-warning);\n --border-color-warning-hover: var(--ic-text-field-border-warning-hover);\n --border-color-warning-pressed: var(--ic-text-field-border-warning-pressed);\n --ic-input-label-text-color: var(--ic-text-field-label);\n --ic-input-label-helper-text-color: var(--ic-text-field-subtitle);\n --ic-input-validation-status-text-color: var(--ic-text-field-state-text);\n --ic-input-validation-error: var(--ic-text-field-state-icon-error);\n --ic-input-validation-warning-icon-color: var(\n --ic-text-field-state-icon-warning\n );\n --ic-input-validation-success-icon-color: var(\n --ic-text-field-state-icon-success\n );\n --ic-input-component-container-success-icon-inline-color: var(\n --ic-text-field-state-icon-success\n );\n}\n\n:host(.ic-text-field-disabled) {\n --ic-input-label-text-color: var(--ic-text-field-label-disabled);\n --ic-input-label-helper-text-color: var(--ic-text-field-subtitle-disabled);\n --text-field-placeholder-color: var(\n --ic-text-field-text-area-placeholder-text-disabled\n );\n}\n\n:host(.ic-text-field-full-width) {\n width: 100%;\n}\n\n::placeholder {\n color: var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );\n opacity: 1;\n}\n\ninput,\ntextarea {\n border: 0;\n border-radius: var(--ic-border-radius);\n color: var(--text-field-text-color, var(--ic-text-field-text));\n background-color: var(--input-bg-color, var(--ic-text-field-background));\n line-height: 1.5rem;\n letter-spacing: 0.005rem;\n width: 100%;\n padding-right: var(--ic-space-xs);\n padding-left: var(--ic-space-xs);\n caret-color: var(\n --text-field-typing-cursor,\n var(--ic-text-field-typing-cursor)\n );\n}\n\ntextarea {\n min-height: var(--ic-space-lg);\n resize: vertical;\n padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n border: 0;\n outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n color: var(\n --text-field-disabled-text-color,\n var(--ic-text-field-text-disabled)\n );\n}\n\ninput.readonly,\ntextarea.readonly {\n color: var(--ic-text-field-read-only-input-text-internal);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n resize: none;\n}\n\n.char-count-text {\n --ic-typography-color: var(--ic-text-field-character-limit);\n\n padding-right: var(--ic-space-xxxs);\n}\n\n:host(.ic-text-field-disabled) .char-count-text {\n --ic-typography-color: var(--ic-text-field-character-limit-disabled);\n}\n\n.no-left-pad {\n padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n fill: var(--ic-text-field-text-disabled);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n fill: var(--ic-text-field-input-internal-icon);\n}\n\n.char-count {\n margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\n.remaining-char-count-desc {\n position: absolute;\n left: -9999px;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n input.readonly,\n textarea.readonly {\n color: canvastext;\n }\n\n .has-value ::slotted([slot=\"icon\"]) {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n Method,\n h,\n forceUpdate,\n} from \"@stencil/core\";\nimport {\n IcInformationStatus,\n IcAutocompleteTypes,\n IcAutocorrectStates,\n IcInformationStatusOrEmpty,\n IcValueEventDetail,\n IcSizesNoLarge,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n inheritAttributes,\n debounceEvent,\n getInputDescribedByText,\n renderHiddenInput,\n isEmptyString,\n onComponentRequiredPropUndefined,\n addFormResetListener,\n removeFormResetListener,\n isSlotUsed,\n removeDisabledFalse,\n checkSlotInChildMutations,\n removeHiddenInput,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n IcAriaAutocompleteTypes,\n IcTextFieldInputModes,\n IcTextFieldTypes,\n} from \"./ic-text-field.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\n@Component({\n tag: \"ic-text-field\",\n styleUrl: \"ic-text-field.css\",\n shadow: true,\n})\nexport class TextField {\n private inheritedAttributes: { [k: string]: string } = {};\n private inputEl: HTMLInputElement | HTMLTextAreaElement;\n private hostMutationObserver: MutationObserver | null = null;\n private interval: ReturnType<typeof setInterval>;\n\n @Element() el: HTMLIcTextFieldElement;\n\n @State() numChars: number = 0;\n @State() maxCharactersReached: boolean = false;\n @State() maxCharactersWarning: boolean = false;\n @State() minCharactersUnattained: boolean = false;\n @State() maxValueExceeded: boolean = false;\n @State() minValueUnattained: boolean = false;\n\n /**\n * @slot clear-button - an ic-button clear component will render as an end adornment to the input.\n * @slot search-submit-button - an ic-button search submit component will render as an end adornment to the input.\n * @slot menu - an ic-menu component will appear below the input.\n */\n\n /**\n * @internal The active element when focus is on the ic-menu items.\n */\n @Prop() ariaActiveDescendant?: string;\n\n /**\n * @internal Used to identify whether inputting any text triggers more predictions\n */\n @Prop() ariaAutocomplete?: IcAriaAutocompleteTypes = undefined;\n\n /**\n * @internal Used to identify if the slotted menu is rendered\n */\n @Prop() ariaExpanded: string | undefined;\n\n /**\n * @internal Used to identify any related child component\n */\n @Prop() ariaOwns?: string;\n\n /**\n * The automatic capitalisation of the text value as it is entered/edited by the user.\n * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n */\n @Prop() autocapitalize: string | undefined = \"off\";\n\n /**\n * The state of autocompletion the browser can apply on the text value.\n */\n @Prop() autocomplete?: IcAutocompleteTypes = \"off\";\n\n /**\n * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n */\n @Prop() autocorrect?: IcAutocorrectStates = \"off\";\n\n /**\n * If `true`, the form control will have input focus when the page loads.\n */\n @Prop() autofocus: boolean | undefined = false;\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 as HTMLElement);\n }\n\n /**\n * Specify whether the text field fills the full width of the container.\n * If `true`, this overrides the --input-width CSS variable.\n */\n @Prop() fullWidth?: boolean = false;\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText?: string = \"\";\n\n /**\n * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.\n */\n @Prop() hideCharCount?: boolean = false;\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * @internal If `true`, the hidden form input will stop rendering for form submission.\n */\n @Prop() hiddenInput?: boolean = true;\n\n /**\n * The ID for the input.\n */\n @Prop() inputId?: string = `ic-text-field-input-${inputIds++}`;\n\n /**\n * A hint to the browser for which keyboard to display.\n * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n */\n @Prop() inputmode?: IcTextFieldInputModes = \"text\";\n\n /**\n * The label for the input.\n */\n @Prop() label!: string;\n\n /**\n * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\n */\n @Prop() max?: string | number;\n\n /**\n * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)\n */\n @Prop() maxCharacters?: number = 0;\n\n /**\n * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\n */\n @Prop() min?: string | number;\n\n /**\n * The minimum number of characters that can be entered in the field.\n */\n @Prop() minCharacters?: number = 0;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name?: string = this.inputId;\n\n /**\n * The placeholder value to be displayed.\n */\n @Prop() placeholder?: string = \"\";\n\n /**\n * If `true`, the read only state will be set.\n */\n @Prop({ reflect: true }) readonly?: boolean = false;\n\n /**\n * If `true`, the input will require a value.\n */\n @Prop() required?: boolean = false;\n\n /**\n * If `true`, the multiline text area will be resizeable.\n */\n @Prop() resize?: boolean = false;\n\n /**\n * @internal Used to set the role if not default textbox;\n */\n @Prop() role: string | undefined;\n\n /**\n * The number of rows to transform the text field into a text area with a specific height.\n */\n @Prop() rows?: number = 1;\n\n /**\n * The size of the text field component.\n */\n @Prop() size?: IcSizesNoLarge = \"medium\";\n\n /**\n * If `true`, the value of the text field will have its spelling and grammar checked.\n */\n @Prop() spellcheck: boolean | undefined = false;\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 * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\n */\n @Prop() truncateValue?: boolean;\n\n /**\n * The type of control to display. The default type is text.\n */\n @Prop() type?: IcTextFieldTypes = \"text\";\n\n /**\n * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\n */\n @Prop() validationInline?: boolean = false;\n\n /**\n * @internal If `true`, the validation will display inline.\n */\n @Prop() validationInlineInternal?: boolean = false;\n\n /**\n * The validation state - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n /**\n * The validation state - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationText?: string = \"\";\n\n /**\n * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n */\n @Prop() debounce?: number = 0;\n\n @Watch(\"debounce\")\n private debounceChanged() {\n this.icChange = debounceEvent(this.icChange, this.debounce!);\n }\n\n /**\n * The value of the text field.\n */\n @Prop({ reflect: true, mutable: true }) value: string = \"\";\n @State() initialValue = this.value;\n\n @Watch(\"value\")\n private watchValueHandler(newValue: string): void {\n let value;\n\n if (this.maxCharacters! > 0) {\n value = newValue.substring(0, this.maxCharacters);\n this.value = value;\n } else {\n value = newValue;\n }\n\n if (this.inputEl && this.inputEl.value !== value) {\n this.inputEl.value = value;\n }\n\n this.getMaxValueExceeded(value);\n\n this.getMaxCharactersReached(value);\n\n this.icChange.emit({ value });\n }\n\n /**\n * @internal Emitted when the validationInlineInternal is `true`\n */\n @Event() getValidationText: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when input loses focus.\n */\n @Event() icBlur: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when the value has changed.\n */\n @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when input gains focus.\n */\n @Event() icFocus: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when a keyboard input occurred.\n */\n @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when a keydown event occurred.\n */\n @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n connectedCallback(): void {\n this.debounceChanged();\n }\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el as HTMLElement, this.handleFormReset);\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n if (this.value !== this.initialValue) {\n this.watchValueHandler(this.value);\n } else if (this.maxCharacters! > 0) {\n this.value = this.value.substring(0, this.maxCharacters);\n }\n\n this.getMaxValueExceeded(this.value);\n this.getMaxCharactersReached(this.value);\n\n this.inheritedAttributes = inheritAttributes(\n this.el as HTMLElement,\n MUTABLE_ATTRIBUTES\n );\n\n if (this.readonly) {\n this.maxValueExceeded = false;\n this.minValueUnattained = false;\n }\n\n addFormResetListener(this.el as HTMLElement, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.el as HTMLElement);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Text Field\"\n );\n if (this.validationInlineInternal) {\n this.getValidationText.emit({ value: this.validationText! });\n }\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n childList: true,\n });\n\n if (this.autofocus && !this.disabled && !this.readonly) {\n this.interval = setInterval(this.checkChildHydration, 50);\n }\n }\n\n private checkChildHydration = () => {\n const el = this.el.shadowRoot?.querySelector(\"ic-typography\");\n if (this.hideLabel || (el && el.classList.contains(\"hydrated\"))) {\n this.setFocus();\n clearInterval(this.interval);\n }\n };\n\n @Listen(\"keydown\", {})\n handleKeyDown(ev: KeyboardEvent): void {\n this.icKeydown.emit({ event: ev });\n this.maxCharactersWarning = this.maxCharactersReached;\n }\n\n /**\n * Sets focus on the native `input`.\n */\n\n @Method()\n async setFocus() {\n this.inputEl?.focus();\n }\n\n private getNumberOfCharacters = (value: string) =>\n value !== null && value !== undefined ? value.length : 0;\n\n private getMaxValueExceeded = (value: string) => {\n this.numChars = this.getNumberOfCharacters(value);\n\n if (this.type === \"number\") {\n this.minValueUnattained = !!value && Number(value) < Number(this.min);\n this.maxValueExceeded = Number(value) > Number(this.max);\n }\n };\n\n private getMaxCharactersReached = (value: string) => {\n this.numChars = this.getNumberOfCharacters(value);\n\n this.maxCharactersReached =\n this.maxCharacters! > 0 ? this.numChars >= this.maxCharacters! : false;\n\n if (this.maxCharactersWarning && !this.maxCharactersReached) {\n this.maxCharactersWarning = false;\n }\n };\n\n private onInput = (ev: Event) => {\n this.value = (ev.target as HTMLInputElement).value;\n this.icInput.emit({ value: this.value });\n };\n\n private onBlur = (ev: Event) => {\n const target = ev.target as HTMLInputElement;\n target.removeEventListener(\"wheel\", this.onWheel);\n const value = (ev.target as HTMLInputElement).value;\n this.numChars = value.length;\n this.minCharactersUnattained =\n this.minCharacters! > 0 ? this.numChars < this.minCharacters! : false;\n this.icBlur.emit({ value: value });\n };\n\n private onFocus = (ev: Event) => {\n const target = ev.target as HTMLInputElement;\n target.addEventListener(\"wheel\", this.onWheel);\n this.icFocus.emit({ value: (ev.target as HTMLInputElement).value });\n };\n\n private onWheel = (ev: WheelEvent) => {\n const target = ev.target as HTMLInputElement;\n if (target.type === \"number\") {\n target.blur();\n setTimeout(() => {\n target.focus();\n }, 0);\n }\n };\n\n private hasStatus = (status: IcInformationStatusOrEmpty) =>\n status !== \"\" && !this.disabled;\n\n private handleFormReset = (): void => {\n this.value = this.initialValue;\n };\n\n // triggered when attributes of host element change\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n let forceComponentUpdate = false;\n mutationList.forEach(\n ({ attributeName, type, addedNodes, removedNodes }) => {\n if (attributeName && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n const attribute = this.el.getAttribute(attributeName);\n if (attribute) {\n this.inheritedAttributes[attributeName] = attribute;\n }\n forceComponentUpdate = true;\n } else if (type === \"childList\") {\n forceComponentUpdate = checkSlotInChildMutations(\n addedNodes,\n removedNodes,\n \"icon\"\n );\n }\n }\n );\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n render() {\n const {\n inputId,\n name,\n label,\n required,\n size,\n placeholder,\n helperText,\n hideCharCount,\n rows,\n resize,\n disabled,\n value,\n min,\n max,\n numChars,\n readonly,\n maxCharacters,\n maxCharactersWarning,\n maxCharactersReached,\n minCharacters,\n minCharactersUnattained,\n minValueUnattained,\n maxValueExceeded,\n validationStatus,\n validationText,\n validationInline,\n validationInlineInternal,\n spellcheck,\n inputmode,\n fullWidth,\n truncateValue,\n hiddenInput,\n theme,\n } = this;\n\n const el = this.el as HTMLElement;\n\n const disabledMode = readonly || disabled;\n\n const currentStatus =\n maxValueExceeded ||\n minValueUnattained ||\n minCharactersUnattained ||\n maxCharactersWarning\n ? maxCharactersWarning\n ? IcInformationStatus.Warning\n : IcInformationStatus.Error\n : validationStatus;\n\n const currentValidationText = maxCharactersWarning\n ? `Maximum input is ${maxCharacters} characters`\n : maxValueExceeded\n ? `Maximum value of ${max} exceeded`\n : minValueUnattained\n ? `Minimum value of ${min} not met`\n : minCharactersUnattained\n ? `Minimum input is ${minCharacters} characters`\n : validationText;\n\n const maxNumChars = readonly ? 0 : maxCharacters;\n const messageAriaLive =\n maxCharactersWarning ||\n maxValueExceeded ||\n minValueUnattained ||\n currentStatus === IcInformationStatus.Error\n ? \"assertive\"\n : \"polite\";\n\n const showStatusText =\n this.hasStatus(currentStatus!) &&\n !(currentStatus == IcInformationStatus.Success && validationInline) &&\n !validationInlineInternal;\n\n const multiline = rows! > 1;\n\n const charsRemaining = maxNumChars! - numChars;\n const hiddenRemainingCharCountDesc = `${charsRemaining} character${\n charsRemaining === 1 ? \"\" : \"s\"\n } remaining.`;\n const hiddenCharCountDescId =\n maxCharacters! > 0 ? `${inputId}-char-count-desc` : \"\";\n\n const describedBy = `${hiddenCharCountDescId} ${getInputDescribedByText(\n inputId!,\n helperText !== \"\",\n showStatusText\n )}`.trim();\n\n const disabledText = disabledMode && !readonly;\n const showLeftIcon =\n !!this.el.querySelector(`[slot=\"icon\"]`) && !disabledText;\n\n const invalid = `${currentStatus === IcInformationStatus.Error}`;\n\n hiddenInput\n ? renderHiddenInput(\n true,\n this.el as HTMLElement,\n name!,\n value,\n disabledMode\n )\n : removeHiddenInput(this.el as HTMLElement);\n\n return (\n <Host\n class={{\n \"ic-text-field-full-width\": !!fullWidth,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n \"ic-text-field-disabled\": !!disabledMode,\n }}\n >\n <ic-input-container readonly={readonly} disabled={disabledMode}>\n {!this.hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n required={required}\n disabled={disabledText}\n readonly={readonly}\n ></ic-input-label>\n )}\n\n <ic-input-component-container\n size={size}\n validationStatus={currentStatus}\n multiLine={multiline}\n disabled={disabledMode}\n readonly={readonly}\n validationInline={validationInline}\n fullWidth={fullWidth}\n >\n {showLeftIcon && (\n <span\n class={{\n readonly: !!readonly,\n \"has-value\": this.getNumberOfCharacters(value) > 0,\n }}\n slot=\"left-icon\"\n >\n <slot name=\"icon\" />\n </span>\n )}\n\n {!multiline ? (\n <input\n id={inputId}\n name={name}\n ref={(el) => (this.inputEl = el as HTMLInputElement)}\n type={this.type}\n min={min}\n max={max}\n value={value}\n class={{\n \"no-left-pad\": !showLeftIcon && !!readonly,\n readonly: !!readonly,\n \"truncate-value\": !!truncateValue,\n }}\n placeholder={placeholder ? placeholder : \"\"}\n required={required}\n disabled={disabledMode}\n readonly={readonly}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n aria-label={label}\n aria-describedby={describedBy}\n aria-invalid={invalid}\n aria-activedescendant={this.ariaActiveDescendant}\n aria-expanded={this.ariaExpanded}\n aria-owns={this.ariaOwns}\n autocomplete={this.autocomplete}\n autocapitalize={this.autocapitalize}\n spellcheck={spellcheck}\n inputmode={inputmode}\n role={this.role}\n maxlength={maxCharactersReached ? maxCharacters : undefined}\n minlength={minCharactersUnattained ? minCharacters : undefined}\n {...this.inheritedAttributes}\n ></input>\n ) : (\n <textarea\n id={inputId}\n class={{\n \"no-resize\": resize === false || !!readonly,\n \"no-left-pad\": !showLeftIcon && !!readonly,\n readonly: !!readonly,\n }}\n name={name}\n ref={(el) => (this.inputEl = el as HTMLTextAreaElement)}\n value={value}\n rows={rows}\n required={required}\n disabled={disabledMode}\n placeholder={placeholder ? placeholder : \"\"}\n readonly={readonly}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n aria-label={label}\n aria-describedby={describedBy}\n aria-invalid={invalid}\n autocapitalize={this.autocapitalize}\n spellcheck={spellcheck}\n inputmode={inputmode}\n maxlength={maxCharactersReached ? maxCharacters : undefined}\n minlength={minCharactersUnattained ? minCharacters : undefined}\n {...this.inheritedAttributes}\n ></textarea>\n )}\n {isSlotUsed(el, \"clear-button\") && (\n <slot name=\"clear-button\"></slot>\n )}\n {isSlotUsed(el, \"search-submit-button\") && (\n <slot name=\"search-submit-button\"></slot>\n )}\n </ic-input-component-container>\n {isSlotUsed(el, \"menu\") && <slot name=\"menu\"></slot>}\n {(!isEmptyString(validationStatus!) ||\n !isEmptyString(validationText!) ||\n maxNumChars! > 0 ||\n maxValueExceeded ||\n maxCharactersWarning ||\n minCharactersUnattained ||\n minValueUnattained) &&\n !validationInlineInternal && (\n <ic-input-validation\n status={\n this.hasStatus(currentStatus!) === false ||\n (currentStatus === IcInformationStatus.Success &&\n validationInline) ||\n validationInlineInternal\n ? \"\"\n : currentStatus\n }\n message={showStatusText ? currentValidationText! : \"\"}\n ariaLiveMode={messageAriaLive}\n for={inputId}\n fullWidth={fullWidth}\n >\n {!readonly && maxNumChars! > 0 && (\n <div slot=\"validation-message-adornment\">\n {!hideCharCount && (\n <ic-typography variant=\"caption\" class=\"char-count-text\">\n <span class=\"char-count\">\n {numChars}/{maxNumChars}\n </span>\n </ic-typography>\n )}\n <span class=\"remaining-char-count-desc\" aria-live=\"polite\">\n {hiddenRemainingCharCountDesc}\n </span>\n <span hidden={true} id={hiddenCharCountDescId}>\n Field can contain a maximum of {maxNumChars} characters.\n </span>\n </div>\n )}\n </ic-input-validation>\n )}\n </ic-input-container>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{c as o}from"./p-f074ef5b.js";import{i as n,V as r,b as c,O as d,d as l}from"./p-269f841d.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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host([variant="neutral"]) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host([variant="info"]) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host([variant="warning"]) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host([variant="error"]) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host([variant="success"]) .toast-icon svg{fill:var(--ic-toast-icon-success)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-light)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const b=h;const m=1e3;const u=70;const p=140;const f=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=m/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>u,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(n(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(n(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:r[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||r[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,m);return null}else{window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l}=this;return e(s,{key:"fa6a7d6728859eb5b7269aa107c1245f95e8c070",class:{["ic-toast-hidden"]:!c},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"bd9d63cf3aa162336af8c98c7b5ef0eef9727a05",class:"container"},t&&c&&e("div",{key:"ab69806c35fc984bf2bccdb45f2568dd7e43b45c",class:"toast-icon-container"},e("div",{key:"f69c093a9d15bcf6592c39736657ea7d921b436b",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:r[t].icon})),e("div",{key:"58c6b130bf233edf14a9306eded733671a9bcc7a",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!n(this.el,"neutral-icon")}},e("div",{key:"a99ef4a5497b62d3724f1c3001b592bee3b7c76f",class:"toast-text"},e("ic-typography",{key:"08ff7bf5c471121d854cdc34d78ff42194c6a50d",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),a&&e("ic-typography",{key:"905b01333ed90c57a3e538b1fb9f10df970f1331",variant:"body",class:"toast-message"},c&&e("p",{key:"a54c00d59185300ec781bbc4d2cf8f19aaa695a9"},a))),n(this.el,"action")&&e("div",{key:"56a80eeb87e7c886cb4dd31ec059020ff1ba820b",class:"toast-action-container"},e("slot",{key:"4e09a9eaf12503e0bd377e112617e8390b1eac5e",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon","aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=b;export{f as ic_toast};
2
+ //# sourceMappingURL=p-9dbe3f3e.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icToastCss","IcToastStyle0","AUTO_DISMISS_TIMER_REFRESH_RATE_MS","TOAST_HEADING_CHAR_LIMIT","TOAST_MESSAGE_CHAR_LIMIT","Toast","constructor","hostRef","this","interactiveElements","timerProgress","visible","autoDismissTimeout","dismissButtonAriaLabel","dismissMode","dismissAction","icDismiss","emit","handleProgressChange","onFocus","focusInteractiveElement","isManual","onBlur","handleTimer","type","dismissModeChangeHandler","newValue","disconnectedCallback","window","clearTimeout","dismissTimeout","clearInterval","timerRefreshInterval","componentWillLoad","handleLongText","heading","length","message","_a","isSlotUsed","el","variant","neutralVariantLabel","_b","neutralIconAriaLabel","VARIANT_ICONS","ariaLabel","toastMessage","isPropDefined","setAttribute","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","resetAutoDismissTimer","actionContent","getSlot","dismissButton","shadowRoot","querySelector","push","findNextInteractiveElement","shiftKeyPressed","setFocus","watchVisibleHandler","handleDismiss","handleKeyboard","ev","key","preventDefault","shiftKey","repeat","stopImmediatePropagation","setTimeout","setInterval","setVisible","document","activeElement","headingTooLong","messageTooLong","console","error","isBackwards","firstEl","lastEl","isActive","currentIndex","some","index","targetEl","render","h","Host","class","tabindex","role","name","innerHTML","icon","theme","monochrome","size","progress","description","id","closeIcon","onClick"],"sources":["src/components/ic-toast/ic-toast.css?tag=ic-toast&encapsulation=shadow","src/components/ic-toast/ic-toast.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-toast: z-index of toast\n */\n\n@media (prefers-reduced-motion: no-preference) {\n :host {\n animation: fadein var(--ic-transition-duration-slow) ease-in-out;\n }\n\n :host(.hidden) {\n animation: fadeout var(--ic-transition-duration-slow) ease-in-out;\n }\n}\n\n:host {\n --bottom-position: var(--ic-space-xl);\n\n position: fixed;\n bottom: var(--bottom-position);\n left: 50%;\n transform: translate(-50%);\n z-index: var(--ic-z-index-toast);\n}\n\n:host(.ic-toast-hidden) {\n display: none;\n}\n\n:host(:focus) {\n outline: none;\n}\n\n.container {\n max-width: 32.5rem;\n min-width: 18rem;\n box-shadow: var(--ic-elevation-overlay);\n min-height: 3.5rem;\n background-color: var(--ic-toast-background);\n display: flex;\n align-items: center;\n position: relative;\n border-radius: var(--ic-border-radius);\n}\n\n.toast-icon-container {\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.divider {\n height: 100%;\n width: var(--ic-space-xs);\n position: absolute;\n border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n}\n\n.divider-neutral {\n background-color: var(--ic-toast-status-neutral);\n}\n\n.divider-info {\n background-color: var(--ic-toast-status-info);\n}\n\n.divider-warning {\n background-color: var(--ic-toast-status-warning);\n}\n\n.divider-error {\n background-color: var(--ic-toast-status-error);\n}\n\n.divider-success {\n background-color: var(--ic-toast-status-success);\n}\n\n.toast-icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n}\n\n:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg) {\n fill: var(--ic-toast-icon-neutral);\n}\n\n:host([variant=\"info\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-info);\n}\n\n:host([variant=\"warning\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-warning);\n}\n\n:host([variant=\"error\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-error);\n}\n\n:host([variant=\"success\"]) .toast-icon svg {\n fill: var(--ic-toast-icon-success);\n}\n\n.toast-content {\n margin-left: var(--ic-space-xs);\n width: 100%;\n}\n\n.no-icon {\n margin-left: var(--ic-space-md);\n}\n\n.toast-text {\n padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n.toast-heading {\n --ic-typography-color: var(--ic-toast-title);\n}\n\n.toast-message {\n --ic-typography-color: var(--ic-toast-description);\n}\n\n.toast-action-container {\n padding-bottom: var(--ic-space-md);\n}\n\n#dismiss-button {\n padding: var(--ic-space-xs);\n}\n\n#dismiss-button > svg {\n color: var(--ic-toast-dismiss-button);\n}\n\nic-loading-indicator {\n --outer-color: transparent;\n --inner-color: var(--ic-action-light);\n}\n\n.toast-dismiss-timer {\n padding: var(--ic-space-sm);\n}\n\n@media (max-width: 576px) {\n :host {\n --bottom-position: var(--ic-space-lg);\n\n width: calc(100% - 2 * var(--ic-space-md));\n }\n}\n\n@media (min-width: 993px) {\n :host {\n --bottom-position: calc(var(--ic-space-xl) + var(--ic-space-xs));\n }\n}\n\n@media (forced-colors: active) {\n .container {\n border: var(--ic-border-hc);\n }\n}\n\n@keyframes fadein {\n from {\n bottom: 0;\n opacity: 0;\n }\n\n to {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n}\n\n@keyframes fadeout {\n from {\n bottom: var(--bottom-position);\n opacity: 1;\n }\n\n to {\n bottom: 0;\n opacity: 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\nimport {\n getSlot,\n isPropDefined,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport { IcActivationTypes, IcStatusVariants } from \"../../utils/types\";\nimport { ActionAreaElementTypes } from \"./ic-toast.types\";\n\nconst AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;\nconst TOAST_HEADING_CHAR_LIMIT = 70;\nconst TOAST_MESSAGE_CHAR_LIMIT = 140;\n\n/**\n * @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.\n * @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.\n */\n@Component({\n tag: \"ic-toast\",\n styleUrl: \"ic-toast.css\",\n shadow: true,\n})\nexport class Toast {\n private dismissTimeout: number;\n private interactiveElements: ActionAreaElementTypes[] = [];\n private neutralVariantLabel: string;\n private timerRefreshInterval: number;\n private focusInteractiveElement: boolean;\n private shiftKeyPressed: boolean;\n\n @Element() el: HTMLIcToastElement;\n\n @State() isManual: boolean;\n @State() timerProgress = 100;\n @State() visible = false;\n\n /**\n * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS)\n * (NOTE: Has a minimum value of `5000ms`)\n */\n @Prop({ mutable: true }) autoDismissTimeout? = 5000;\n\n /**\n * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component\n */\n @Prop() dismissButtonAriaLabel? = \"dismiss\";\n\n /**\n * How the toast will be dismissed. If manual will display a dismiss button.\n */\n @Prop({ mutable: true }) dismissMode?: IcActivationTypes = \"manual\";\n @Watch(\"dismissMode\")\n dismissModeChangeHandler(newValue: IcActivationTypes): void {\n this.isManual = newValue === \"manual\";\n }\n\n /**\n * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)\n */\n @Prop() heading!: string;\n\n /**\n * The main body message of the toast. (NOTE: Should be no more than `140` characters)\n */\n @Prop() message?: string;\n\n /**\n * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon\n */\n @Prop() neutralIconAriaLabel?: string;\n\n /**\n * The variant of the toast being rendered\n */\n @Prop({ mutable: true }) variant?: IcStatusVariants;\n\n /**\n * Is emitted when the user dismisses the toast\n */\n @Event() icDismiss: EventEmitter<void>;\n\n disconnectedCallback(): void {\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n }\n\n componentWillLoad(): void {\n this.handleLongText(\n this.heading.length > TOAST_HEADING_CHAR_LIMIT,\n !!this.message && this.message?.length > TOAST_MESSAGE_CHAR_LIMIT\n );\n\n if (this.autoDismissTimeout! < 5000) this.autoDismissTimeout = 5000;\n\n if (isSlotUsed(this.el, \"action\")) this.dismissMode = \"manual\";\n this.isManual = this.dismissMode === \"manual\";\n\n if (isSlotUsed(this.el, \"neutral-icon\")) this.variant = \"neutral\";\n if (this.variant === \"neutral\") {\n this.neutralVariantLabel =\n this.neutralIconAriaLabel ?? VARIANT_ICONS[this.variant].ariaLabel;\n }\n\n if (this.isManual) {\n const toastMessage: string = isPropDefined(this.message)\n ? `. ${this.message}`\n : \"\";\n this.el.setAttribute(\n \"aria-label\",\n this.variant\n ? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel\n : this.heading\n );\n (this.variant || this.message) &&\n this.el.setAttribute(\n \"aria-description\",\n this.variant ? `${this.heading}${toastMessage}` : this.message || \"\"\n );\n }\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Toast\"\n );\n }\n\n componentDidUpdate(): void {\n if (this.focusInteractiveElement && this.isManual) {\n this.resetAutoDismissTimer();\n\n const actionContent = getSlot(\n this.el,\n \"action\"\n ) as ActionAreaElementTypes;\n const dismissButton = this.el.shadowRoot?.querySelector(\"ic-button\");\n if (actionContent) this.interactiveElements.push(actionContent);\n if (dismissButton) this.interactiveElements.push(dismissButton);\n\n this.focusInteractiveElement = false;\n this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();\n this.shiftKeyPressed = false;\n }\n }\n\n @Watch(\"visible\")\n watchVisibleHandler(): void {\n if (this.visible) {\n const actionContent = getSlot(\n this.el,\n \"action\"\n ) as ActionAreaElementTypes;\n const dismissButton = this.el.shadowRoot?.querySelector(\"ic-button\");\n if (actionContent) this.interactiveElements.push(actionContent);\n if (dismissButton) this.interactiveElements.push(dismissButton);\n } else {\n this.interactiveElements = [];\n }\n }\n\n @Listen(\"icDismiss\", { capture: true })\n handleDismiss(): void {\n this.visible = false;\n this.resetAutoDismissTimer();\n }\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeyboard(ev: KeyboardEvent): void {\n if (this.visible) {\n if (this.isManual) {\n switch (ev.key) {\n case \"Tab\":\n ev.preventDefault();\n this.findNextInteractiveElement(ev.shiftKey).setFocus();\n break;\n case \"Escape\":\n !ev.repeat && this.dismissAction();\n ev.stopImmediatePropagation();\n break;\n }\n } else {\n if (ev.key === \"Tab\") {\n this.shiftKeyPressed = ev.shiftKey;\n this.focusInteractiveElement = true;\n }\n }\n }\n }\n\n @Listen(\"mouseenter\")\n @Listen(\"mouseleave\")\n handleTimer(ev: MouseEvent): void {\n switch (ev.type) {\n case \"mouseenter\":\n if (!this.isManual) {\n this.resetAutoDismissTimer();\n }\n this.isManual = true;\n break;\n case \"mouseleave\":\n if (this.dismissMode === \"automatic\") {\n this.isManual = false;\n this.interactiveElements = [];\n if (this.visible) {\n this.dismissTimeout = window.setTimeout(\n this.dismissAction,\n this.autoDismissTimeout\n );\n this.timerRefreshInterval = window.setInterval(\n this.handleProgressChange,\n AUTO_DISMISS_TIMER_REFRESH_RATE_MS\n );\n }\n }\n break;\n }\n }\n\n /**\n * @internal Used to display the individual toast.\n * @returns The element that previously had focus before the toast appeared\n */\n @Method()\n async setVisible(): Promise<HTMLElement | null> {\n if (!this.visible) this.visible = true;\n if (!this.isManual) {\n this.dismissTimeout = window.setTimeout(\n this.dismissAction,\n this.autoDismissTimeout\n );\n this.timerRefreshInterval = window.setInterval(\n this.handleProgressChange,\n AUTO_DISMISS_TIMER_REFRESH_RATE_MS\n );\n return null;\n } else {\n window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);\n return document.activeElement as HTMLElement;\n }\n }\n\n private dismissAction = (): void => {\n this.icDismiss.emit();\n };\n\n private handleProgressChange = () => {\n this.timerProgress -=\n (AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout!) * 100;\n };\n\n private handleLongText(\n headingTooLong: boolean,\n messageTooLong?: boolean\n ): void {\n if (messageTooLong || headingTooLong) {\n console.error(\n `Too many characters in toast ${headingTooLong ? \"heading\" : \"\"}${\n headingTooLong && messageTooLong ? \" and \" : \"\"\n }${\n messageTooLong ? \"message\" : \"\"\n }. Refer to character limits specified in the prop description`\n );\n }\n }\n\n private findNextInteractiveElement(\n isBackwards: boolean\n ): ActionAreaElementTypes {\n const firstEl = this.interactiveElements[0];\n const lastEl =\n this.interactiveElements[this.interactiveElements.length - 1];\n\n if (this.isActive(isBackwards ? firstEl : lastEl))\n return isBackwards ? lastEl : firstEl;\n\n let currentIndex = 0;\n\n return this.interactiveElements.some((el, index) => {\n if (!this.isActive(el)) return false;\n currentIndex = index;\n return true;\n })\n ? this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)]\n : firstEl;\n }\n\n private resetAutoDismissTimer(): void {\n window.clearTimeout(this.dismissTimeout);\n window.clearInterval(this.timerRefreshInterval);\n this.timerProgress = 100;\n }\n\n private isActive(targetEl: HTMLElement): boolean {\n return targetEl === this.el\n ? !!this.el.shadowRoot!.activeElement\n : document.activeElement === targetEl;\n }\n\n private onFocus = (): void => {\n if (this.focusInteractiveElement) {\n this.isManual = true;\n }\n };\n\n private onBlur = (): void => {\n this.handleTimer({ type: \"mouseleave\" } as MouseEvent);\n };\n\n render() {\n const {\n variant,\n heading,\n message,\n visible,\n isManual,\n dismissButtonAriaLabel,\n } = this;\n return (\n <Host\n class={{ [\"ic-toast-hidden\"]: !visible }}\n tabindex=\"0\"\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n role={isManual ? \"dialog\" : \"alert\"}\n aria-live={isManual ? null : \"polite\"}\n >\n <div class=\"container\">\n {variant && visible && (\n <div class=\"toast-icon-container\">\n <div\n class={{\n [\"divider\"]: true,\n [`divider-${variant}`]: true,\n }}\n ></div>\n {variant === \"neutral\" ? (\n <slot name=\"neutral-icon\" />\n ) : (\n <span\n class=\"toast-icon\"\n innerHTML={VARIANT_ICONS[variant].icon}\n ></span>\n )}\n </div>\n )}\n <div\n class={{\n [\"toast-content\"]: true,\n [\"no-icon\"]:\n variant === \"neutral\" && !isSlotUsed(this.el, \"neutral-icon\"),\n }}\n >\n <div class=\"toast-text\">\n <ic-typography variant=\"subtitle-large\" class=\"toast-heading\">\n {visible && (isManual ? <h5>{heading}</h5> : <p>{heading}</p>)}\n </ic-typography>\n {message && (\n <ic-typography variant=\"body\" class=\"toast-message\">\n {visible && <p>{message}</p>}\n </ic-typography>\n )}\n </div>\n {isSlotUsed(this.el, \"action\") && (\n <div class=\"toast-action-container\">\n <slot name=\"action\" />\n </div>\n )}\n </div>\n {!isManual ? (\n <ic-loading-indicator\n class=\"toast-dismiss-timer\"\n theme=\"dark\"\n monochrome\n size=\"icon\"\n progress={this.timerProgress}\n description=\"Dismiss timer\"\n ></ic-loading-indicator>\n ) : (\n <ic-button\n id=\"dismiss-button\"\n innerHTML={closeIcon}\n onClick={this.dismissAction}\n variant=\"icon\"\n aria-label={dismissButtonAriaLabel}\n ></ic-button>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as t,H as a,g as i}from"./p-8e4e97b4.js";import{i as s,b as c,a as o}from"./p-269f841d.js";const d=':host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot="heading"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot="subheading"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot="body"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}';const r=d;const l=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.aligned="left";this.imageSize="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){!s(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver((e=>o(e,["image","actions"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:e,body:i,maxLines:c,heading:o,imageSize:d,subheading:r,theme:l}=this;return t(a,{key:"d8dbd02105f4b01a468436fd73ccd4ddec2a4cf1",class:{[`ic-empty-state-${e}`]:true,[`image-${d}`]:s(this.el,"image"),[`ic-theme-${l}`]:l!=="inherit"}},s(this.el,"image")&&t("slot",{key:"d7bed2bb22a41377f6c9032660bc62f79294510c",name:"image"}),t("div",{key:"64df9d8fb5ffbb9724a2e87a67eed03526564527"},t("slot",{key:"5fee4dfbeef7272bcd423c7fb2bfc49e5e557718",name:"heading"},t("ic-typography",{key:"523cac0cce5c01cca9540396b95f0ab13d0ef9cd",variant:"h4",class:"empty-state-heading"},o)),t("slot",{key:"904f2c3ceeeef991a099a4fc0521de002c6e8fc3",name:"subheading"},t("ic-typography",{key:"6eb71c04bfae24d0ece644cea3730251ecd38e77",variant:"subtitle-small",class:"empty-state-subheading"},r)),t("slot",{key:"6dc1f5e4e3071b5c0277c993502f1f043b247330",name:"body"},t("ic-typography",{key:"f60da219bd12eda8df1229eba9ae9904458e4692",maxLines:c,class:"empty-state-body"},i))),s(this.el,"actions")&&t("div",{key:"73247068a45635e5e64d513239ada3e97a4a4302",class:"action-area"},t("slot",{key:"19a448208f663a595f5a81a28b89834d0c62e78b",name:"actions"})))}get el(){return i(this)}};l.style=r;export{l as ic_empty_state};
2
+ //# sourceMappingURL=p-9ee2fe04.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icEmptyStateCss","IcEmptyStateStyle0","EmptyState","constructor","hostRef","this","hostMutationObserver","aligned","imageSize","theme","disconnectedCallback","_a","disconnect","componentDidLoad","isSlotUsed","el","onComponentRequiredPropUndefined","prop","heading","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","render","body","maxLines","subheading","h","Host","key","class","name","variant"],"sources":["src/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","src/components/ic-empty-state/ic-empty-state.tsx"],"sourcesContent":[":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.ic-empty-state-right),\n:host(.ic-empty-state-right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.ic-empty-state-center),\n:host(.ic-empty-state-center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-medium) ::slotted(svg),\n:host(.image-medium) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n\n::slotted([slot=\"heading\"]),\n.empty-state-heading {\n --ic-typography-color: var(--ic-empty-state-title);\n}\n\n::slotted([slot=\"subheading\"]),\n.empty-state-subheading {\n --ic-typography-color: var(--ic-empty-state-subtitle);\n}\n\n::slotted([slot=\"body\"]),\n.empty-state-body {\n --ic-typography-color: var(--ic-empty-state-body);\n}\n","import { h, Component, Host, Prop, Element } from \"@stencil/core\";\n\nimport { IcEmptyStateAlignment } from \"./ic-empty-state.types\";\nimport {\n isSlotUsed,\n onComponentRequiredPropUndefined,\n renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\n@Component({\n tag: \"ic-empty-state\",\n styleUrl: \"ic-empty-state.css\",\n shadow: true,\n})\nexport class EmptyState {\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcEmptyStateElement;\n\n /**\n * The alignment of the empty state container.\n */\n @Prop() aligned?: IcEmptyStateAlignment = \"left\";\n\n /**\n * The body text rendered in the empty state container.\n */\n @Prop() body?: string;\n\n /**\n * The number of lines of body text to display before truncating.\n */\n @Prop() maxLines?: number;\n\n /**\n * The title rendered in the empty state container.\n */\n @Prop() heading?: string;\n\n /**\n * The size of the image or icon used in the image slot.\n */\n @Prop() imageSize?: IcSizes = \"medium\";\n\n /**\n * The subtitle rendered in the empty state container.\n */\n @Prop() subheading?: 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 disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n componentDidLoad(): void {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Empty State\"\n );\n\n this.hostMutationObserver = new MutationObserver((mutationList) =>\n renderDynamicChildSlots(mutationList, [\"image\", \"actions\"], this)\n );\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n\n render() {\n const { aligned, body, maxLines, heading, imageSize, subheading, theme } =\n this;\n return (\n <Host\n class={{\n [`ic-empty-state-${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n {isSlotUsed(this.el, \"image\") && <slot name=\"image\"></slot>}\n <div>\n <slot name=\"heading\">\n <ic-typography variant=\"h4\" class=\"empty-state-heading\">\n {heading}\n </ic-typography>\n </slot>\n <slot name=\"subheading\">\n <ic-typography\n variant=\"subtitle-small\"\n class=\"empty-state-subheading\"\n >\n {subheading}\n </ic-typography>\n </slot>\n <slot name=\"body\">\n <ic-typography maxLines={maxLines} class=\"empty-state-body\">\n {body}\n </ic-typography>\n </slot>\n </div>\n {isSlotUsed(this.el, \"actions\") && (\n <div class=\"action-area\">\n <slot name=\"actions\" />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAkB,gsCACxB,MAAAC,EAAeD,E,MCqBFE,EAAU,MALvB,WAAAC,CAAAC,G,UAMUC,KAAAC,qBAAgD,KAOhDD,KAAAE,QAAkC,OAoBlCF,KAAAG,UAAsB,SAUtBH,KAAAI,MAAsB,S,CAE9B,oBAAAC,G,OACEC,EAAAN,KAAKC,wBAAoB,MAAAK,SAAA,SAAAA,EAAEC,Y,CAG7B,gBAAAC,IACGC,EAAWT,KAAKU,GAAI,YACnBC,EACE,CAAC,CAAEC,KAAMZ,KAAKa,QAASC,SAAU,YACjC,eAGJd,KAAKC,qBAAuB,IAAIc,kBAAkBC,GAChDC,EAAwBD,EAAc,CAAC,QAAS,WAAYhB,QAE9DA,KAAKC,qBAAqBiB,QAAQlB,KAAKU,GAAI,CACzCS,UAAW,M,CAIf,MAAAC,GACE,MAAMlB,QAAEA,EAAOmB,KAAEA,EAAIC,SAAEA,EAAQT,QAAEA,EAAOV,UAAEA,EAASoB,WAAEA,EAAUnB,MAAEA,GAC/DJ,KACF,OACEwB,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,kBAAkBzB,KAAY,KAC/B,CAAC,SAASC,KAAcM,EAAWT,KAAKU,GAAI,SAC5C,CAAC,YAAYN,KAAUA,IAAU,YAGlCK,EAAWT,KAAKU,GAAI,UAAYc,EAAA,QAAAE,IAAA,2CAAME,KAAK,UAC5CJ,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAME,KAAK,WACTJ,EAAA,iBAAAE,IAAA,2CAAeG,QAAQ,KAAKF,MAAM,uBAC/Bd,IAGLW,EAAA,QAAAE,IAAA,2CAAME,KAAK,cACTJ,EAAA,iBAAAE,IAAA,2CACEG,QAAQ,iBACRF,MAAM,0BAELJ,IAGLC,EAAA,QAAAE,IAAA,2CAAME,KAAK,QACTJ,EAAA,iBAAAE,IAAA,2CAAeJ,SAAUA,EAAUK,MAAM,oBACtCN,KAINZ,EAAWT,KAAKU,GAAI,YACnBc,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,a","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as i,g as o}from"./p-6b5e91e2.js";import{i as a,D as n,e as s,s as l,f as r}from"./p-cda4aca9.js";const d='/*! 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{position:relative;display:block}.data{display:flex;align-items:center}.text-cells{display:flex;flex-grow:1;min-width:0;--ic-typography-color:var(--ic-data-list-text-cell)}.label{width:12.5rem;min-width:12.5rem;margin-right:var(--ic-space-md);--ic-typography-color:var(--ic-data-list-text-label)}.value{flex-grow:1}slot[name="value"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name="value"]::slotted(ic-text-field[small][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name="value"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-cell)}:host(.ic-data-row-small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}';const c=class{constructor(i){e(this,i);this.hasEndComponent=false;this.resizeObserver=null;this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkLabelAbove()}));this.resizeObserver.observe(this.el)};this.renderCellContent=e=>{const i=e==="value";return t("div",{class:e},a(this.el,e)?t("slot",{name:e}):t("ic-typography",{variant:i?"body":this.listSize==="xs"?"label":"subtitle-large"},i?this.value:this.label))};this.deviceSize=n.XL;this.listSize=undefined;this.label=undefined;this.size="medium";this.theme="inherit";this.value=undefined}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=s();this.hasEndComponent=l(this.el,"end-component");this.checkLabelAbove()}componentDidLoad(){r(this.runResizeObserver);if(this.hasEndComponent)this.labelEndComponent()}checkLabelAbove(){var e;const t=((e=this.el.shadowRoot.querySelector(".data"))===null||e===void 0?void 0:e.clientWidth)+46;if(t){this.listSize=t<n.S?"xs":t<n.M?"m":"xl"}}labelEndComponent(){this.el.shadowRoot.querySelectorAll("slot[name=end-component]").forEach((e=>e.setAttribute("aria-label",`for ${this.label} row`)))}render(){const{el:e,listSize:o,hasEndComponent:n,label:s,renderCellContent:l,size:r,theme:d,value:c}=this;return t(i,{class:{["ic-data-row-small"]:r==="small",["breakpoint-medium"]:o==="m",["breakpoint-xs"]:o==="xs",[`ic-theme-${d}`]:d!=="inherit"},role:"listitem"},t("div",{class:"data"},t("div",{class:"text-cells"},(a(e,"label")||s)&&l("label"),(a(e,"value")||c)&&l("value")),n&&t("div",{class:"end-component"},t("slot",{name:"end-component"}))),t("div",{class:"divider"}))}get el(){return o(this)}};c.style=d;export{c as ic_data_row};
2
- //# sourceMappingURL=p-e2cf6e7e.entry.js.map
1
+ import{r as e,h as t,H as i,g as o}from"./p-8e4e97b4.js";import{D as a,i as n,e as s,s as l,f as r}from"./p-269f841d.js";const d='/*! 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{position:relative;display:block}.data{display:flex;align-items:center}.text-cells{display:flex;flex-grow:1;min-width:0;--ic-typography-color:var(--ic-data-list-text-cell)}.label{width:12.5rem;min-width:12.5rem;margin-right:var(--ic-space-md);--ic-typography-color:var(--ic-data-list-text-label)}.value{flex-grow:1}slot[name="value"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name="value"]::slotted(ic-text-field[small][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name="value"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-cell)}:host(.ic-data-row-small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}';const c=d;const m=class{constructor(i){e(this,i);this.hasEndComponent=false;this.resizeObserver=null;this.deviceSize=a.XL;this.size="medium";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkLabelAbove()}));this.resizeObserver.observe(this.el)};this.renderCellContent=e=>{const i=e==="value";return t("div",{class:e},n(this.el,e)?t("slot",{name:e}):t("ic-typography",{variant:i?"body":this.listSize==="xs"?"label":"subtitle-large"},i?this.value:this.label))}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=s();this.hasEndComponent=l(this.el,"end-component");this.checkLabelAbove()}componentDidLoad(){r(this.runResizeObserver);if(this.hasEndComponent)this.labelEndComponent()}checkLabelAbove(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".data");if(t){const e=(t===null||t===void 0?void 0:t.clientWidth)+46;if(e){this.listSize=e<a.S?"xs":e<a.M?"m":"xl"}}}labelEndComponent(){var e;(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("slot[name=end-component]").forEach((e=>e.setAttribute("aria-label",`for ${this.label} row`)))}render(){const{el:e,listSize:o,hasEndComponent:a,label:s,renderCellContent:l,size:r,theme:d,value:c}=this;return t(i,{key:"9d08ae62826d35bd401020ba98068b96c81f6fa5",class:{["ic-data-row-small"]:r==="small",["breakpoint-medium"]:o==="m",["breakpoint-xs"]:o==="xs",[`ic-theme-${d}`]:d!=="inherit"},role:"listitem"},t("div",{key:"ba92ceb189252d76f4ad43dca48b7092c9172a2e",class:"data"},t("div",{key:"29272fb6366444499d5e25864a81e64cc43c113c",class:"text-cells"},(n(e,"label")||s)&&l("label"),(n(e,"value")||c)&&l("value")),a&&t("div",{key:"fc83095282fc9e82d57edf8ee94b2d6fa3f48eb6",class:"end-component"},t("slot",{key:"8e55af6d6c919f89b4b780fe254371f77700debb",name:"end-component"}))),t("div",{key:"ab54a6f84262b3ccf9f351b37c71efaf6810344a",class:"divider"}))}get el(){return o(this)}};m.style=c;export{m as ic_data_row};
2
+ //# sourceMappingURL=p-a56ec6d8.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["icDataRowCss","IcDataRowStyle0","DataRow","constructor","hostRef","this","hasEndComponent","resizeObserver","deviceSize","DEVICE_SIZES","XL","size","theme","runResizeObserver","ResizeObserver","checkLabelAbove","observe","el","renderCellContent","cell","isValue","h","class","isSlotUsed","name","variant","listSize","value","label","disconnectedCallback","_a","disconnect","componentWillLoad","getCurrentDeviceSize","slotHasContent","componentDidLoad","checkResizeObserver","labelEndComponent","row","shadowRoot","querySelector","rowSize","clientWidth","S","M","querySelectorAll","forEach","child","setAttribute","render","Host","key","role"],"sources":["src/components/ic-data-row/ic-data-row.css?tag=ic-data-row&encapsulation=shadow","src/components/ic-data-row/ic-data-row.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n position: relative;\n display: block;\n}\n\n.data {\n display: flex;\n align-items: center;\n}\n\n.text-cells {\n display: flex;\n flex-grow: 1;\n min-width: 0;\n\n --ic-typography-color: var(--ic-data-list-text-cell);\n}\n\n.label {\n width: 12.5rem;\n min-width: 12.5rem;\n margin-right: var(--ic-space-md);\n\n --ic-typography-color: var(--ic-data-list-text-label);\n}\n\n.value {\n flex-grow: 1;\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label]) {\n margin-top: calc(var(--ic-space-xxs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]) {\n margin-top: calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs));\n}\n\n.end-component {\n width: fit-content;\n margin-left: 3.5rem;\n}\n\n.divider {\n margin-top: var(--ic-space-md);\n height: var(--ic-border-width);\n background-color: var(--ic-data-list-keyline-cell);\n}\n\n:host(.ic-data-row-small) .divider {\n margin-top: var(--ic-space-xs);\n}\n\n:host(.breakpoint-medium) .label {\n width: 10rem;\n min-width: 10rem;\n}\n\n:host(.breakpoint-xs) .text-cells {\n flex-direction: column;\n}\n\n:host(.breakpoint-xs) .label {\n width: 8rem;\n margin-bottom: var(--ic-space-xs);\n}\n\n:host(.breakpoint-xs) .value {\n max-width: 95%;\n}\n\n:host(.breakpoint-xs) .end-component {\n margin-left: 0;\n}\n\n@media (forced-colors: active) {\n .divider {\n background-color: canvastext;\n }\n}\n","import { Component, Element, Host, Prop, h, State } from \"@stencil/core\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n isSlotUsed,\n slotHasContent,\n} from \"../../utils/helpers\";\nimport { IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot label - Content will be rendered in the leftmost cell.\n * @slot value - Content will be rendered to the right of the label.\n * @slot end-component - Content will be displayed in the rightmost cell.\n */\n@Component({\n tag: \"ic-data-row\",\n styleUrl: \"ic-data-row.css\",\n shadow: true,\n})\nexport class DataRow {\n private hasEndComponent: boolean = false;\n private resizeObserver: ResizeObserver | null = null;\n\n @Element() el: HTMLIcDataRowElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() listSize: \"xl\" | \"m\" | \"xs\";\n\n /**\n * The label in the leftmost cell of the row.\n */\n @Prop() label?: string;\n\n /**\n * The size of the data row component.\n */\n @Prop() size?: IcSizesNoLarge = \"medium\";\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 of the middle (right if no end-component supplied) cell of the row.\n */\n @Prop() value?: string;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.deviceSize = getCurrentDeviceSize();\n this.hasEndComponent = slotHasContent(this.el, \"end-component\");\n this.checkLabelAbove();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n if (this.hasEndComponent) this.labelEndComponent();\n }\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.checkLabelAbove();\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n private checkLabelAbove() {\n const row = this.el.shadowRoot?.querySelector(\".data\");\n if (row) {\n const rowSize = row?.clientWidth + 46;\n if (rowSize) {\n this.listSize =\n rowSize < DEVICE_SIZES.S\n ? \"xs\"\n : rowSize < DEVICE_SIZES.M\n ? \"m\"\n : \"xl\";\n }\n }\n }\n\n private renderCellContent = (cell: \"label\" | \"value\") => {\n const isValue = cell === \"value\";\n return (\n <div class={cell}>\n {isSlotUsed(this.el, cell) ? (\n <slot name={cell}></slot>\n ) : (\n <ic-typography\n variant={\n isValue\n ? \"body\"\n : this.listSize === \"xs\"\n ? \"label\"\n : \"subtitle-large\"\n }\n >\n {isValue ? this.value : this.label}\n </ic-typography>\n )}\n </div>\n );\n };\n\n private labelEndComponent(): void {\n this.el.shadowRoot\n ?.querySelectorAll(\"slot[name=end-component]\")\n .forEach((child) =>\n child.setAttribute(\"aria-label\", `for ${this.label} row`)\n );\n }\n\n render() {\n const {\n el,\n listSize,\n hasEndComponent,\n label,\n renderCellContent,\n size,\n theme,\n value,\n } = this;\n\n return (\n <Host\n class={{\n [\"ic-data-row-small\"]: size === \"small\",\n [\"breakpoint-medium\"]: listSize === \"m\",\n [\"breakpoint-xs\"]: listSize === \"xs\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n role=\"listitem\"\n >\n <div class=\"data\">\n <div class=\"text-cells\">\n {(isSlotUsed(el, \"label\") || label) && renderCellContent(\"label\")}\n {(isSlotUsed(el, \"value\") || value) && renderCellContent(\"value\")}\n </div>\n {hasEndComponent && (\n <div class=\"end-component\">\n <slot name=\"end-component\"></slot>\n </div>\n )}\n </div>\n <div class=\"divider\" />\n </Host>\n );\n }\n}\n"],"mappings":"yHAAA,MAAMA,EAAe,4mHACrB,MAAAC,EAAeD,E,MCmBFE,EAAO,MALpB,WAAAC,CAAAC,G,UAMUC,KAAAC,gBAA2B,MAC3BD,KAAAE,eAAwC,KAIvCF,KAAAG,WAAqBC,EAAaC,GAWnCL,KAAAM,KAAwB,SAKxBN,KAAAO,MAAsB,UAsBtBP,KAAAQ,kBAAoB,KAC1BR,KAAKE,eAAiB,IAAIO,gBAAe,KACvCT,KAAKU,iBAAiB,IAGxBV,KAAKE,eAAeS,QAAQX,KAAKY,GAAG,EAkB9BZ,KAAAa,kBAAqBC,IAC3B,MAAMC,EAAUD,IAAS,QACzB,OACEE,EAAA,OAAKC,MAAOH,GACTI,EAAWlB,KAAKY,GAAIE,GACnBE,EAAA,QAAMG,KAAML,IAEZE,EAAA,iBACEI,QACEL,EACI,OACAf,KAAKqB,WAAa,KAClB,QACA,kBAGLN,EAAUf,KAAKsB,MAAQtB,KAAKuB,OAG7B,C,CAzDV,oBAAAC,G,OACEC,EAAAzB,KAAKE,kBAAc,MAAAuB,SAAA,SAAAA,EAAEC,Y,CAGvB,iBAAAC,GACE3B,KAAKG,WAAayB,IAClB5B,KAAKC,gBAAkB4B,EAAe7B,KAAKY,GAAI,iBAC/CZ,KAAKU,iB,CAGP,gBAAAoB,GACEC,EAAoB/B,KAAKQ,mBACzB,GAAIR,KAAKC,gBAAiBD,KAAKgC,mB,CAWzB,eAAAtB,G,MACN,MAAMuB,GAAMR,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EAAEU,cAAc,SAC9C,GAAIF,EAAK,CACP,MAAMG,GAAUH,IAAG,MAAHA,SAAG,SAAHA,EAAKI,aAAc,GACnC,GAAID,EAAS,CACXpC,KAAKqB,SACHe,EAAUhC,EAAakC,EACnB,KACAF,EAAUhC,EAAamC,EACvB,IACA,I,GA4BJ,iBAAAP,G,OACNP,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EACde,iBAAiB,4BAClBC,SAASC,GACRA,EAAMC,aAAa,aAAc,OAAO3C,KAAKuB,c,CAInD,MAAAqB,GACE,MAAMhC,GACJA,EAAES,SACFA,EAAQpB,gBACRA,EAAesB,MACfA,EAAKV,kBACLA,EAAiBP,KACjBA,EAAIC,MACJA,EAAKe,MACLA,GACEtB,KAEJ,OACEgB,EAAC6B,EAAI,CAAAC,IAAA,2CACH7B,MAAO,CACL,CAAC,qBAAsBX,IAAS,QAChC,CAAC,qBAAsBe,IAAa,IACpC,CAAC,iBAAkBA,IAAa,KAChC,CAAC,YAAYd,KAAUA,IAAU,WAEnCwC,KAAK,YAEL/B,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,QACTD,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,eACPC,EAAWN,EAAI,UAAYW,IAAUV,EAAkB,UACvDK,EAAWN,EAAI,UAAYU,IAAUT,EAAkB,UAE1DZ,GACCe,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,iBACTD,EAAA,QAAA8B,IAAA,2CAAM3B,KAAK,oBAIjBH,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,Y","ignoreList":[]}