@ukic/web-components 2.2.0 → 2.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (748) hide show
  1. package/dist/cjs/{OpenInNew-f9958725.js → OpenInNew-d5d30e77.js} +1 -1
  2. package/dist/cjs/OpenInNew-d5d30e77.js.map +1 -0
  3. package/dist/cjs/{check-icon-b2f60716.js → check-icon-7225d79b.js} +1 -1
  4. package/dist/cjs/check-icon-7225d79b.js.map +1 -0
  5. package/dist/cjs/{chevron-icon-2bb3a907.js → chevron-icon-3bf07531.js} +1 -1
  6. package/dist/cjs/chevron-icon-3bf07531.js.map +1 -0
  7. package/dist/cjs/{close-icon-8ccb0163.js → close-icon-7f6ef8e4.js} +2 -2
  8. package/dist/cjs/close-icon-7f6ef8e4.js.map +1 -0
  9. package/dist/cjs/core.cjs.js +3 -6
  10. package/dist/cjs/core.cjs.js.map +1 -1
  11. package/dist/cjs/{helpers-eb53c416.js → helpers-d166f875.js} +43 -21
  12. package/dist/cjs/helpers-d166f875.js.map +1 -0
  13. package/dist/cjs/ic-alert.cjs.entry.js +5 -5
  14. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-back-to-top.cjs.entry.js +3 -3
  16. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -3
  18. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-breadcrumb.cjs.entry.js +4 -4
  20. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-button_3.cjs.entry.js +131 -41
  22. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-card.cjs.entry.js +4 -4
  24. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox-group.cjs.entry.js +5 -4
  26. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-checkbox.cjs.entry.js +11 -5
  28. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-chip.cjs.entry.js +3 -3
  30. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-data-entity.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  36. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-dialog.cjs.entry.js +5 -5
  38. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-divider.cjs.entry.js +3 -3
  40. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-empty-state.cjs.entry.js +37 -0
  42. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -0
  43. package/dist/cjs/ic-footer-link-group.cjs.entry.js +3 -3
  44. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-footer-link.cjs.entry.js +4 -4
  46. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-footer.cjs.entry.js +7 -4
  48. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-hero.cjs.entry.js +3 -3
  50. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +3 -3
  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 +43 -37
  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 +4 -4
  56. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-link.cjs.entry.js +4 -4
  58. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  60. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-menu-item.cjs.entry.js +5 -5
  62. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-navigation-button.cjs.entry.js +5 -5
  64. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-navigation-group.cjs.entry.js +33 -15
  66. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-item.cjs.entry.js +8 -9
  68. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-navigation-menu.cjs.entry.js +3 -3
  70. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-page-header.cjs.entry.js +3 -3
  72. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-pagination-item.cjs.entry.js +3 -3
  74. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-pagination.cjs.entry.js +3 -3
  76. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-popover-menu.cjs.entry.js +68 -16
  78. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-radio-group.cjs.entry.js +3 -3
  80. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-radio-option.cjs.entry.js +3 -3
  82. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-search-bar.cjs.entry.js +38 -21
  84. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
  86. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-select.cjs.entry.js +71 -17
  88. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-side-navigation.cjs.entry.js +18 -9
  90. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-skeleton.cjs.entry.js +1 -1
  92. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-status-tag.cjs.entry.js +4 -4
  94. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-step.cjs.entry.js +2 -2
  96. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
  98. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-switch.cjs.entry.js +4 -4
  100. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-tab-context.cjs.entry.js +2 -2
  102. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  104. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  106. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  108. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-text-field.cjs.entry.js +3 -3
  110. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-theme.cjs.entry.js +3 -3
  112. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  114. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-toast.cjs.entry.js +5 -5
  116. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-top-navigation.cjs.entry.js +4 -4
  118. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  119. package/dist/cjs/ic-typography.cjs.entry.js +13 -5
  120. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  121. package/dist/cjs/{index-2a0c6769.js → index-54d2bed9.js} +102 -26
  122. package/dist/cjs/index-54d2bed9.js.map +1 -0
  123. package/dist/cjs/loader.cjs.js +3 -12
  124. package/dist/cjs/loader.cjs.js.map +1 -1
  125. package/dist/cjs/{popper-d7adcfc6.js → popper-31badbf8.js} +1 -1
  126. package/dist/cjs/popper-31badbf8.js.map +1 -0
  127. package/dist/cjs/{types-3eb02246.js → types-7d67439f.js} +1 -1
  128. package/dist/cjs/types-7d67439f.js.map +1 -0
  129. package/dist/collection/assets/close-icon.svg +1 -1
  130. package/dist/collection/assets/error-icon.svg +3 -2
  131. package/dist/collection/assets/hamburger-menu-icon.svg +1 -1
  132. package/dist/collection/assets/info-icon.svg +3 -2
  133. package/dist/collection/assets/neutral-icon.svg +4 -3
  134. package/dist/collection/assets/success-icon.svg +3 -2
  135. package/dist/collection/assets/warning-icon.svg +3 -2
  136. package/dist/collection/collection-manifest.json +61 -60
  137. package/dist/collection/components/ic-alert/ic-alert.css +9 -9
  138. package/dist/collection/components/ic-alert/ic-alert.js +3 -2
  139. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  140. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +5 -1
  141. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  142. package/dist/collection/components/ic-button/ic-button.css +19 -3
  143. package/dist/collection/components/ic-button/ic-button.js +40 -15
  144. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  145. package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
  146. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +17 -2
  147. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
  148. package/dist/collection/components/ic-card/ic-card.js +4 -2
  149. package/dist/collection/components/ic-card/ic-card.js.map +1 -1
  150. package/dist/collection/components/ic-checkbox/ic-checkbox.css +34 -0
  151. package/dist/collection/components/ic-checkbox/ic-checkbox.js +41 -6
  152. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  153. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +35 -5
  154. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  155. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +28 -0
  156. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  157. package/dist/collection/components/ic-chip/ic-chip.js +8 -5
  158. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  159. package/dist/collection/components/ic-chip/ic-chip.types.js.map +1 -1
  160. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +2 -1
  161. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  162. package/dist/collection/components/ic-dialog/ic-dialog.js +14 -5
  163. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  164. package/dist/collection/components/ic-empty-state/ic-empty-state.css +49 -0
  165. package/dist/collection/components/ic-empty-state/ic-empty-state.js +160 -0
  166. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -0
  167. package/dist/collection/components/ic-empty-state/ic-empty-state.types.js +2 -0
  168. package/dist/collection/components/ic-empty-state/ic-empty-state.types.js.map +1 -0
  169. package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js +38 -0
  170. package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js.map +1 -0
  171. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +86 -0
  172. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -0
  173. package/dist/collection/components/ic-footer/ic-footer.js +8 -3
  174. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  175. package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -1
  176. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  177. package/dist/collection/components/ic-hero/ic-hero.js +4 -2
  178. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  179. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +4 -2
  180. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  181. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +2 -1
  182. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  183. package/dist/collection/components/ic-input-validation/ic-input-validation.css +1 -1
  184. package/dist/collection/components/ic-input-validation/ic-input-validation.js +4 -2
  185. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  186. package/dist/collection/components/ic-link/ic-link.js +6 -3
  187. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  188. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +6 -3
  189. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  190. package/dist/collection/components/ic-menu/ic-menu.css +17 -0
  191. package/dist/collection/components/ic-menu/ic-menu.js +107 -48
  192. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  193. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +13 -2
  194. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  195. package/dist/collection/components/ic-menu-item/ic-menu-item.js +4 -2
  196. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  197. package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +1 -0
  198. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +5 -3
  199. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  200. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +1 -1
  201. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  202. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +6 -2
  203. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +30 -11
  204. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  205. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
  206. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
  207. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +4 -1
  208. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +6 -5
  209. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  210. package/dist/collection/components/ic-page-header/ic-page-header.js +2 -1
  211. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  212. package/dist/collection/components/ic-pagination/ic-pagination.js +8 -4
  213. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  214. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +4 -2
  215. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  216. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +12 -0
  217. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +69 -14
  218. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  219. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +14 -0
  220. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js.map +1 -1
  221. package/dist/collection/components/ic-radio-group/ic-radio-group.js +6 -3
  222. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  223. package/dist/collection/components/ic-radio-option/ic-radio-option.js +8 -4
  224. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  225. package/dist/collection/components/ic-search-bar/ic-search-bar.js +103 -34
  226. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  227. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +19 -0
  228. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +1 -1
  229. package/dist/collection/components/ic-section-container/ic-section-container.js +2 -1
  230. package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
  231. package/dist/collection/components/ic-select/ic-select.js +85 -22
  232. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  233. package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js +30 -0
  234. package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js.map +1 -1
  235. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +51 -3
  236. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  237. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +4 -0
  238. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +30 -3
  239. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  240. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js +20 -0
  241. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js.map +1 -1
  242. package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -1
  243. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  244. package/dist/collection/components/ic-status-tag/ic-status-tag.css +4 -4
  245. package/dist/collection/components/ic-status-tag/ic-status-tag.js +4 -2
  246. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  247. package/dist/collection/components/ic-step/ic-step.js +8 -4
  248. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  249. package/dist/collection/components/ic-stepper/ic-stepper.js +4 -2
  250. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  251. package/dist/collection/components/ic-switch/ic-switch.css +1 -1
  252. package/dist/collection/components/ic-switch/ic-switch.js +4 -2
  253. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  254. package/dist/collection/components/ic-tab/ic-tab.js +10 -5
  255. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  256. package/dist/collection/components/ic-tab-context/ic-tab-context.js +10 -5
  257. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  258. package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -1
  259. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  260. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +4 -2
  261. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
  262. package/dist/collection/components/ic-text-field/ic-text-field.js +26 -13
  263. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  264. package/dist/collection/components/ic-theme/ic-theme.js +2 -1
  265. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  266. package/dist/collection/components/ic-toast/ic-toast.css +2 -2
  267. package/dist/collection/components/ic-toast/ic-toast.js +8 -4
  268. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  269. package/dist/collection/components/ic-toast-region/ic-toast-region.js +4 -2
  270. package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
  271. package/dist/collection/components/ic-tooltip/ic-tooltip.css +9 -0
  272. package/dist/collection/components/ic-tooltip/ic-tooltip.js +112 -35
  273. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  274. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +2 -0
  275. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +1 -1
  276. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +160 -1
  277. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +1 -1
  278. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +3 -2
  279. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  280. package/dist/collection/components/ic-typography/ic-typography.css +21 -1
  281. package/dist/collection/components/ic-typography/ic-typography.js +83 -2
  282. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  283. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +28 -0
  284. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +1 -1
  285. package/dist/collection/utils/helpers.js +25 -8
  286. package/dist/collection/utils/helpers.js.map +1 -1
  287. package/dist/collection/utils/types.js.map +1 -1
  288. package/dist/components/close-icon.js +1 -1
  289. package/dist/components/helpers.js +41 -19
  290. package/dist/components/helpers.js.map +1 -1
  291. package/dist/components/ic-alert2.js +1 -1
  292. package/dist/components/ic-alert2.js.map +1 -1
  293. package/dist/components/ic-back-to-top.js.map +1 -1
  294. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  295. package/dist/components/ic-breadcrumb2.js.map +1 -1
  296. package/dist/components/ic-button2.js +20 -5
  297. package/dist/components/ic-button2.js.map +1 -1
  298. package/dist/components/ic-card.js.map +1 -1
  299. package/dist/components/ic-checkbox-group.js +3 -1
  300. package/dist/components/ic-checkbox-group.js.map +1 -1
  301. package/dist/components/ic-checkbox.js +9 -2
  302. package/dist/components/ic-checkbox.js.map +1 -1
  303. package/dist/components/ic-chip.js.map +1 -1
  304. package/dist/components/ic-classification-banner.js.map +1 -1
  305. package/dist/components/ic-data-entity.js.map +1 -1
  306. package/dist/components/ic-data-row.js.map +1 -1
  307. package/dist/components/ic-dialog.js +1 -1
  308. package/dist/components/ic-dialog.js.map +1 -1
  309. package/dist/components/ic-divider2.js.map +1 -1
  310. package/dist/components/ic-empty-state.d.ts +11 -0
  311. package/dist/components/ic-empty-state.js +63 -0
  312. package/dist/components/ic-empty-state.js.map +1 -0
  313. package/dist/components/ic-footer-link-group.js.map +1 -1
  314. package/dist/components/ic-footer-link.js.map +1 -1
  315. package/dist/components/ic-footer.js +4 -1
  316. package/dist/components/ic-footer.js.map +1 -1
  317. package/dist/components/ic-hero.js.map +1 -1
  318. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  319. package/dist/components/ic-input-component-container2.js.map +1 -1
  320. package/dist/components/ic-input-container2.js.map +1 -1
  321. package/dist/components/ic-input-label2.js.map +1 -1
  322. package/dist/components/ic-input-validation2.js +1 -1
  323. package/dist/components/ic-input-validation2.js.map +1 -1
  324. package/dist/components/ic-link2.js.map +1 -1
  325. package/dist/components/ic-loading-indicator2.js.map +1 -1
  326. package/dist/components/ic-menu-group.js.map +1 -1
  327. package/dist/components/ic-menu-item2.js.map +1 -1
  328. package/dist/components/ic-menu2.js +40 -32
  329. package/dist/components/ic-menu2.js.map +1 -1
  330. package/dist/components/ic-navigation-button.js +2 -2
  331. package/dist/components/ic-navigation-button.js.map +1 -1
  332. package/dist/components/ic-navigation-group.js +29 -11
  333. package/dist/components/ic-navigation-group.js.map +1 -1
  334. package/dist/components/ic-navigation-item.js +3 -4
  335. package/dist/components/ic-navigation-item.js.map +1 -1
  336. package/dist/components/ic-navigation-menu2.js.map +1 -1
  337. package/dist/components/ic-page-header.js.map +1 -1
  338. package/dist/components/ic-pagination-item2.js.map +1 -1
  339. package/dist/components/ic-pagination.js.map +1 -1
  340. package/dist/components/ic-popover-menu.js +64 -12
  341. package/dist/components/ic-popover-menu.js.map +1 -1
  342. package/dist/components/ic-radio-group.js.map +1 -1
  343. package/dist/components/ic-radio-option.js.map +1 -1
  344. package/dist/components/ic-search-bar.js +37 -18
  345. package/dist/components/ic-search-bar.js.map +1 -1
  346. package/dist/components/ic-section-container2.js.map +1 -1
  347. package/dist/components/ic-select.js +69 -14
  348. package/dist/components/ic-select.js.map +1 -1
  349. package/dist/components/ic-side-navigation.js +15 -5
  350. package/dist/components/ic-side-navigation.js.map +1 -1
  351. package/dist/components/ic-skeleton.js.map +1 -1
  352. package/dist/components/ic-status-tag.js +1 -1
  353. package/dist/components/ic-status-tag.js.map +1 -1
  354. package/dist/components/ic-step.js.map +1 -1
  355. package/dist/components/ic-stepper.js.map +1 -1
  356. package/dist/components/ic-switch.js +1 -1
  357. package/dist/components/ic-switch.js.map +1 -1
  358. package/dist/components/ic-tab-context.js.map +1 -1
  359. package/dist/components/ic-tab-group.js.map +1 -1
  360. package/dist/components/ic-tab-panel.js.map +1 -1
  361. package/dist/components/ic-tab.js.map +1 -1
  362. package/dist/components/ic-text-field2.js.map +1 -1
  363. package/dist/components/ic-theme.js.map +1 -1
  364. package/dist/components/ic-toast-region.js.map +1 -1
  365. package/dist/components/ic-toast.js +1 -1
  366. package/dist/components/ic-toast.js.map +1 -1
  367. package/dist/components/ic-tooltip2.js +109 -34
  368. package/dist/components/ic-tooltip2.js.map +1 -1
  369. package/dist/components/ic-top-navigation.js +1 -1
  370. package/dist/components/ic-top-navigation.js.map +1 -1
  371. package/dist/components/ic-typography2.js +14 -2
  372. package/dist/components/ic-typography2.js.map +1 -1
  373. package/dist/components/index.d.ts +6 -0
  374. package/dist/components/index.js +1 -1
  375. package/dist/components/types.js.map +1 -1
  376. package/dist/core/core.css +26 -26
  377. package/dist/core/core.esm.js +1 -1
  378. package/dist/core/core.esm.js.map +1 -1
  379. package/dist/core/{p-7ae091ef.entry.js → p-0dcc76b1.entry.js} +2 -2
  380. package/dist/core/p-0dcc76b1.entry.js.map +1 -0
  381. package/dist/core/p-101bce17.entry.js +2 -0
  382. package/dist/core/p-101bce17.entry.js.map +1 -0
  383. package/dist/core/p-16e8bb5a.entry.js +2 -0
  384. package/dist/core/p-16e8bb5a.entry.js.map +1 -0
  385. package/dist/core/p-18068237.js +3 -0
  386. package/dist/core/p-18068237.js.map +1 -0
  387. package/dist/core/p-1c54269e.entry.js +2 -0
  388. package/dist/core/p-1c54269e.entry.js.map +1 -0
  389. package/dist/core/{p-8991f656.entry.js → p-27897d29.entry.js} +2 -2
  390. package/dist/core/p-27897d29.entry.js.map +1 -0
  391. package/dist/core/{p-27d42378.entry.js → p-27bf4783.entry.js} +2 -2
  392. package/dist/core/p-27bf4783.entry.js.map +1 -0
  393. package/dist/core/{p-7536dd31.entry.js → p-3297713b.entry.js} +2 -2
  394. package/dist/core/p-3297713b.entry.js.map +1 -0
  395. package/dist/core/{p-06321d19.js → p-3b185c32.js} +1 -1
  396. package/dist/core/{p-429e4d24.entry.js → p-3fc638fc.entry.js} +2 -2
  397. package/dist/core/p-3fc638fc.entry.js.map +1 -0
  398. package/dist/core/p-414ff132.entry.js +2 -0
  399. package/dist/core/p-414ff132.entry.js.map +1 -0
  400. package/dist/core/{p-8d4f7027.js → p-426ec638.js} +1 -1
  401. package/dist/core/{p-1b9b8355.entry.js → p-433cfd47.entry.js} +2 -2
  402. package/dist/core/p-433cfd47.entry.js.map +1 -0
  403. package/dist/core/{p-90d3a41b.entry.js → p-455bfed1.entry.js} +2 -2
  404. package/dist/core/p-455bfed1.entry.js.map +1 -0
  405. package/dist/core/{p-5c9c940f.entry.js → p-4c4261e7.entry.js} +2 -2
  406. package/dist/core/p-4c4261e7.entry.js.map +1 -0
  407. package/dist/core/{p-8c45ab61.entry.js → p-4f7c20b3.entry.js} +2 -2
  408. package/dist/core/p-4f7c20b3.entry.js.map +1 -0
  409. package/dist/core/p-521c8f40.entry.js +2 -0
  410. package/dist/core/p-521c8f40.entry.js.map +1 -0
  411. package/dist/core/{p-041604fc.entry.js → p-5b8be53f.entry.js} +2 -2
  412. package/dist/core/p-5b8be53f.entry.js.map +1 -0
  413. package/dist/core/{p-f923d11b.entry.js → p-5fcbcc3f.entry.js} +2 -2
  414. package/dist/core/p-5fcbcc3f.entry.js.map +1 -0
  415. package/dist/core/{p-3adb1167.entry.js → p-607e7bf2.entry.js} +2 -2
  416. package/dist/core/p-607e7bf2.entry.js.map +1 -0
  417. package/dist/core/{p-6f57b13c.js → p-613aa265.js} +1 -1
  418. package/dist/core/p-613aa265.js.map +1 -0
  419. package/dist/core/p-62499150.entry.js +2 -0
  420. package/dist/core/p-62499150.entry.js.map +1 -0
  421. package/dist/core/{p-cef93d12.entry.js → p-630ae754.entry.js} +2 -2
  422. package/dist/core/p-630ae754.entry.js.map +1 -0
  423. package/dist/core/{p-5c846d0a.entry.js → p-65df7222.entry.js} +2 -2
  424. package/dist/core/p-65df7222.entry.js.map +1 -0
  425. package/dist/core/{p-8ca80000.entry.js → p-6781620e.entry.js} +2 -2
  426. package/dist/core/p-6781620e.entry.js.map +1 -0
  427. package/dist/core/p-67c18f72.entry.js +2 -0
  428. package/dist/core/p-67c18f72.entry.js.map +1 -0
  429. package/dist/core/{p-7c0dcd00.js → p-68a5aaff.js} +1 -1
  430. package/dist/core/p-68a5aaff.js.map +1 -0
  431. package/dist/core/{p-95992c98.entry.js → p-68fda79a.entry.js} +2 -2
  432. package/dist/core/p-68fda79a.entry.js.map +1 -0
  433. package/dist/core/{p-892d9d9f.entry.js → p-7194c255.entry.js} +2 -2
  434. package/dist/core/p-7194c255.entry.js.map +1 -0
  435. package/dist/core/p-77266738.entry.js +2 -0
  436. package/dist/core/p-77266738.entry.js.map +1 -0
  437. package/dist/core/{p-d2215b72.entry.js → p-7be2b1fd.entry.js} +2 -2
  438. package/dist/core/p-7be2b1fd.entry.js.map +1 -0
  439. package/dist/core/p-831b0f3f.entry.js +2 -0
  440. package/dist/core/p-831b0f3f.entry.js.map +1 -0
  441. package/dist/core/{p-2ae7687a.entry.js → p-83e535de.entry.js} +2 -2
  442. package/dist/core/p-83e535de.entry.js.map +1 -0
  443. package/dist/core/{p-441e7d98.entry.js → p-85dd5e5b.entry.js} +2 -2
  444. package/dist/core/p-85dd5e5b.entry.js.map +1 -0
  445. package/dist/core/{p-ce791694.entry.js → p-87149cbd.entry.js} +2 -2
  446. package/dist/core/p-87149cbd.entry.js.map +1 -0
  447. package/dist/core/{p-9e551fe9.entry.js → p-8e6169e0.entry.js} +2 -2
  448. package/dist/core/p-8e6169e0.entry.js.map +1 -0
  449. package/dist/core/{p-ca6d834e.entry.js → p-9248228e.entry.js} +2 -2
  450. package/dist/core/p-9248228e.entry.js.map +1 -0
  451. package/dist/core/{p-f665242d.entry.js → p-932a67ca.entry.js} +2 -2
  452. package/dist/core/p-932a67ca.entry.js.map +1 -0
  453. package/dist/core/p-937ecd5b.entry.js +2 -0
  454. package/dist/core/p-937ecd5b.entry.js.map +1 -0
  455. package/dist/core/{p-5144e840.entry.js → p-94903a21.entry.js} +2 -2
  456. package/dist/core/p-94903a21.entry.js.map +1 -0
  457. package/dist/core/p-96022913.entry.js +2 -0
  458. package/dist/core/p-96022913.entry.js.map +1 -0
  459. package/dist/core/{p-65750560.entry.js → p-9650e00e.entry.js} +2 -2
  460. package/dist/core/p-9650e00e.entry.js.map +1 -0
  461. package/dist/core/{p-a8b94619.entry.js → p-99741b0f.entry.js} +2 -2
  462. package/dist/core/p-99741b0f.entry.js.map +1 -0
  463. package/dist/core/{p-1959ec8d.entry.js → p-a0a02a13.entry.js} +2 -2
  464. package/dist/core/p-a0a02a13.entry.js.map +1 -0
  465. package/dist/core/{p-cbbf4b05.entry.js → p-a421d3a1.entry.js} +2 -2
  466. package/dist/core/p-a421d3a1.entry.js.map +1 -0
  467. package/dist/core/{p-c012b867.entry.js → p-b0b1de0e.entry.js} +2 -2
  468. package/dist/core/p-b0b1de0e.entry.js.map +1 -0
  469. package/dist/core/p-b82776d0.entry.js +2 -0
  470. package/dist/core/p-b82776d0.entry.js.map +1 -0
  471. package/dist/core/{p-6840589f.entry.js → p-c1859843.entry.js} +2 -2
  472. package/dist/core/p-c1859843.entry.js.map +1 -0
  473. package/dist/core/{p-8c7f4343.js → p-c2e091d7.js} +1 -1
  474. package/dist/core/{p-332690f0.entry.js → p-c31e6dbb.entry.js} +2 -2
  475. package/dist/core/p-c31e6dbb.entry.js.map +1 -0
  476. package/dist/core/{p-96bcd466.entry.js → p-c390fbad.entry.js} +2 -2
  477. package/dist/core/p-c390fbad.entry.js.map +1 -0
  478. package/dist/core/p-cb2c18de.entry.js +2 -0
  479. package/dist/core/p-cb2c18de.entry.js.map +1 -0
  480. package/dist/core/{p-6bad30aa.entry.js → p-d16100e8.entry.js} +2 -2
  481. package/dist/core/p-d16100e8.entry.js.map +1 -0
  482. package/dist/core/{p-b698b8ad.entry.js → p-d20917ae.entry.js} +2 -2
  483. package/dist/core/p-d20917ae.entry.js.map +1 -0
  484. package/dist/core/{p-a29fe0c6.entry.js → p-d65ace31.entry.js} +2 -2
  485. package/dist/core/p-d65ace31.entry.js.map +1 -0
  486. package/dist/core/p-d78c90fe.entry.js +2 -0
  487. package/dist/core/p-d78c90fe.entry.js.map +1 -0
  488. package/dist/core/{p-adceb0cf.entry.js → p-e2d0039d.entry.js} +2 -2
  489. package/dist/core/p-e2d0039d.entry.js.map +1 -0
  490. package/dist/core/{p-a588886f.entry.js → p-e3923b67.entry.js} +2 -2
  491. package/dist/core/p-e3923b67.entry.js.map +1 -0
  492. package/dist/core/{p-f7695299.entry.js → p-ebd60291.entry.js} +2 -2
  493. package/dist/core/p-ebd60291.entry.js.map +1 -0
  494. package/dist/core/p-ebe76390.js +2 -0
  495. package/dist/core/p-ebe76390.js.map +1 -0
  496. package/dist/core/p-f074ef5b.js +2 -0
  497. package/dist/core/{p-ee11e185.entry.js → p-fedcfea3.entry.js} +2 -2
  498. package/dist/core/p-fedcfea3.entry.js.map +1 -0
  499. package/dist/esm/{OpenInNew-67a881e0.js → OpenInNew-cdeed5ce.js} +1 -1
  500. package/dist/esm/OpenInNew-cdeed5ce.js.map +1 -0
  501. package/dist/esm/{check-icon-abb210ec.js → check-icon-4a9f8371.js} +1 -1
  502. package/dist/esm/check-icon-4a9f8371.js.map +1 -0
  503. package/dist/esm/{chevron-icon-7927f709.js → chevron-icon-589e3b46.js} +1 -1
  504. package/dist/esm/chevron-icon-589e3b46.js.map +1 -0
  505. package/dist/esm/{close-icon-2f02b42a.js → close-icon-539ec8d1.js} +2 -2
  506. package/dist/esm/close-icon-539ec8d1.js.map +1 -0
  507. package/dist/esm/core.js +4 -7
  508. package/dist/esm/core.js.map +1 -1
  509. package/dist/esm/{helpers-85903813.js → helpers-b0e80358.js} +44 -22
  510. package/dist/esm/helpers-b0e80358.js.map +1 -0
  511. package/dist/esm/ic-alert.entry.js +5 -5
  512. package/dist/esm/ic-alert.entry.js.map +1 -1
  513. package/dist/esm/ic-back-to-top.entry.js +3 -3
  514. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  515. package/dist/esm/ic-breadcrumb-group.entry.js +3 -3
  516. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  517. package/dist/esm/ic-breadcrumb.entry.js +4 -4
  518. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  519. package/dist/esm/ic-button_3.entry.js +131 -41
  520. package/dist/esm/ic-button_3.entry.js.map +1 -1
  521. package/dist/esm/ic-card.entry.js +4 -4
  522. package/dist/esm/ic-card.entry.js.map +1 -1
  523. package/dist/esm/ic-checkbox-group.entry.js +5 -4
  524. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  525. package/dist/esm/ic-checkbox.entry.js +11 -5
  526. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  527. package/dist/esm/ic-chip.entry.js +3 -3
  528. package/dist/esm/ic-chip.entry.js.map +1 -1
  529. package/dist/esm/ic-classification-banner.entry.js +1 -1
  530. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  531. package/dist/esm/ic-data-entity.entry.js +1 -1
  532. package/dist/esm/ic-data-entity.entry.js.map +1 -1
  533. package/dist/esm/ic-data-row.entry.js +3 -3
  534. package/dist/esm/ic-data-row.entry.js.map +1 -1
  535. package/dist/esm/ic-dialog.entry.js +5 -5
  536. package/dist/esm/ic-dialog.entry.js.map +1 -1
  537. package/dist/esm/ic-divider.entry.js +3 -3
  538. package/dist/esm/ic-divider.entry.js.map +1 -1
  539. package/dist/esm/ic-empty-state.entry.js +33 -0
  540. package/dist/esm/ic-empty-state.entry.js.map +1 -0
  541. package/dist/esm/ic-footer-link-group.entry.js +3 -3
  542. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  543. package/dist/esm/ic-footer-link.entry.js +4 -4
  544. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  545. package/dist/esm/ic-footer.entry.js +7 -4
  546. package/dist/esm/ic-footer.entry.js.map +1 -1
  547. package/dist/esm/ic-hero.entry.js +3 -3
  548. package/dist/esm/ic-hero.entry.js.map +1 -1
  549. package/dist/esm/ic-horizontal-scroll.entry.js +3 -3
  550. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  551. package/dist/esm/ic-input-component-container_3.entry.js +43 -37
  552. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  553. package/dist/esm/ic-input-label_2.entry.js +4 -4
  554. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  555. package/dist/esm/ic-link.entry.js +4 -4
  556. package/dist/esm/ic-link.entry.js.map +1 -1
  557. package/dist/esm/ic-menu-group.entry.js +1 -1
  558. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  559. package/dist/esm/ic-menu-item.entry.js +5 -5
  560. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  561. package/dist/esm/ic-navigation-button.entry.js +5 -5
  562. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  563. package/dist/esm/ic-navigation-group.entry.js +33 -15
  564. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  565. package/dist/esm/ic-navigation-item.entry.js +8 -9
  566. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  567. package/dist/esm/ic-navigation-menu.entry.js +3 -3
  568. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  569. package/dist/esm/ic-page-header.entry.js +3 -3
  570. package/dist/esm/ic-page-header.entry.js.map +1 -1
  571. package/dist/esm/ic-pagination-item.entry.js +3 -3
  572. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  573. package/dist/esm/ic-pagination.entry.js +3 -3
  574. package/dist/esm/ic-pagination.entry.js.map +1 -1
  575. package/dist/esm/ic-popover-menu.entry.js +68 -16
  576. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  577. package/dist/esm/ic-radio-group.entry.js +3 -3
  578. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  579. package/dist/esm/ic-radio-option.entry.js +3 -3
  580. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  581. package/dist/esm/ic-search-bar.entry.js +38 -21
  582. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  583. package/dist/esm/ic-section-container.entry.js +1 -1
  584. package/dist/esm/ic-section-container.entry.js.map +1 -1
  585. package/dist/esm/ic-select.entry.js +71 -17
  586. package/dist/esm/ic-select.entry.js.map +1 -1
  587. package/dist/esm/ic-side-navigation.entry.js +18 -9
  588. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  589. package/dist/esm/ic-skeleton.entry.js +1 -1
  590. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  591. package/dist/esm/ic-status-tag.entry.js +4 -4
  592. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  593. package/dist/esm/ic-step.entry.js +2 -2
  594. package/dist/esm/ic-step.entry.js.map +1 -1
  595. package/dist/esm/ic-stepper.entry.js +3 -3
  596. package/dist/esm/ic-stepper.entry.js.map +1 -1
  597. package/dist/esm/ic-switch.entry.js +4 -4
  598. package/dist/esm/ic-switch.entry.js.map +1 -1
  599. package/dist/esm/ic-tab-context.entry.js +2 -2
  600. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  601. package/dist/esm/ic-tab-group.entry.js +3 -3
  602. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  603. package/dist/esm/ic-tab-panel.entry.js +2 -2
  604. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  605. package/dist/esm/ic-tab.entry.js +3 -3
  606. package/dist/esm/ic-tab.entry.js.map +1 -1
  607. package/dist/esm/ic-text-field.entry.js +3 -3
  608. package/dist/esm/ic-text-field.entry.js.map +1 -1
  609. package/dist/esm/ic-theme.entry.js +3 -3
  610. package/dist/esm/ic-theme.entry.js.map +1 -1
  611. package/dist/esm/ic-toast-region.entry.js +1 -1
  612. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  613. package/dist/esm/ic-toast.entry.js +5 -5
  614. package/dist/esm/ic-toast.entry.js.map +1 -1
  615. package/dist/esm/ic-top-navigation.entry.js +4 -4
  616. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  617. package/dist/esm/ic-typography.entry.js +13 -5
  618. package/dist/esm/ic-typography.entry.js.map +1 -1
  619. package/dist/esm/{index-fd30b77e.js → index-14c9f375.js} +102 -26
  620. package/dist/esm/index-14c9f375.js.map +1 -0
  621. package/dist/esm/loader.js +4 -13
  622. package/dist/esm/loader.js.map +1 -1
  623. package/dist/esm/{popper-15e448b4.js → popper-0fbeff6d.js} +1 -1
  624. package/dist/esm/popper-0fbeff6d.js.map +1 -0
  625. package/dist/esm/{types-dd515332.js → types-b2398b37.js} +1 -1
  626. package/dist/esm/types-b2398b37.js.map +1 -0
  627. package/dist/types/components/ic-alert/ic-alert.d.ts +1 -1
  628. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +3 -3
  629. package/dist/types/components/ic-button/ic-button.d.ts +8 -4
  630. package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
  631. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +6 -2
  632. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +6 -2
  633. package/dist/types/components/ic-chip/ic-chip.d.ts +3 -2
  634. package/dist/types/components/ic-chip/ic-chip.types.d.ts +0 -1
  635. package/dist/types/components/ic-dialog/ic-dialog.d.ts +5 -5
  636. package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +35 -0
  637. package/dist/types/components/ic-empty-state/ic-empty-state.types.d.ts +1 -0
  638. package/dist/types/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.d.ts +1 -0
  639. package/dist/types/components/ic-menu/ic-menu.d.ts +8 -0
  640. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +4 -0
  641. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +3 -0
  642. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +8 -0
  643. package/dist/types/components/ic-select/ic-select.d.ts +14 -0
  644. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +5 -0
  645. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +5 -0
  646. package/dist/types/components/ic-typography/ic-typography.d.ts +17 -0
  647. package/dist/types/components.d.ts +167 -16
  648. package/dist/types/stencil-public-runtime.d.ts +17 -5
  649. package/dist/types/utils/helpers.d.ts +2 -2
  650. package/dist/types/utils/types.d.ts +12 -2
  651. package/hydrate/index.d.ts +6 -6
  652. package/hydrate/index.js +626 -263
  653. package/loader/index.d.ts +1 -1
  654. package/package.json +5 -6
  655. package/dist/cjs/OpenInNew-f9958725.js.map +0 -1
  656. package/dist/cjs/check-icon-b2f60716.js.map +0 -1
  657. package/dist/cjs/chevron-icon-2bb3a907.js.map +0 -1
  658. package/dist/cjs/close-icon-8ccb0163.js.map +0 -1
  659. package/dist/cjs/helpers-eb53c416.js.map +0 -1
  660. package/dist/cjs/index-2a0c6769.js.map +0 -1
  661. package/dist/cjs/popper-d7adcfc6.js.map +0 -1
  662. package/dist/cjs/types-3eb02246.js.map +0 -1
  663. package/dist/core/p-0330cb21.entry.js +0 -2
  664. package/dist/core/p-0330cb21.entry.js.map +0 -1
  665. package/dist/core/p-03d1a4a1.entry.js +0 -2
  666. package/dist/core/p-03d1a4a1.entry.js.map +0 -1
  667. package/dist/core/p-041604fc.entry.js.map +0 -1
  668. package/dist/core/p-1959ec8d.entry.js.map +0 -1
  669. package/dist/core/p-1b9b8355.entry.js.map +0 -1
  670. package/dist/core/p-26d5fd0f.entry.js +0 -2
  671. package/dist/core/p-26d5fd0f.entry.js.map +0 -1
  672. package/dist/core/p-27d42378.entry.js.map +0 -1
  673. package/dist/core/p-2ae7687a.entry.js.map +0 -1
  674. package/dist/core/p-332690f0.entry.js.map +0 -1
  675. package/dist/core/p-39adc795.entry.js +0 -2
  676. package/dist/core/p-39adc795.entry.js.map +0 -1
  677. package/dist/core/p-3adb1167.entry.js.map +0 -1
  678. package/dist/core/p-429e4d24.entry.js.map +0 -1
  679. package/dist/core/p-441e7d98.entry.js.map +0 -1
  680. package/dist/core/p-44512ebe.js +0 -2
  681. package/dist/core/p-48301eff.entry.js +0 -2
  682. package/dist/core/p-48301eff.entry.js.map +0 -1
  683. package/dist/core/p-5144e840.entry.js.map +0 -1
  684. package/dist/core/p-5c846d0a.entry.js.map +0 -1
  685. package/dist/core/p-5c9c940f.entry.js.map +0 -1
  686. package/dist/core/p-5dd0b02e.js +0 -2
  687. package/dist/core/p-5dd0b02e.js.map +0 -1
  688. package/dist/core/p-65750560.entry.js.map +0 -1
  689. package/dist/core/p-6840589f.entry.js.map +0 -1
  690. package/dist/core/p-69920d86.js +0 -3
  691. package/dist/core/p-69920d86.js.map +0 -1
  692. package/dist/core/p-6bad30aa.entry.js.map +0 -1
  693. package/dist/core/p-6f57b13c.js.map +0 -1
  694. package/dist/core/p-7536dd31.entry.js.map +0 -1
  695. package/dist/core/p-7ae091ef.entry.js.map +0 -1
  696. package/dist/core/p-7c0dcd00.js.map +0 -1
  697. package/dist/core/p-7c46caf2.entry.js +0 -2
  698. package/dist/core/p-7c46caf2.entry.js.map +0 -1
  699. package/dist/core/p-83d5bcae.entry.js +0 -2
  700. package/dist/core/p-83d5bcae.entry.js.map +0 -1
  701. package/dist/core/p-892d9d9f.entry.js.map +0 -1
  702. package/dist/core/p-8991f656.entry.js.map +0 -1
  703. package/dist/core/p-8c45ab61.entry.js.map +0 -1
  704. package/dist/core/p-8ca80000.entry.js.map +0 -1
  705. package/dist/core/p-90d3a41b.entry.js.map +0 -1
  706. package/dist/core/p-95992c98.entry.js.map +0 -1
  707. package/dist/core/p-96b71172.entry.js +0 -2
  708. package/dist/core/p-96b71172.entry.js.map +0 -1
  709. package/dist/core/p-96bcd466.entry.js.map +0 -1
  710. package/dist/core/p-9e551fe9.entry.js.map +0 -1
  711. package/dist/core/p-a29fe0c6.entry.js.map +0 -1
  712. package/dist/core/p-a588886f.entry.js.map +0 -1
  713. package/dist/core/p-a8b94619.entry.js.map +0 -1
  714. package/dist/core/p-adceb0cf.entry.js.map +0 -1
  715. package/dist/core/p-b698b8ad.entry.js.map +0 -1
  716. package/dist/core/p-b6c538ea.entry.js +0 -2
  717. package/dist/core/p-b6c538ea.entry.js.map +0 -1
  718. package/dist/core/p-c012b867.entry.js.map +0 -1
  719. package/dist/core/p-c5716cbc.entry.js +0 -2
  720. package/dist/core/p-c5716cbc.entry.js.map +0 -1
  721. package/dist/core/p-ca6d834e.entry.js.map +0 -1
  722. package/dist/core/p-cbbf4b05.entry.js.map +0 -1
  723. package/dist/core/p-ce791694.entry.js.map +0 -1
  724. package/dist/core/p-cef93d12.entry.js.map +0 -1
  725. package/dist/core/p-d2215b72.entry.js.map +0 -1
  726. package/dist/core/p-e0ee714a.entry.js +0 -2
  727. package/dist/core/p-e0ee714a.entry.js.map +0 -1
  728. package/dist/core/p-e6370b7e.entry.js +0 -2
  729. package/dist/core/p-e6370b7e.entry.js.map +0 -1
  730. package/dist/core/p-ee11e185.entry.js.map +0 -1
  731. package/dist/core/p-f24814b8.entry.js +0 -2
  732. package/dist/core/p-f24814b8.entry.js.map +0 -1
  733. package/dist/core/p-f665242d.entry.js.map +0 -1
  734. package/dist/core/p-f7695299.entry.js.map +0 -1
  735. package/dist/core/p-f923d11b.entry.js.map +0 -1
  736. package/dist/esm/OpenInNew-67a881e0.js.map +0 -1
  737. package/dist/esm/check-icon-abb210ec.js.map +0 -1
  738. package/dist/esm/chevron-icon-7927f709.js.map +0 -1
  739. package/dist/esm/close-icon-2f02b42a.js.map +0 -1
  740. package/dist/esm/helpers-85903813.js.map +0 -1
  741. package/dist/esm/index-fd30b77e.js.map +0 -1
  742. package/dist/esm/polyfills/css-shim.js +0 -1
  743. package/dist/esm/popper-15e448b4.js.map +0 -1
  744. package/dist/esm/types-dd515332.js.map +0 -1
  745. /package/dist/core/{p-06321d19.js.map → p-3b185c32.js.map} +0 -0
  746. /package/dist/core/{p-44512ebe.js.map → p-426ec638.js.map} +0 -0
  747. /package/dist/core/{p-8c7f4343.js.map → p-c2e091d7.js.map} +0 -0
  748. /package/dist/core/{p-8d4f7027.js.map → p-f074ef5b.js.map} +0 -0
@@ -3,6 +3,7 @@ import { MenuItem } from "../../../ic-menu-item/ic-menu-item";
3
3
  import { PopoverMenu } from "../../ic-popover-menu";
4
4
  import { waitForTimeout } from "../../../../testspec.setup";
5
5
  import { MenuGroup } from "../../../ic-menu-group/ic-menu-group";
6
+ import { Dialog } from "../../../ic-dialog/ic-dialog";
6
7
  describe("ic-popover-menu", () => {
7
8
  it("should render with anchor", async () => {
8
9
  const page = await newSpecPage({
@@ -44,6 +45,19 @@ describe("ic-popover-menu", () => {
44
45
  });
45
46
  expect(page.root).toMatchSnapshot("should render a back button when submenu-id is set");
46
47
  });
48
+ it("should render on a dialog", async () => {
49
+ const page = await newSpecPage({
50
+ components: [PopoverMenu, MenuItem, Dialog],
51
+ html: `<ic-dialog>
52
+ <ic-button id="anchorEl"></ic-button>
53
+ <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" open="true">
54
+ <ic-menu-item label="Button 1"></ic-menu-item>
55
+ <ic-menu-item label="Button 2"></ic-menu-item>
56
+ </ic-popover-menu>
57
+ </ic-dialog>`,
58
+ });
59
+ expect(page.root).toMatchSnapshot();
60
+ });
47
61
  it("should set openingFromChild to true when openFromChild method is called", async () => {
48
62
  const page = await newSpecPage({
49
63
  components: [PopoverMenu, MenuItem],
@@ -1 +1 @@
1
- {"version":3,"file":"ic-popover-menu.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/basic/ic-popover-menu.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { MenuItem } from \"../../../ic-menu-item/ic-menu-item\";\nimport { PopoverMenu } from \"../../ic-popover-menu\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\nimport { MenuGroup } from \"../../../ic-menu-group/ic-menu-group\";\n\ndescribe(\"ic-popover-menu\", () => {\n it(\"should render with anchor\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\"should render with anchor\");\n });\n\n it(\"should render when anchor starts with #\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render when target starts with #\"\n );\n });\n\n it(\"should render a menu item and menu group\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem, MenuGroup],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-group label=\"Button group\">\n <ic-menu-item label=\"Group button 1\" variant=\"destructive\"></ic-menu-item>\n <ic-menu-item label=\"Group button 2\"></ic-menu-item>\n </ic-menu-group>\n </ic-popover-menu>\n `,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render a menu item and menu group\"\n );\n });\n\n it(\"should render a back button when submenu-id is set\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render a back button when submenu-id is set\"\n );\n });\n\n it(\"should set openingFromChild to true when openFromChild method is called\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n await page.root.openFromChild();\n await page.waitForChanges();\n expect(page.rootInstance.openingFromChild).toBeTruthy();\n expect(page.rootInstance.open).toBeTruthy();\n\n await waitForTimeout(1000);\n\n expect(page.rootInstance.openingFromChild).toBeFalsy();\n });\n\n it(\"should set openingFromParent to true when openFromParent method is called\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n await page.root.openFromParent();\n await page.waitForChanges();\n expect(page.rootInstance.openingFromParent).toBeTruthy();\n expect(page.rootInstance.open).toBeTruthy();\n\n await waitForTimeout(1000);\n\n expect(page.rootInstance.openingFromParent).toBeFalsy();\n });\n\n it(\"should add focusable menu items to the list of focusable elements\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.rootInstance.popoverMenuEls).toEqual([]);\n\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n expect(page.rootInstance.popoverMenuEls).toEqual(menuItems);\n });\n\n it(\"should get the next item to select going up and down\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n //populating popoverEls before calling getNextItemToSelect\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);\n\n await page.waitForChanges();\n expect(nextItemCalc).toBe(1);\n\n const prevItemCalc = page.rootInstance.getNextItemToSelect(\n nextItemCalc,\n false\n );\n\n await page.waitForChanges();\n expect(prevItemCalc).toBe(0);\n });\n\n it(\"should get the next item to select as last item if next item < 0 and select first item if next item > items length\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n //populating popoverEls before calling getNextItemToSelect\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n const lastItemCalc = page.rootInstance.getNextItemToSelect(0, false);\n\n await page.waitForChanges();\n expect(lastItemCalc).toBe(2);\n\n const firstItemCalc = page.rootInstance.getNextItemToSelect(2, true);\n\n await page.waitForChanges();\n expect(firstItemCalc).toBe(0);\n });\n\n it(\"should console error if an anchor can't be found\", async () => {\n console.error = jest.fn();\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"wrongAnchor\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n await page.waitForChanges();\n\n expect(console.error).toHaveBeenCalledWith(\n \"Popover anchor element 'wrongAnchor' not found\"\n );\n });\n\n it(\"should console error if no anchor is specified for an original popover menu\", async () => {\n console.error = jest.fn();\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n await page.waitForChanges();\n\n expect(console.error).toHaveBeenCalledWith(\n \"No anchor specified for popover component\"\n );\n });\n\n it(\"should set focus on ArrowDown\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"ArrowDown\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on ArrowUp\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"ArrowUp\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on first element for home key\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"Home\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.currentFocus).toBe(0);\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on last element for end key\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n //populating popoverEls before handleKeyDown\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"End\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.currentFocus).toBe(2);\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set close menu on Escape\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n // Menu should be open before it can be closed\n page.doc.querySelector(\"ic-popover-menu\").open = true;\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"Escape\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set close menu on Tab\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n // Menu should be open before it can be closed\n page.doc.querySelector(\"ic-popover-menu\").open = true;\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"Tab\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const trigger = page.root.querySelector(\"#trigger-button\");\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n expect(page.root.open).toBeUndefined();\n\n // Make sure the event has a target for handleSubmenuChange\n trigger.dispatchEvent(event);\n\n page.rootInstance.handleSubmenuChange(event);\n await page.waitForChanges();\n await waitForTimeout(1000);\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n <ic-menu-item label=\"Button 1\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const trigger = page.root.querySelector(\"#trigger-button\");\n\n const event = new CustomEvent(\"click\", {\n bubbles: true,\n cancelable: true,\n detail: { hasSubmenu: false, label: \"Button 1\" },\n });\n\n expect(page.root.open).toBeUndefined();\n\n // Make sure the event has a target for handleMenuItemClick\n trigger.dispatchEvent(event);\n\n page.rootInstance.handleMenuItemClick(event);\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should close menu when an element that isn't in the popover is clicked\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\" open=\"true\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n const notPopover = document.body;\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n // Make sure the event has a target for handleSubmenuChange\n notPopover.dispatchEvent(event);\n\n await page.rootInstance.handleClick(event);\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set current popover's open prop to false when back button is clicked\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const back = page.root.shadowRoot.querySelector(\n \".ic-popover-submenu-back-button\"\n );\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n back.dispatchEvent(event);\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should set open to false when menu is closed\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" open=\"true\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.root.open).toBeTruthy();\n\n page.rootInstance.closeMenu();\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n});\n"]}
1
+ {"version":3,"file":"ic-popover-menu.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/basic/ic-popover-menu.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { MenuItem } from \"../../../ic-menu-item/ic-menu-item\";\nimport { PopoverMenu } from \"../../ic-popover-menu\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\nimport { MenuGroup } from \"../../../ic-menu-group/ic-menu-group\";\nimport { Dialog } from \"../../../ic-dialog/ic-dialog\";\n\ndescribe(\"ic-popover-menu\", () => {\n it(\"should render with anchor\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\"should render with anchor\");\n });\n\n it(\"should render when anchor starts with #\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render when target starts with #\"\n );\n });\n\n it(\"should render a menu item and menu group\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem, MenuGroup],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-group label=\"Button group\">\n <ic-menu-item label=\"Group button 1\" variant=\"destructive\"></ic-menu-item>\n <ic-menu-item label=\"Group button 2\"></ic-menu-item>\n </ic-menu-group>\n </ic-popover-menu>\n `,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render a menu item and menu group\"\n );\n });\n\n it(\"should render a back button when submenu-id is set\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.root).toMatchSnapshot(\n \"should render a back button when submenu-id is set\"\n );\n });\n\n it(\"should render on a dialog\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem, Dialog],\n html: `<ic-dialog>\n <ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" open=\"true\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n </ic-dialog>`,\n });\n\n expect(page.root).toMatchSnapshot();\n });\n\n it(\"should set openingFromChild to true when openFromChild method is called\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n await page.root.openFromChild();\n await page.waitForChanges();\n expect(page.rootInstance.openingFromChild).toBeTruthy();\n expect(page.rootInstance.open).toBeTruthy();\n\n await waitForTimeout(1000);\n\n expect(page.rootInstance.openingFromChild).toBeFalsy();\n });\n\n it(\"should set openingFromParent to true when openFromParent method is called\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n await page.root.openFromParent();\n await page.waitForChanges();\n expect(page.rootInstance.openingFromParent).toBeTruthy();\n expect(page.rootInstance.open).toBeTruthy();\n\n await waitForTimeout(1000);\n\n expect(page.rootInstance.openingFromParent).toBeFalsy();\n });\n\n it(\"should add focusable menu items to the list of focusable elements\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.rootInstance.popoverMenuEls).toEqual([]);\n\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n expect(page.rootInstance.popoverMenuEls).toEqual(menuItems);\n });\n\n it(\"should get the next item to select going up and down\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n //populating popoverEls before calling getNextItemToSelect\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);\n\n await page.waitForChanges();\n expect(nextItemCalc).toBe(1);\n\n const prevItemCalc = page.rootInstance.getNextItemToSelect(\n nextItemCalc,\n false\n );\n\n await page.waitForChanges();\n expect(prevItemCalc).toBe(0);\n });\n\n it(\"should get the next item to select as last item if next item < 0 and select first item if next item > items length\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n //populating popoverEls before calling getNextItemToSelect\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n const lastItemCalc = page.rootInstance.getNextItemToSelect(0, false);\n\n await page.waitForChanges();\n expect(lastItemCalc).toBe(2);\n\n const firstItemCalc = page.rootInstance.getNextItemToSelect(2, true);\n\n await page.waitForChanges();\n expect(firstItemCalc).toBe(0);\n });\n\n it(\"should console error if an anchor can't be found\", async () => {\n console.error = jest.fn();\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"wrongAnchor\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n await page.waitForChanges();\n\n expect(console.error).toHaveBeenCalledWith(\n \"Popover anchor element 'wrongAnchor' not found\"\n );\n });\n\n it(\"should console error if no anchor is specified for an original popover menu\", async () => {\n console.error = jest.fn();\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n });\n await page.waitForChanges();\n\n expect(console.error).toHaveBeenCalledWith(\n \"No anchor specified for popover component\"\n );\n });\n\n it(\"should set focus on ArrowDown\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"ArrowDown\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on ArrowUp\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"ArrowUp\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on first element for home key\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n await page.rootInstance.handleKeyDown({\n key: \"Home\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.currentFocus).toBe(0);\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set focus on last element for end key\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n <ic-menu-item label=\"Button 3\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n //populating popoverEls before handleKeyDown\n const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n await page.rootInstance.addMenuItems(menuItems);\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"End\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n\n expect(page.rootInstance.currentFocus).toBe(2);\n expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n });\n\n it(\"should set close menu on Escape\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n // Menu should be open before it can be closed\n page.doc.querySelector(\"ic-popover-menu\").open = true;\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"Escape\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set close menu on Tab\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n // Menu should be open before it can be closed\n page.doc.querySelector(\"ic-popover-menu\").open = true;\n await page.waitForChanges();\n\n await page.rootInstance.handleKeyDown({\n key: \"Tab\",\n preventDefault: (): void => null,\n });\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const trigger = page.root.querySelector(\"#trigger-button\");\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n expect(page.root.open).toBeUndefined();\n\n // Make sure the event has a target for handleSubmenuChange\n trigger.dispatchEvent(event);\n\n page.rootInstance.handleSubmenuChange(event);\n await page.waitForChanges();\n await waitForTimeout(1000);\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n <ic-menu-item label=\"Button 1\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const trigger = page.root.querySelector(\"#trigger-button\");\n\n const event = new CustomEvent(\"click\", {\n bubbles: true,\n cancelable: true,\n detail: { hasSubmenu: false, label: \"Button 1\" },\n });\n\n expect(page.root.open).toBeUndefined();\n\n // Make sure the event has a target for handleMenuItemClick\n trigger.dispatchEvent(event);\n\n page.rootInstance.handleMenuItemClick(event);\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should close menu when an element that isn't in the popover is clicked\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\" open=\"true\">\n <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>\n <ic-popover-menu submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n const notPopover = document.body;\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n // Make sure the event has a target for handleSubmenuChange\n notPopover.dispatchEvent(event);\n\n await page.rootInstance.handleClick(event);\n await page.waitForChanges();\n expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n });\n\n it(\"should set current popover's open prop to false when back button is clicked\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n const back = page.root.shadowRoot.querySelector(\n \".ic-popover-submenu-back-button\"\n );\n\n const event = new Event(\"click\", {\n bubbles: true,\n cancelable: true,\n });\n\n back.dispatchEvent(event);\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n\n it(\"should set open to false when menu is closed\", async () => {\n const page = await newSpecPage({\n components: [PopoverMenu, MenuItem],\n html: `<ic-button id=\"anchorEl\"></ic-button>\n <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" open=\"true\">\n <ic-menu-item label=\"Button 1\"></ic-menu-item>\n <ic-menu-item label=\"Button 2\"></ic-menu-item>\n </ic-popover-menu>`,\n });\n\n expect(page.root.open).toBeTruthy();\n\n page.rootInstance.closeMenu();\n await page.waitForChanges();\n expect(page.root.open).toBeFalsy();\n });\n});\n"]}
@@ -221,7 +221,8 @@ export class RadioGroup {
221
221
  "references": {
222
222
  "IcOrientation": {
223
223
  "location": "import",
224
- "path": "../../utils/types"
224
+ "path": "../../utils/types",
225
+ "id": "src/utils/types.ts::IcOrientation"
225
226
  }
226
227
  }
227
228
  },
@@ -280,7 +281,8 @@ export class RadioGroup {
280
281
  "references": {
281
282
  "IcInformationStatusOrEmpty": {
282
283
  "location": "import",
283
- "path": "../../utils/types"
284
+ "path": "../../utils/types",
285
+ "id": "src/utils/types.ts::IcInformationStatusOrEmpty"
284
286
  }
285
287
  }
286
288
  },
@@ -337,7 +339,8 @@ export class RadioGroup {
337
339
  "references": {
338
340
  "IcChangeEventDetail": {
339
341
  "location": "import",
340
- "path": "./ic-radio-group.types"
342
+ "path": "./ic-radio-group.types",
343
+ "id": "src/components/ic-radio-group/ic-radio-group.types.ts::IcChangeEventDetail"
341
344
  }
342
345
  }
343
346
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ic-radio-group.js","sourceRoot":"","sources":["../../../src/components/ic-radio-group/ic-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Listen,\n Element,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\nimport {\n hasValidationStatus,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n renderHiddenInput,\n} from \"../../utils/helpers\";\nimport {\n IcInformationStatusOrEmpty,\n IcOrientation,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n@Component({\n tag: \"ic-radio-group\",\n styleUrl: \"ic-radio-group.css\",\n shadow: true,\n})\nexport class RadioGroup {\n private radioOptions: HTMLIcRadioOptionElement[];\n\n @Element() host: HTMLIcRadioGroupElement;\n\n @State() checkedValue: string = \"\";\n @State() selectedChild: number = -1;\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled: 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 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 * The label for the radio group to be displayed.\n */\n @Prop() label!: string;\n\n /**\n * The name for the radio group to differentiate from other groups.\n */\n @Prop() name!: string;\n\n /**\n * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n */\n @Prop({ reflect: true, mutable: true }) orientation: IcOrientation =\n \"vertical\";\n\n /**\n * If `true`, the radio group will require a value.\n */\n @Prop() required: boolean = false;\n\n /**\n * If `true`, the small styling will be applied to the radio group.\n */\n @Prop() small: boolean = false;\n /**\n * The validation status - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n /**\n * The validation text - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationText: string = \"\";\n\n /**\n * Emitted when a user selects a radio.\n */\n @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.host);\n }\n\n componentDidLoad(): void {\n this.radioOptions = Array.from(\n this.host.querySelectorAll(\"ic-radio-option\")\n );\n\n this.radioOptions.forEach((radioOption, index) => {\n if (!radioOption.selected) {\n radioOption.selected = this.checkedValue === radioOption.value;\n }\n radioOption.name = this.name;\n radioOption.groupLabel = this.label;\n if (radioOption.selected) {\n this.selectedChild = index;\n this.checkedValue = radioOption.value;\n }\n });\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n this.selectedChild > 0 ? -1 : 0;\n\n if (\n this.orientation === \"horizontal\" &&\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (isSlotUsed(this.radioOptions[0], \"additional-field\") ||\n isSlotUsed(this.radioOptions[1], \"additional-field\"))))\n ) {\n this.orientation = \"vertical\";\n }\n\n onComponentRequiredPropUndefined(\n [\n { prop: this.label, propName: \"label\" },\n { prop: this.name, propName: \"name\" },\n ],\n \"Radio Group\"\n );\n }\n\n @Listen(\"icCheck\")\n selectHandler(event: CustomEvent<IcValueEventDetail>): void {\n this.checkedValue = event.detail.value;\n const selectedOption = event.target as HTMLIcRadioOptionElement;\n this.icChange.emit({\n value: this.checkedValue,\n selectedOption: {\n radio: selectedOption,\n textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n },\n });\n\n if (this.radioOptions !== undefined) {\n this.radioOptions.forEach((radioOption, index) => {\n radioOption.selected = this.checkedValue === radioOption.value;\n if (radioOption.selected) {\n this.selectedChild = index;\n }\n });\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n this.selectedChild > 0 ? -1 : 0;\n }\n }\n\n @Listen(\"icSelectedChange\")\n changeHandler(): void {\n const selectedOption = this.radioOptions.findIndex(\n (radioOption) => radioOption.selected\n );\n if (selectedOption < 0) {\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex = 0;\n this.selectedChild = selectedOption;\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, true)\n ].click();\n event.preventDefault();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, false)\n ].click();\n event.preventDefault();\n }\n };\n\n private getNextItemToSelect = (\n currentItem: number,\n movingDown: boolean\n ): number => {\n const numRadios = this.radioOptions.length - 1;\n\n if (currentItem < 1) {\n currentItem = 0;\n }\n\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n //check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numRadios;\n } else if (nextItem > numRadios) {\n nextItem = 0;\n }\n\n //if next item is disabled then find next\n if (this.radioOptions[nextItem].disabled) {\n nextItem = this.getNextItemToSelect(nextItem, movingDown);\n }\n\n return nextItem;\n };\n\n render() {\n renderHiddenInput(\n true,\n this.host,\n this.name,\n this.checkedValue,\n this.disabled\n );\n\n return (\n <Host onKeyDown={this.handleKeyDown} class={{ small: this.small }}>\n <div\n role=\"radiogroup\"\n aria-label={`${this.label}${this.required ? \", required\" : \"\"}`}\n >\n {!this.hideLabel && (\n <ic-input-label\n class={{ [`${this.validationStatus}`]: true }}\n label={this.label}\n helperText={this.helperText}\n required={this.required}\n disabled={this.disabled}\n ></ic-input-label>\n )}\n <div class=\"radio-buttons-container\">\n <slot></slot>\n </div>\n </div>\n {hasValidationStatus(this.validationStatus, this.disabled) && (\n <ic-input-validation\n ariaLiveMode=\"polite\"\n status={this.validationStatus}\n message={this.validationText}\n ></ic-input-validation>\n )}\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ic-radio-group.js","sourceRoot":"","sources":["../../../src/components/ic-radio-group/ic-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Listen,\n Element,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\nimport {\n hasValidationStatus,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n renderHiddenInput,\n} from \"../../utils/helpers\";\nimport {\n IcInformationStatusOrEmpty,\n IcOrientation,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n@Component({\n tag: \"ic-radio-group\",\n styleUrl: \"ic-radio-group.css\",\n shadow: true,\n})\nexport class RadioGroup {\n private radioOptions: HTMLIcRadioOptionElement[];\n\n @Element() host: HTMLIcRadioGroupElement;\n\n @State() checkedValue: string = \"\";\n @State() selectedChild: number = -1;\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled: 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 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 * The label for the radio group to be displayed.\n */\n @Prop() label!: string;\n\n /**\n * The name for the radio group to differentiate from other groups.\n */\n @Prop() name!: string;\n\n /**\n * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n */\n @Prop({ reflect: true, mutable: true }) orientation: IcOrientation =\n \"vertical\";\n\n /**\n * If `true`, the radio group will require a value.\n */\n @Prop() required: boolean = false;\n\n /**\n * If `true`, the small styling will be applied to the radio group.\n */\n @Prop() small: boolean = false;\n /**\n * The validation status - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n /**\n * The validation text - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationText: string = \"\";\n\n /**\n * Emitted when a user selects a radio.\n */\n @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.host);\n }\n\n componentDidLoad(): void {\n this.radioOptions = Array.from(\n this.host.querySelectorAll(\"ic-radio-option\")\n );\n\n this.radioOptions.forEach((radioOption, index) => {\n if (!radioOption.selected) {\n radioOption.selected = this.checkedValue === radioOption.value;\n }\n radioOption.name = this.name;\n radioOption.groupLabel = this.label;\n if (radioOption.selected) {\n this.selectedChild = index;\n this.checkedValue = radioOption.value;\n }\n });\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n this.selectedChild > 0 ? -1 : 0;\n\n if (\n this.orientation === \"horizontal\" &&\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (isSlotUsed(this.radioOptions[0], \"additional-field\") ||\n isSlotUsed(this.radioOptions[1], \"additional-field\"))))\n ) {\n this.orientation = \"vertical\";\n }\n\n onComponentRequiredPropUndefined(\n [\n { prop: this.label, propName: \"label\" },\n { prop: this.name, propName: \"name\" },\n ],\n \"Radio Group\"\n );\n }\n\n @Listen(\"icCheck\")\n selectHandler(event: CustomEvent<IcValueEventDetail>): void {\n this.checkedValue = event.detail.value;\n const selectedOption = event.target as HTMLIcRadioOptionElement;\n this.icChange.emit({\n value: this.checkedValue,\n selectedOption: {\n radio: selectedOption,\n textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n },\n });\n\n if (this.radioOptions !== undefined) {\n this.radioOptions.forEach((radioOption, index) => {\n radioOption.selected = this.checkedValue === radioOption.value;\n if (radioOption.selected) {\n this.selectedChild = index;\n }\n });\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex =\n this.selectedChild > 0 ? -1 : 0;\n }\n }\n\n @Listen(\"icSelectedChange\")\n changeHandler(): void {\n const selectedOption = this.radioOptions.findIndex(\n (radioOption) => radioOption.selected\n );\n if (selectedOption < 0) {\n this.radioOptions[0].shadowRoot.querySelector(\"input\").tabIndex = 0;\n this.selectedChild = selectedOption;\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, true)\n ].click();\n event.preventDefault();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, false)\n ].click();\n event.preventDefault();\n }\n };\n\n private getNextItemToSelect = (\n currentItem: number,\n movingDown: boolean\n ): number => {\n const numRadios = this.radioOptions.length - 1;\n\n if (currentItem < 1) {\n currentItem = 0;\n }\n\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n //check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numRadios;\n } else if (nextItem > numRadios) {\n nextItem = 0;\n }\n\n //if next item is disabled then find next\n if (this.radioOptions[nextItem].disabled) {\n nextItem = this.getNextItemToSelect(nextItem, movingDown);\n }\n\n return nextItem;\n };\n\n render() {\n renderHiddenInput(\n true,\n this.host,\n this.name,\n this.checkedValue,\n this.disabled\n );\n\n return (\n <Host onKeyDown={this.handleKeyDown} class={{ small: this.small }}>\n <div\n role=\"radiogroup\"\n aria-label={`${this.label}${this.required ? \", required\" : \"\"}`}\n >\n {!this.hideLabel && (\n <ic-input-label\n class={{ [`${this.validationStatus}`]: true }}\n label={this.label}\n helperText={this.helperText}\n required={this.required}\n disabled={this.disabled}\n ></ic-input-label>\n )}\n <div class=\"radio-buttons-container\">\n <slot></slot>\n </div>\n </div>\n {hasValidationStatus(this.validationStatus, this.disabled) && (\n <ic-input-validation\n ariaLiveMode=\"polite\"\n status={this.validationStatus}\n message={this.validationText}\n ></ic-input-validation>\n )}\n </Host>\n );\n }\n}\n"]}
@@ -140,7 +140,8 @@ export class RadioOption {
140
140
  "references": {
141
141
  "IcAdditionalFieldTypes": {
142
142
  "location": "import",
143
- "path": "../../utils/types"
143
+ "path": "../../utils/types",
144
+ "id": "src/utils/types.ts::IcAdditionalFieldTypes"
144
145
  }
145
146
  }
146
147
  },
@@ -300,7 +301,8 @@ export class RadioOption {
300
301
  "references": {
301
302
  "IcValueEventDetail": {
302
303
  "location": "import",
303
- "path": "../../utils/types"
304
+ "path": "../../utils/types",
305
+ "id": "src/utils/types.ts::IcValueEventDetail"
304
306
  }
305
307
  }
306
308
  }
@@ -323,7 +325,8 @@ export class RadioOption {
323
325
  "references": {
324
326
  "IcValueEventDetail": {
325
327
  "location": "import",
326
- "path": "../../utils/types"
328
+ "path": "../../utils/types",
329
+ "id": "src/utils/types.ts::IcValueEventDetail"
327
330
  }
328
331
  }
329
332
  }
@@ -352,7 +355,8 @@ export class RadioOption {
352
355
  "parameters": [],
353
356
  "references": {
354
357
  "Promise": {
355
- "location": "global"
358
+ "location": "global",
359
+ "id": "global::Promise"
356
360
  }
357
361
  },
358
362
  "return": "Promise<void>"
@@ -1 +1 @@
1
- {"version":3,"file":"ic-radio-option.js","sourceRoot":"","sources":["../../../src/components/ic-radio-option/ic-radio-option.tsx"],"names":[],"mappings":"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","sourcesContent":["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 { IcAdditionalFieldTypes, IcValueEventDetail } from \"../../utils/types\";\nimport {\n getSlotContent,\n onComponentRequiredPropUndefined,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\n@Component({\n tag: \"ic-radio-option\",\n styleUrl: \"ic-radio-option.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class RadioOption {\n private defaultRadioValue: string = \"\";\n private hasAdditionalField: boolean = false;\n private radioElement: HTMLInputElement;\n private skipFocus = false;\n\n @Element() host: 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\n /**\n * The text to be displayed when dynamic.\n */\n @Prop() dynamicText: string = \"This selection requires additional answers\";\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 * 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\n /**\n * @deprecated This event should not be used anymore. Use icCheck instead.\n */\n @Event() radioOptionSelect: EventEmitter<IcValueEventDetail>;\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.host, this.handleFormReset);\n }\n\n componentWillLoad(): void {\n const additonalFieldContent = getSlotContent(this.host, \"additional-field\");\n\n if (additonalFieldContent !== null) {\n this.hasAdditionalField = true;\n const Element = additonalFieldContent[0] as HTMLElement;\n if (Element.tagName === \"IC-TEXT-FIELD\") {\n const textField = Element as HTMLIcTextFieldElement;\n textField.hiddenInput = false;\n }\n }\n\n this.defaultRadioValue = this.value;\n\n addFormResetListener(this.host, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.host);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.value, propName: \"value\" }],\n \"Radio Option\"\n );\n }\n\n componentDidRender(): void {\n if (this.additionalFieldDisplay === \"static\") {\n const textfield = this.host.querySelector(\"ic-text-field\");\n if (!this.selected) {\n textfield && textfield.setAttribute(\"disabled\", \"\");\n } else {\n textfield && textfield.removeAttribute(\"disabled\");\n }\n }\n }\n\n @Listen(\"icChange\")\n textfieldValueHandler(event: CustomEvent<{ value: string }>): void {\n const textFieldValue = event.detail.value;\n\n if (this.selected) {\n if (textFieldValue !== \"\") {\n this.value = event.detail.value;\n this.icCheck.emit({\n value: this.value,\n });\n this.radioOptionSelect.emit({\n value: this.value,\n });\n } else {\n this.value = this.defaultRadioValue;\n this.icCheck.emit({\n value: this.defaultRadioValue,\n });\n this.radioOptionSelect.emit({\n value: this.defaultRadioValue,\n });\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 if (this.host.shadowRoot.querySelector(\"input\")) {\n this.host.shadowRoot.querySelector(\"input\").focus();\n }\n }\n\n private handleClick = () => {\n if (!this.disabled) {\n if (this.skipFocus === false) {\n this.radioElement.focus();\n }\n this.skipFocus = false;\n\n if (this.hasAdditionalField) {\n const textfield = this.host.querySelector(\"ic-text-field\");\n this.value =\n textfield.value !== \"\" ? textfield.value : this.defaultRadioValue;\n }\n\n this.icCheck.emit({\n value: this.value,\n });\n\n this.radioOptionSelect.emit({\n value: this.value,\n });\n }\n };\n\n private swallowClick = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n private handleFormReset = (): void => {\n this.skipFocus = true;\n this.selected = this.initiallySelected;\n };\n\n render() {\n const id = `ic-radio-option-${\n this.label !== undefined ? this.label : this.value\n }-${this.groupLabel}`;\n\n return (\n <Host onClick={this.handleClick} class={{ disabled: this.disabled }}>\n <div class={{ [\"container\"]: true, [\"disabled\"]: this.disabled }}>\n <div>\n <input\n role=\"radio\"\n tabindex={this.selected ? \"0\" : \"-1\"}\n type=\"radio\"\n name={this.name}\n id={id}\n value={this.value}\n disabled={this.disabled ? true : null}\n checked={this.selected}\n ref={(el) => (this.radioElement = el)}\n ></input>\n <span class=\"checkmark\"></span>\n </div>\n <ic-typography class=\"radio-label\" variant=\"body\">\n <label htmlFor={id}>{this.label}</label>\n </ic-typography>\n </div>\n\n {this.hasAdditionalField && (\n <div\n onClick={this.swallowClick}\n class={{\n \"dynamic-container\": true,\n hidden:\n this.additionalFieldDisplay === \"dynamic\" && !this.selected,\n }}\n >\n {this.additionalFieldDisplay === \"dynamic\" && (\n <div class=\"branch-corner\"></div>\n )}\n <div>\n {this.additionalFieldDisplay === \"dynamic\" && (\n <ic-typography variant=\"caption\">\n <p class=\"dynamic-text\">{this.dynamicText}</p>\n </ic-typography>\n )}\n <div\n class={{\n \"additional-field-wrapper\":\n this.additionalFieldDisplay === \"static\",\n }}\n >\n <slot name=\"additional-field\"></slot>\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ic-radio-option.js","sourceRoot":"","sources":["../../../src/components/ic-radio-option/ic-radio-option.tsx"],"names":[],"mappings":"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","sourcesContent":["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 { IcAdditionalFieldTypes, IcValueEventDetail } from \"../../utils/types\";\nimport {\n getSlotContent,\n onComponentRequiredPropUndefined,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\n@Component({\n tag: \"ic-radio-option\",\n styleUrl: \"ic-radio-option.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class RadioOption {\n private defaultRadioValue: string = \"\";\n private hasAdditionalField: boolean = false;\n private radioElement: HTMLInputElement;\n private skipFocus = false;\n\n @Element() host: 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\n /**\n * The text to be displayed when dynamic.\n */\n @Prop() dynamicText: string = \"This selection requires additional answers\";\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 * 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\n /**\n * @deprecated This event should not be used anymore. Use icCheck instead.\n */\n @Event() radioOptionSelect: EventEmitter<IcValueEventDetail>;\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.host, this.handleFormReset);\n }\n\n componentWillLoad(): void {\n const additonalFieldContent = getSlotContent(this.host, \"additional-field\");\n\n if (additonalFieldContent !== null) {\n this.hasAdditionalField = true;\n const Element = additonalFieldContent[0] as HTMLElement;\n if (Element.tagName === \"IC-TEXT-FIELD\") {\n const textField = Element as HTMLIcTextFieldElement;\n textField.hiddenInput = false;\n }\n }\n\n this.defaultRadioValue = this.value;\n\n addFormResetListener(this.host, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.host);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.value, propName: \"value\" }],\n \"Radio Option\"\n );\n }\n\n componentDidRender(): void {\n if (this.additionalFieldDisplay === \"static\") {\n const textfield = this.host.querySelector(\"ic-text-field\");\n if (!this.selected) {\n textfield && textfield.setAttribute(\"disabled\", \"\");\n } else {\n textfield && textfield.removeAttribute(\"disabled\");\n }\n }\n }\n\n @Listen(\"icChange\")\n textfieldValueHandler(event: CustomEvent<{ value: string }>): void {\n const textFieldValue = event.detail.value;\n\n if (this.selected) {\n if (textFieldValue !== \"\") {\n this.value = event.detail.value;\n this.icCheck.emit({\n value: this.value,\n });\n this.radioOptionSelect.emit({\n value: this.value,\n });\n } else {\n this.value = this.defaultRadioValue;\n this.icCheck.emit({\n value: this.defaultRadioValue,\n });\n this.radioOptionSelect.emit({\n value: this.defaultRadioValue,\n });\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 if (this.host.shadowRoot.querySelector(\"input\")) {\n this.host.shadowRoot.querySelector(\"input\").focus();\n }\n }\n\n private handleClick = () => {\n if (!this.disabled) {\n if (this.skipFocus === false) {\n this.radioElement.focus();\n }\n this.skipFocus = false;\n\n if (this.hasAdditionalField) {\n const textfield = this.host.querySelector(\"ic-text-field\");\n this.value =\n textfield.value !== \"\" ? textfield.value : this.defaultRadioValue;\n }\n\n this.icCheck.emit({\n value: this.value,\n });\n\n this.radioOptionSelect.emit({\n value: this.value,\n });\n }\n };\n\n private swallowClick = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n private handleFormReset = (): void => {\n this.skipFocus = true;\n this.selected = this.initiallySelected;\n };\n\n render() {\n const id = `ic-radio-option-${\n this.label !== undefined ? this.label : this.value\n }-${this.groupLabel}`;\n\n return (\n <Host onClick={this.handleClick} class={{ disabled: this.disabled }}>\n <div class={{ [\"container\"]: true, [\"disabled\"]: this.disabled }}>\n <div>\n <input\n role=\"radio\"\n tabindex={this.selected ? \"0\" : \"-1\"}\n type=\"radio\"\n name={this.name}\n id={id}\n value={this.value}\n disabled={this.disabled ? true : null}\n checked={this.selected}\n ref={(el) => (this.radioElement = el)}\n ></input>\n <span class=\"checkmark\"></span>\n </div>\n <ic-typography class=\"radio-label\" variant=\"body\">\n <label htmlFor={id}>{this.label}</label>\n </ic-typography>\n </div>\n\n {this.hasAdditionalField && (\n <div\n onClick={this.swallowClick}\n class={{\n \"dynamic-container\": true,\n hidden:\n this.additionalFieldDisplay === \"dynamic\" && !this.selected,\n }}\n >\n {this.additionalFieldDisplay === \"dynamic\" && (\n <div class=\"branch-corner\"></div>\n )}\n <div>\n {this.additionalFieldDisplay === \"dynamic\" && (\n <ic-typography variant=\"caption\">\n <p class=\"dynamic-text\">{this.dynamicText}</p>\n </ic-typography>\n )}\n <div\n class={{\n \"additional-field-wrapper\":\n this.additionalFieldDisplay === \"static\",\n }}\n >\n <slot name=\"additional-field\"></slot>\n </div>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}