@ukic/web-components 2.19.0 → 2.21.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (590) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-88e018cf.js → helpers-466a551d.js} +59 -99
  3. package/dist/cjs/helpers-466a551d.js.map +1 -0
  4. package/dist/cjs/ic-accordion-group.cjs.entry.js +3 -1
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
  7. package/dist/cjs/ic-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/ic-back-to-top.cjs.entry.js +15 -9
  9. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-badge.cjs.entry.js +55 -77
  11. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -1
  13. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
  15. package/dist/cjs/ic-button_3.cjs.entry.js +14 -14
  16. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-card.cjs.entry.js +1 -1
  18. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-checkbox-group.cjs.entry.js +23 -16
  20. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-checkbox.cjs.entry.js +33 -31
  22. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-chip.cjs.entry.js +21 -31
  24. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  26. package/dist/cjs/ic-dialog.cjs.entry.js +4 -2
  27. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  28. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  29. package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
  31. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  32. package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
  33. package/dist/cjs/ic-footer.cjs.entry.js +2 -2
  34. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-hero.cjs.entry.js +3 -2
  36. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -3
  38. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +5 -5
  40. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
  42. package/dist/cjs/ic-link.cjs.entry.js +2 -2
  43. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
  45. package/dist/cjs/ic-menu-item.cjs.entry.js +4 -10
  46. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
  48. package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
  49. package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
  50. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
  52. package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
  53. package/dist/cjs/ic-pagination-item.cjs.entry.js +18 -9
  54. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-pagination.cjs.entry.js +21 -9
  56. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-popover-menu.cjs.entry.js +13 -18
  58. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-radio-group.cjs.entry.js +12 -16
  60. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-radio-option.cjs.entry.js +37 -37
  62. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
  64. package/dist/cjs/ic-select.cjs.entry.js +10 -6
  65. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
  67. package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
  68. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
  70. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-step.cjs.entry.js +1 -1
  72. package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
  73. package/dist/cjs/ic-switch.cjs.entry.js +2 -2
  74. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
  76. package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
  77. package/dist/cjs/ic-tab.cjs.entry.js +2 -2
  78. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-text-field.cjs.entry.js +8 -8
  80. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-theme.cjs.entry.js +13 -15
  82. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-toast.cjs.entry.js +1 -1
  84. package/dist/cjs/ic-toggle-button.cjs.entry.js +2 -2
  85. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-top-navigation.cjs.entry.js +15 -24
  87. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-typography.cjs.entry.js +2 -2
  89. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  90. package/dist/cjs/loader.cjs.js +1 -1
  91. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +1 -1
  92. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
  93. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +5 -1
  94. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  95. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +5 -5
  96. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
  97. package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +7 -4
  98. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +37 -7
  99. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  100. package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js +2 -0
  101. package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js.map +1 -0
  102. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +9 -0
  103. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
  104. package/dist/collection/components/ic-badge/ic-badge.js +64 -78
  105. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  106. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +4 -4
  107. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
  108. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +2 -0
  109. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  110. package/dist/collection/components/ic-button/ic-button.css +289 -11
  111. package/dist/collection/components/ic-button/ic-button.js +11 -11
  112. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  113. package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
  114. package/dist/collection/components/ic-card/ic-card.css +8 -0
  115. package/dist/collection/components/ic-checkbox/ic-checkbox.css +1 -1
  116. package/dist/collection/components/ic-checkbox/ic-checkbox.js +31 -29
  117. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  118. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +27 -15
  119. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  120. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +12 -0
  121. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  122. package/dist/collection/components/ic-chip/ic-chip.css +5 -1
  123. package/dist/collection/components/ic-chip/ic-chip.js +20 -30
  124. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  125. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +5 -5
  126. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +1 -1
  127. package/dist/collection/components/ic-dialog/ic-dialog.css +11 -8
  128. package/dist/collection/components/ic-dialog/ic-dialog.js +4 -2
  129. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  130. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +2 -2
  131. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
  132. package/dist/collection/components/ic-footer/ic-footer.js +1 -1
  133. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  134. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +1 -1
  135. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  136. package/dist/collection/components/ic-hero/ic-hero.js +4 -3
  137. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  138. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +1 -1
  139. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
  140. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +1 -2
  141. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  142. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +2 -2
  143. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  144. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +9 -9
  145. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  146. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +3 -3
  147. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +1 -1
  148. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +6 -6
  149. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  150. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +5 -5
  151. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +1 -1
  152. package/dist/collection/components/ic-link/ic-link.css +1 -1
  153. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +1 -1
  154. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
  155. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +0 -1
  156. package/dist/collection/components/ic-menu/ic-menu.js +3 -3
  157. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  158. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +41 -41
  159. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  160. package/dist/collection/components/ic-menu-item/ic-menu-item.js +4 -10
  161. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  162. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +5 -5
  163. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  164. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +6 -0
  165. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +3 -3
  166. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
  167. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js +1 -1
  168. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js.map +1 -1
  169. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +1 -1
  170. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +1 -1
  171. package/dist/collection/components/ic-pagination/ic-pagination.js +26 -8
  172. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  173. package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +1 -1
  174. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +44 -0
  175. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
  176. package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +5 -1
  177. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +27 -44
  178. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  179. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +76 -0
  180. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -0
  181. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +12 -17
  182. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  183. package/dist/collection/components/ic-radio-group/ic-radio-group.js +11 -15
  184. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  185. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +17 -17
  186. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +1 -1
  187. package/dist/collection/components/ic-radio-option/ic-radio-option.js +37 -37
  188. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  189. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +5 -5
  190. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +1 -1
  191. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +4 -4
  192. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +1 -1
  193. package/dist/collection/components/ic-select/ic-select.js +9 -5
  194. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  195. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +11 -11
  196. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
  197. package/dist/collection/components/ic-skeleton/ic-skeleton.js +16 -43
  198. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  199. package/dist/collection/components/ic-status-tag/ic-status-tag.js +1 -1
  200. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  201. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +1 -1
  202. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +1 -1
  203. package/dist/collection/components/ic-switch/ic-switch.css +11 -3
  204. package/dist/collection/components/ic-tab/ic-tab.css +17 -5
  205. package/dist/collection/components/ic-text-field/ic-text-field.css +1 -0
  206. package/dist/collection/components/ic-text-field/ic-text-field.js +6 -6
  207. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  208. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -1
  209. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
  210. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +15 -15
  211. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
  212. package/dist/collection/components/ic-theme/ic-theme.js +21 -17
  213. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  214. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +1 -1
  215. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
  216. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +21 -0
  217. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +7 -7
  218. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
  219. package/dist/collection/components/ic-tooltip/ic-tooltip.css +7 -0
  220. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +15 -24
  221. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  222. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +14 -14
  223. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
  224. package/dist/collection/components/ic-typography/ic-typography.css +11 -2
  225. package/dist/collection/utils/helpers.js +58 -102
  226. package/dist/collection/utils/helpers.js.map +1 -1
  227. package/dist/components/helpers.js +57 -97
  228. package/dist/components/helpers.js.map +1 -1
  229. package/dist/components/ic-accordion-group.js +2 -1
  230. package/dist/components/ic-accordion-group.js.map +1 -1
  231. package/dist/components/ic-back-to-top.js +22 -9
  232. package/dist/components/ic-back-to-top.js.map +1 -1
  233. package/dist/components/ic-badge.js +59 -77
  234. package/dist/components/ic-badge.js.map +1 -1
  235. package/dist/components/ic-breadcrumb-group.js +2 -0
  236. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  237. package/dist/components/ic-button2.js +11 -11
  238. package/dist/components/ic-button2.js.map +1 -1
  239. package/dist/components/ic-card.js.map +1 -1
  240. package/dist/components/ic-checkbox-group.js +26 -16
  241. package/dist/components/ic-checkbox-group.js.map +1 -1
  242. package/dist/components/ic-checkbox.js +33 -31
  243. package/dist/components/ic-checkbox.js.map +1 -1
  244. package/dist/components/ic-chip.js +21 -31
  245. package/dist/components/ic-chip.js.map +1 -1
  246. package/dist/components/ic-dialog.js +4 -2
  247. package/dist/components/ic-dialog.js.map +1 -1
  248. package/dist/components/ic-divider2.js +1 -1
  249. package/dist/components/ic-footer-link-group.js +2 -2
  250. package/dist/components/ic-footer-link-group.js.map +1 -1
  251. package/dist/components/ic-footer-link.js +1 -1
  252. package/dist/components/ic-footer.js +2 -2
  253. package/dist/components/ic-footer.js.map +1 -1
  254. package/dist/components/ic-hero.js +3 -2
  255. package/dist/components/ic-hero.js.map +1 -1
  256. package/dist/components/ic-horizontal-scroll2.js +2 -3
  257. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  258. package/dist/components/ic-input-component-container2.js +2 -2
  259. package/dist/components/ic-input-component-container2.js.map +1 -1
  260. package/dist/components/ic-link2.js +1 -1
  261. package/dist/components/ic-link2.js.map +1 -1
  262. package/dist/components/ic-loading-indicator2.js +1 -1
  263. package/dist/components/ic-loading-indicator2.js.map +1 -1
  264. package/dist/components/ic-menu-item2.js +4 -10
  265. package/dist/components/ic-menu-item2.js.map +1 -1
  266. package/dist/components/ic-menu2.js +3 -3
  267. package/dist/components/ic-menu2.js.map +1 -1
  268. package/dist/components/ic-navigation-button.js +1 -1
  269. package/dist/components/ic-navigation-group.js +1 -1
  270. package/dist/components/ic-navigation-item.js +2 -2
  271. package/dist/components/ic-navigation-item.js.map +1 -1
  272. package/dist/components/ic-navigation-menu2.js +1 -1
  273. package/dist/components/ic-pagination-item2.js +22 -12
  274. package/dist/components/ic-pagination-item2.js.map +1 -1
  275. package/dist/components/ic-pagination.js +23 -8
  276. package/dist/components/ic-pagination.js.map +1 -1
  277. package/dist/components/ic-popover-menu.js +13 -18
  278. package/dist/components/ic-popover-menu.js.map +1 -1
  279. package/dist/components/ic-radio-group.js +11 -15
  280. package/dist/components/ic-radio-group.js.map +1 -1
  281. package/dist/components/ic-radio-option.js +37 -37
  282. package/dist/components/ic-radio-option.js.map +1 -1
  283. package/dist/components/ic-select.js +9 -5
  284. package/dist/components/ic-select.js.map +1 -1
  285. package/dist/components/ic-side-navigation.js +1 -1
  286. package/dist/components/ic-skeleton.js +17 -40
  287. package/dist/components/ic-skeleton.js.map +1 -1
  288. package/dist/components/ic-status-tag.js.map +1 -1
  289. package/dist/components/ic-switch.js +1 -1
  290. package/dist/components/ic-switch.js.map +1 -1
  291. package/dist/components/ic-tab.js +1 -1
  292. package/dist/components/ic-tab.js.map +1 -1
  293. package/dist/components/ic-text-field2.js +7 -7
  294. package/dist/components/ic-text-field2.js.map +1 -1
  295. package/dist/components/ic-theme.js +13 -15
  296. package/dist/components/ic-theme.js.map +1 -1
  297. package/dist/components/ic-toast.js +1 -1
  298. package/dist/components/ic-toggle-button.js +1 -1
  299. package/dist/components/ic-toggle-button.js.map +1 -1
  300. package/dist/components/ic-tooltip2.js +1 -1
  301. package/dist/components/ic-tooltip2.js.map +1 -1
  302. package/dist/components/ic-top-navigation.js +15 -24
  303. package/dist/components/ic-top-navigation.js.map +1 -1
  304. package/dist/components/ic-typography2.js +1 -1
  305. package/dist/components/ic-typography2.js.map +1 -1
  306. package/dist/core/core.css +2 -2
  307. package/dist/core/core.esm.js +1 -1
  308. package/dist/core/core.esm.js.map +1 -1
  309. package/dist/core/p-063587c6.js +2 -0
  310. package/dist/core/p-063587c6.js.map +1 -0
  311. package/dist/core/{p-346578e4.entry.js → p-099efe2a.entry.js} +2 -2
  312. package/dist/core/p-0a6fbf35.entry.js +2 -0
  313. package/dist/core/p-0a6fbf35.entry.js.map +1 -0
  314. package/dist/core/{p-051583a5.entry.js → p-10dba909.entry.js} +2 -2
  315. package/dist/core/p-10dba909.entry.js.map +1 -0
  316. package/dist/core/p-14dd5b2b.entry.js +2 -0
  317. package/dist/core/p-14dd5b2b.entry.js.map +1 -0
  318. package/dist/core/{p-ba1c3cf7.entry.js → p-1624f4de.entry.js} +2 -2
  319. package/dist/core/{p-1b1270a1.entry.js → p-227a3f22.entry.js} +2 -2
  320. package/dist/core/p-227a3f22.entry.js.map +1 -0
  321. package/dist/core/{p-04cc2b25.entry.js → p-25606a38.entry.js} +2 -2
  322. package/dist/core/{p-328bc6a2.entry.js → p-25edb082.entry.js} +2 -2
  323. package/dist/core/p-25edb082.entry.js.map +1 -0
  324. package/dist/core/{p-4f3fe190.entry.js → p-2965644e.entry.js} +2 -2
  325. package/dist/core/{p-bceaf300.entry.js → p-34d719f8.entry.js} +2 -2
  326. package/dist/core/p-34d719f8.entry.js.map +1 -0
  327. package/dist/core/{p-3f53446c.entry.js → p-35856434.entry.js} +2 -2
  328. package/dist/core/{p-7b720034.entry.js → p-3eda4e14.entry.js} +2 -2
  329. package/dist/core/p-3eda4e14.entry.js.map +1 -0
  330. package/dist/core/{p-6f9dcfb5.entry.js → p-40c508c8.entry.js} +2 -2
  331. package/dist/core/{p-6f9dcfb5.entry.js.map → p-40c508c8.entry.js.map} +1 -1
  332. package/dist/core/p-426a5500.entry.js +2 -0
  333. package/dist/core/p-426a5500.entry.js.map +1 -0
  334. package/dist/core/p-4522e5c0.entry.js +2 -0
  335. package/dist/core/p-4522e5c0.entry.js.map +1 -0
  336. package/dist/core/{p-d7f4779d.entry.js → p-459355ef.entry.js} +2 -2
  337. package/dist/core/p-49cdaddc.entry.js +2 -0
  338. package/dist/core/p-49cdaddc.entry.js.map +1 -0
  339. package/dist/core/{p-f50a57f3.entry.js → p-4a0acd0f.entry.js} +2 -2
  340. package/dist/core/{p-f50a57f3.entry.js.map → p-4a0acd0f.entry.js.map} +1 -1
  341. package/dist/core/{p-32e2ae6f.entry.js → p-4e3a03cb.entry.js} +2 -2
  342. package/dist/core/{p-c919c571.entry.js → p-521cc9c6.entry.js} +2 -2
  343. package/dist/core/{p-c3acbefe.entry.js → p-56b709a1.entry.js} +2 -2
  344. package/dist/core/{p-c3acbefe.entry.js.map → p-56b709a1.entry.js.map} +1 -1
  345. package/dist/core/{p-2f91e86a.entry.js → p-687af4e5.entry.js} +2 -2
  346. package/dist/core/{p-8e37e832.entry.js → p-7dbd0a9f.entry.js} +2 -2
  347. package/dist/core/p-8a0d4ea2.entry.js +2 -0
  348. package/dist/core/p-8a0d4ea2.entry.js.map +1 -0
  349. package/dist/core/p-8bb09d94.entry.js +2 -0
  350. package/dist/core/p-8bb09d94.entry.js.map +1 -0
  351. package/dist/core/{p-e5957ce0.entry.js → p-8e3cc8e9.entry.js} +2 -2
  352. package/dist/core/{p-e68485ee.entry.js → p-8ec2105c.entry.js} +2 -2
  353. package/dist/core/p-8ec2105c.entry.js.map +1 -0
  354. package/dist/core/{p-adf468f4.entry.js → p-94c512d4.entry.js} +2 -2
  355. package/dist/core/p-94c512d4.entry.js.map +1 -0
  356. package/dist/core/p-9e4b8aeb.entry.js +2 -0
  357. package/dist/core/p-9e4b8aeb.entry.js.map +1 -0
  358. package/dist/core/{p-692ccc73.entry.js → p-a049705a.entry.js} +2 -2
  359. package/dist/core/p-a049705a.entry.js.map +1 -0
  360. package/dist/core/{p-731515cf.entry.js → p-a541cf18.entry.js} +2 -2
  361. package/dist/core/{p-52a4c223.entry.js → p-ad6176a2.entry.js} +2 -2
  362. package/dist/core/p-ad932b00.entry.js +2 -0
  363. package/dist/core/p-ad932b00.entry.js.map +1 -0
  364. package/dist/core/{p-5481b048.entry.js → p-adecaedd.entry.js} +2 -2
  365. package/dist/core/{p-2d4e7985.entry.js → p-af5e3bab.entry.js} +2 -2
  366. package/dist/core/p-af5e3bab.entry.js.map +1 -0
  367. package/dist/core/{p-8ed04819.entry.js → p-b6be866c.entry.js} +2 -2
  368. package/dist/core/p-b6be866c.entry.js.map +1 -0
  369. package/dist/core/p-b8d68163.entry.js +2 -0
  370. package/dist/core/p-b8d68163.entry.js.map +1 -0
  371. package/dist/core/{p-8153def1.entry.js → p-c199045d.entry.js} +2 -2
  372. package/dist/core/{p-1197f0d4.entry.js → p-c649689e.entry.js} +2 -2
  373. package/dist/core/{p-1197f0d4.entry.js.map → p-c649689e.entry.js.map} +1 -1
  374. package/dist/core/p-cbba9c7c.entry.js +2 -0
  375. package/dist/core/p-cbba9c7c.entry.js.map +1 -0
  376. package/dist/core/{p-1a6fab3e.entry.js → p-cc9e5b0e.entry.js} +2 -2
  377. package/dist/core/{p-03796d51.entry.js → p-ce4e0e38.entry.js} +2 -2
  378. package/dist/core/p-d3f10067.entry.js +2 -0
  379. package/dist/core/p-d3f10067.entry.js.map +1 -0
  380. package/dist/core/p-dae27567.entry.js +2 -0
  381. package/dist/core/p-dae27567.entry.js.map +1 -0
  382. package/dist/core/{p-a13236ef.entry.js → p-de40b0b1.entry.js} +2 -2
  383. package/dist/core/p-de40b0b1.entry.js.map +1 -0
  384. package/dist/core/{p-af5eacc1.entry.js → p-e5d5b07e.entry.js} +2 -2
  385. package/dist/core/{p-b451f27c.entry.js → p-e70c6b33.entry.js} +2 -2
  386. package/dist/core/{p-8b65be1e.entry.js → p-e776f72a.entry.js} +2 -2
  387. package/dist/core/p-e9ec912f.entry.js +2 -0
  388. package/dist/core/p-e9ec912f.entry.js.map +1 -0
  389. package/dist/core/p-ec77a078.entry.js +2 -0
  390. package/dist/core/p-ec77a078.entry.js.map +1 -0
  391. package/dist/core/{p-2b326b17.entry.js → p-f706798e.entry.js} +2 -2
  392. package/dist/core/{p-2b326b17.entry.js.map → p-f706798e.entry.js.map} +1 -1
  393. package/dist/core/{p-1c3b619f.entry.js → p-fd6f0ef0.entry.js} +2 -2
  394. package/dist/core/p-fd6f0ef0.entry.js.map +1 -0
  395. package/dist/core/{p-ba40f44a.entry.js → p-fe702898.entry.js} +2 -2
  396. package/dist/core/p-fe702898.entry.js.map +1 -0
  397. package/dist/esm/core.js +1 -1
  398. package/dist/esm/{helpers-24ba0b83.js → helpers-c28c228a.js} +58 -98
  399. package/dist/esm/helpers-c28c228a.js.map +1 -0
  400. package/dist/esm/ic-accordion-group.entry.js +3 -1
  401. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  402. package/dist/esm/ic-accordion.entry.js +1 -1
  403. package/dist/esm/ic-alert.entry.js +1 -1
  404. package/dist/esm/ic-back-to-top.entry.js +15 -9
  405. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  406. package/dist/esm/ic-badge.entry.js +55 -77
  407. package/dist/esm/ic-badge.entry.js.map +1 -1
  408. package/dist/esm/ic-breadcrumb-group.entry.js +3 -1
  409. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  410. package/dist/esm/ic-breadcrumb.entry.js +1 -1
  411. package/dist/esm/ic-button_3.entry.js +14 -14
  412. package/dist/esm/ic-button_3.entry.js.map +1 -1
  413. package/dist/esm/ic-card.entry.js +1 -1
  414. package/dist/esm/ic-card.entry.js.map +1 -1
  415. package/dist/esm/ic-checkbox-group.entry.js +23 -16
  416. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  417. package/dist/esm/ic-checkbox.entry.js +33 -31
  418. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  419. package/dist/esm/ic-chip.entry.js +21 -31
  420. package/dist/esm/ic-chip.entry.js.map +1 -1
  421. package/dist/esm/ic-data-row.entry.js +1 -1
  422. package/dist/esm/ic-dialog.entry.js +4 -2
  423. package/dist/esm/ic-dialog.entry.js.map +1 -1
  424. package/dist/esm/ic-divider.entry.js +1 -1
  425. package/dist/esm/ic-empty-state.entry.js +1 -1
  426. package/dist/esm/ic-footer-link-group.entry.js +2 -2
  427. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  428. package/dist/esm/ic-footer-link.entry.js +1 -1
  429. package/dist/esm/ic-footer.entry.js +2 -2
  430. package/dist/esm/ic-footer.entry.js.map +1 -1
  431. package/dist/esm/ic-hero.entry.js +3 -2
  432. package/dist/esm/ic-hero.entry.js.map +1 -1
  433. package/dist/esm/ic-horizontal-scroll.entry.js +2 -3
  434. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  435. package/dist/esm/ic-input-component-container_3.entry.js +5 -5
  436. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  437. package/dist/esm/ic-input-label_2.entry.js +1 -1
  438. package/dist/esm/ic-link.entry.js +2 -2
  439. package/dist/esm/ic-link.entry.js.map +1 -1
  440. package/dist/esm/ic-menu-group.entry.js +1 -1
  441. package/dist/esm/ic-menu-item.entry.js +4 -10
  442. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  443. package/dist/esm/ic-navigation-button.entry.js +1 -1
  444. package/dist/esm/ic-navigation-group.entry.js +1 -1
  445. package/dist/esm/ic-navigation-item.entry.js +2 -2
  446. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  447. package/dist/esm/ic-navigation-menu.entry.js +1 -1
  448. package/dist/esm/ic-page-header.entry.js +1 -1
  449. package/dist/esm/ic-pagination-item.entry.js +18 -9
  450. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  451. package/dist/esm/ic-pagination.entry.js +21 -9
  452. package/dist/esm/ic-pagination.entry.js.map +1 -1
  453. package/dist/esm/ic-popover-menu.entry.js +13 -18
  454. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  455. package/dist/esm/ic-radio-group.entry.js +12 -16
  456. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  457. package/dist/esm/ic-radio-option.entry.js +37 -37
  458. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  459. package/dist/esm/ic-search-bar.entry.js +1 -1
  460. package/dist/esm/ic-select.entry.js +10 -6
  461. package/dist/esm/ic-select.entry.js.map +1 -1
  462. package/dist/esm/ic-side-navigation.entry.js +1 -1
  463. package/dist/esm/ic-skeleton.entry.js +16 -35
  464. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  465. package/dist/esm/ic-status-tag.entry.js +1 -1
  466. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  467. package/dist/esm/ic-step.entry.js +1 -1
  468. package/dist/esm/ic-stepper.entry.js +1 -1
  469. package/dist/esm/ic-switch.entry.js +2 -2
  470. package/dist/esm/ic-switch.entry.js.map +1 -1
  471. package/dist/esm/ic-tab-group.entry.js +1 -1
  472. package/dist/esm/ic-tab-panel.entry.js +1 -1
  473. package/dist/esm/ic-tab.entry.js +2 -2
  474. package/dist/esm/ic-tab.entry.js.map +1 -1
  475. package/dist/esm/ic-text-field.entry.js +8 -8
  476. package/dist/esm/ic-text-field.entry.js.map +1 -1
  477. package/dist/esm/ic-theme.entry.js +13 -15
  478. package/dist/esm/ic-theme.entry.js.map +1 -1
  479. package/dist/esm/ic-toast.entry.js +1 -1
  480. package/dist/esm/ic-toggle-button.entry.js +2 -2
  481. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  482. package/dist/esm/ic-top-navigation.entry.js +15 -24
  483. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  484. package/dist/esm/ic-typography.entry.js +2 -2
  485. package/dist/esm/ic-typography.entry.js.map +1 -1
  486. package/dist/esm/loader.js +1 -1
  487. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +3 -0
  488. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +6 -0
  489. package/dist/types/components/ic-back-to-top/ic-back-to-top.types.d.ts +1 -0
  490. package/dist/types/components/ic-badge/ic-badge.d.ts +6 -0
  491. package/dist/types/components/ic-button/ic-button.d.ts +1 -1
  492. package/dist/types/components/ic-button/ic-button.types.d.ts +1 -1
  493. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +0 -1
  494. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +2 -1
  495. package/dist/types/components/ic-chip/ic-chip.d.ts +1 -1
  496. package/dist/types/components/ic-pagination/ic-pagination.d.ts +3 -0
  497. package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +2 -0
  498. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +2 -8
  499. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -1
  500. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +1 -1
  501. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +1 -0
  502. package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +0 -5
  503. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +1 -0
  504. package/dist/types/components/ic-text-field/ic-text-field.d.ts +0 -1
  505. package/dist/types/components/ic-theme/ic-theme.d.ts +2 -3
  506. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +2 -1
  507. package/dist/types/components.d.ts +16 -22
  508. package/dist/types/utils/helpers.d.ts +7 -13
  509. package/hydrate/index.js +398 -472
  510. package/package.json +2 -2
  511. package/vscode-data.json +25 -9
  512. package/dist/cjs/helpers-88e018cf.js.map +0 -1
  513. package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js +0 -32
  514. package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js.map +0 -1
  515. package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js +0 -19
  516. package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js.map +0 -1
  517. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js +0 -354
  518. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js.map +0 -1
  519. package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js +0 -33
  520. package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js.map +0 -1
  521. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js +0 -110
  522. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js.map +0 -1
  523. package/dist/core/p-00c21dd7.entry.js +0 -2
  524. package/dist/core/p-00c21dd7.entry.js.map +0 -1
  525. package/dist/core/p-02ad4585.entry.js +0 -2
  526. package/dist/core/p-02ad4585.entry.js.map +0 -1
  527. package/dist/core/p-051583a5.entry.js.map +0 -1
  528. package/dist/core/p-078f7f23.entry.js +0 -2
  529. package/dist/core/p-078f7f23.entry.js.map +0 -1
  530. package/dist/core/p-0c097626.entry.js +0 -2
  531. package/dist/core/p-0c097626.entry.js.map +0 -1
  532. package/dist/core/p-1b1270a1.entry.js.map +0 -1
  533. package/dist/core/p-1c3b619f.entry.js.map +0 -1
  534. package/dist/core/p-24bed047.entry.js +0 -2
  535. package/dist/core/p-24bed047.entry.js.map +0 -1
  536. package/dist/core/p-2d4e7985.entry.js.map +0 -1
  537. package/dist/core/p-328bc6a2.entry.js.map +0 -1
  538. package/dist/core/p-44ea7a6d.entry.js +0 -2
  539. package/dist/core/p-44ea7a6d.entry.js.map +0 -1
  540. package/dist/core/p-498273cb.entry.js +0 -2
  541. package/dist/core/p-498273cb.entry.js.map +0 -1
  542. package/dist/core/p-692ccc73.entry.js.map +0 -1
  543. package/dist/core/p-74f9082d.entry.js +0 -2
  544. package/dist/core/p-74f9082d.entry.js.map +0 -1
  545. package/dist/core/p-7b720034.entry.js.map +0 -1
  546. package/dist/core/p-8bc2a670.entry.js +0 -2
  547. package/dist/core/p-8bc2a670.entry.js.map +0 -1
  548. package/dist/core/p-8ed04819.entry.js.map +0 -1
  549. package/dist/core/p-8fe2b073.entry.js +0 -2
  550. package/dist/core/p-8fe2b073.entry.js.map +0 -1
  551. package/dist/core/p-9f29ab99.entry.js +0 -2
  552. package/dist/core/p-9f29ab99.entry.js.map +0 -1
  553. package/dist/core/p-a13236ef.entry.js.map +0 -1
  554. package/dist/core/p-adf468f4.entry.js.map +0 -1
  555. package/dist/core/p-ba40f44a.entry.js.map +0 -1
  556. package/dist/core/p-bceaf300.entry.js.map +0 -1
  557. package/dist/core/p-d19d157d.entry.js +0 -2
  558. package/dist/core/p-d19d157d.entry.js.map +0 -1
  559. package/dist/core/p-e4d0d1fb.js +0 -2
  560. package/dist/core/p-e4d0d1fb.js.map +0 -1
  561. package/dist/core/p-e68485ee.entry.js.map +0 -1
  562. package/dist/core/p-e8e0fa96.entry.js +0 -2
  563. package/dist/core/p-e8e0fa96.entry.js.map +0 -1
  564. package/dist/core/p-f8df0716.entry.js +0 -2
  565. package/dist/core/p-f8df0716.entry.js.map +0 -1
  566. package/dist/core/p-fd737b7e.entry.js +0 -2
  567. package/dist/core/p-fd737b7e.entry.js.map +0 -1
  568. package/dist/esm/helpers-24ba0b83.js.map +0 -1
  569. package/dist/types/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.d.ts +0 -1
  570. package/dist/types/components/ic-text-field/test/a11y/ic-text-field.test.a11y.d.ts +0 -1
  571. /package/dist/core/{p-346578e4.entry.js.map → p-099efe2a.entry.js.map} +0 -0
  572. /package/dist/core/{p-ba1c3cf7.entry.js.map → p-1624f4de.entry.js.map} +0 -0
  573. /package/dist/core/{p-04cc2b25.entry.js.map → p-25606a38.entry.js.map} +0 -0
  574. /package/dist/core/{p-4f3fe190.entry.js.map → p-2965644e.entry.js.map} +0 -0
  575. /package/dist/core/{p-3f53446c.entry.js.map → p-35856434.entry.js.map} +0 -0
  576. /package/dist/core/{p-d7f4779d.entry.js.map → p-459355ef.entry.js.map} +0 -0
  577. /package/dist/core/{p-32e2ae6f.entry.js.map → p-4e3a03cb.entry.js.map} +0 -0
  578. /package/dist/core/{p-c919c571.entry.js.map → p-521cc9c6.entry.js.map} +0 -0
  579. /package/dist/core/{p-2f91e86a.entry.js.map → p-687af4e5.entry.js.map} +0 -0
  580. /package/dist/core/{p-8e37e832.entry.js.map → p-7dbd0a9f.entry.js.map} +0 -0
  581. /package/dist/core/{p-e5957ce0.entry.js.map → p-8e3cc8e9.entry.js.map} +0 -0
  582. /package/dist/core/{p-731515cf.entry.js.map → p-a541cf18.entry.js.map} +0 -0
  583. /package/dist/core/{p-52a4c223.entry.js.map → p-ad6176a2.entry.js.map} +0 -0
  584. /package/dist/core/{p-5481b048.entry.js.map → p-adecaedd.entry.js.map} +0 -0
  585. /package/dist/core/{p-8153def1.entry.js.map → p-c199045d.entry.js.map} +0 -0
  586. /package/dist/core/{p-1a6fab3e.entry.js.map → p-cc9e5b0e.entry.js.map} +0 -0
  587. /package/dist/core/{p-03796d51.entry.js.map → p-ce4e0e38.entry.js.map} +0 -0
  588. /package/dist/core/{p-af5eacc1.entry.js.map → p-e5d5b07e.entry.js.map} +0 -0
  589. /package/dist/core/{p-b451f27c.entry.js.map → p-e70c6b33.entry.js.map} +0 -0
  590. /package/dist/core/{p-8b65be1e.entry.js.map → p-e776f72a.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"ic-tab-context.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-tab-context/test/basic/ic-tab-context.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\n\nbeforeAll(() => {\n jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\nconst testTabs = `\n<ic-tab-context>\n <ic-tab-group label=\"Tabs e2e label\">\n <ic-tab>Tab 1</ic-tab>\n <ic-tab>Tab 2</ic-tab>\n <ic-tab>Tab 3</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab panel 1</ic-tab-panel>\n <ic-tab-panel>Tab panel 2</ic-tab-panel>\n <ic-tab-panel>Tab panel 3</ic-tab-panel>\n</ic-tab-context>\n`;\n\nconst testTabsResponsive = `\n<style>\n #container{\n width: 300px;\n }\n</style>\n<div id=\"container\">\n <ic-tab-context>\n <ic-tab-group label=\"Example tab group\">\n <ic-tab>One</ic-tab>\n <ic-tab>Two</ic-tab>\n <ic-tab id=\"tab3\">Three</ic-tab>\n <ic-tab>Four</ic-tab>\n <ic-tab>Five</ic-tab>\n <ic-tab>Six</ic-tab>\n <ic-tab>Seven</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab One</ic-tab-panel>\n <ic-tab-panel>Tab Two</ic-tab-panel>\n <ic-tab-panel>Tab Three</ic-tab-panel>\n <ic-tab-panel>Tab Four</ic-tab-panel>\n <ic-tab-panel>Tab Five</ic-tab-panel>\n <ic-tab-panel>Tab Six</ic-tab-panel>\n <ic-tab-panel>Tab Seven</ic-tab-panel>\n </ic-tab-context>\n</div>\n`;\n\ndescribe(\"ic-tab-context component\", () => {\n it(\"should display a tab panel when its corresponding tab is clicked\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab1 = await page.find('ic-tab[tab-id=\"ic-tab--1-context-default\"]');\n await tab1.click();\n await page.waitForChanges();\n const tabPanel1 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--1-context-default\"]'\n );\n expect(tabPanel1).not.toHaveAttribute(\"hidden\");\n });\n\n it(\"should hide the other tab panels when a tab is clicked\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab1 = await page.find('ic-tab[tab-id=\"ic-tab--1-context-default\"]');\n await tab1.click();\n await page.waitForChanges();\n const tabPanel0 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--0-context-default\"]'\n );\n const tabPanel2 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--2-context-default\"]'\n );\n expect(tabPanel0).toHaveAttribute(\"hidden\");\n expect(tabPanel2).toHaveAttribute(\"hidden\");\n });\n\n it(\"should move focus to the next tab when the right arrow key is pressed\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-1-context-default\");\n });\n\n it(\"should move focus to the previous tab when the left arrow key is pressed\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab1 = await page.find('ic-tab[tab-id=\"ic-tab--1-context-default\"]');\n await tab1.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowLeft\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-0-context-default\");\n });\n\n it(\"should move focus to the first tab when the right arrow key is pressed if currently on the last tab\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab2 = await page.find('ic-tab[tab-id=\"ic-tab--2-context-default\"]');\n await tab2.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-0-context-default\");\n });\n\n it(\"should move focus to the last tab when the left arrow key is pressed if currently on the first tab\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowLeft\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-2-context-default\");\n });\n\n it(\"should move focus to the first tab when the Home key is pressed\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab2 = await page.find('ic-tab[tab-id=\"ic-tab--2-context-default\"]');\n await tab2.click();\n await page.waitForChanges();\n await page.keyboard.press(\"Home\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-0-context-default\");\n });\n\n it(\"should move focus to the last tab when the End key is pressed\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"End\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-2-context-default\");\n });\n\n it(\"should not allow a disabled tab to be selected\", async () => {\n const page = await newE2EPage({\n html: `\n <ic-tab-context>\n <ic-tab-group label=\"Tabs e2e label\">\n <ic-tab>Tab 1</ic-tab>\n <ic-tab disabled>Tab 2</ic-tab>\n <ic-tab>Tab 3</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab panel 1</ic-tab-panel>\n <ic-tab-panel>Tab panel 2</ic-tab-panel>\n <ic-tab-panel>Tab panel 3</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n const activeElement = await page.evaluate(() => document.activeElement.id);\n expect(activeElement).toEqual(\"ic-tab-2-context-default\");\n });\n\n it(\"should display the tab panels automatically using the arrow keys when using automatic activation\", async () => {\n const page = await newE2EPage({ html: testTabs });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n const tabPanel0 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--0-context-default\"]'\n );\n const tabPanel1 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--1-context-default\"]'\n );\n const tabPanel2 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--2-context-default\"]'\n );\n expect(tabPanel0).toHaveAttribute(\"hidden\");\n expect(tabPanel1).not.toHaveAttribute(\"hidden\");\n expect(tabPanel2).toHaveAttribute(\"hidden\");\n });\n\n it(\"should not display the tab panels automatically using the arrow keys when using manual activation\", async () => {\n const page = await newE2EPage({\n html: `\n <ic-tab-context activation-type=\"manual\">\n <ic-tab-group label=\"Tabs e2e label\">\n <ic-tab>Tab 1</ic-tab>\n <ic-tab>Tab 2</ic-tab>\n <ic-tab>Tab 3</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab panel 1</ic-tab-panel>\n <ic-tab-panel>Tab panel 2</ic-tab-panel>\n <ic-tab-panel>Tab panel 3</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowLeft\");\n await page.waitForChanges();\n const tabPanel0 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--0-context-default\"]'\n );\n const tabPanel1 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--1-context-default\"]'\n );\n const tabPanel2 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--2-context-default\"]'\n );\n expect(tabPanel0).not.toHaveAttribute(\"hidden\");\n expect(tabPanel1).toHaveAttribute(\"hidden\");\n expect(tabPanel2).toHaveAttribute(\"hidden\");\n });\n\n it(\"should set the selected tab in controlled mode to be the value that is passed in\", async () => {\n const page = await newE2EPage({\n html: `\n <ic-tab-context selected-tab-index=\"1\">\n <ic-tab-group label=\"Tabs e2e label\">\n <ic-tab>Tab 1</ic-tab>\n <ic-tab>Tab 2</ic-tab>\n <ic-tab>Tab 3</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab panel 1</ic-tab-panel>\n <ic-tab-panel>Tab panel 2</ic-tab-panel>\n <ic-tab-panel>Tab panel 3</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n const tabPanel1 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--1-context-default\"]'\n );\n expect(tabPanel1).not.toHaveAttribute(\"hidden\");\n });\n\n it(\"should call icTabSelect event in controlled mode when clicked\", async () => {\n const page = await newE2EPage({\n html: `\n <ic-tab-context selected-tab-index=\"1\">\n <ic-tab-group label=\"Tabs e2e label\">\n <ic-tab>Tab 1</ic-tab>\n <ic-tab>Tab 2</ic-tab>\n <ic-tab>Tab 3</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab panel 1</ic-tab-panel>\n <ic-tab-panel>Tab panel 2</ic-tab-panel>\n <ic-tab-panel>Tab panel 3</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n const tabs = await page.find(\"ic-tab-context\");\n const tab1 = await page.find('ic-tab[tab-id=\"ic-tab--1-context-default\"]');\n const tabSelect = await tabs.spyOnEvent(\"icTabSelect\");\n await tab1.click();\n await page.waitForChanges();\n expect(tabSelect).toHaveReceivedEventDetail({\n tabIndex: 1,\n tabLabel: \"Tab 2\",\n });\n });\n\n it(\"should move focus to next tab if focused tab is removed\", async () => {\n const page = await newE2EPage({\n html: `<ic-tab-context>\n <ic-tab-group label=\"Example tab group\">\n <ic-tab>One</ic-tab>\n <ic-tab>Two</ic-tab>\n <ic-tab>Three</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab One</ic-tab-panel>\n <ic-tab-panel>Tab Two</ic-tab-panel>\n <ic-tab-panel>Tab Three</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n\n let focusedTabId = await page.evaluate(() => document.activeElement.id);\n\n expect(focusedTabId).toBe(\"ic-tab-1-context-default\");\n\n await page.evaluate(() => {\n const tabGroup = document.querySelector(\"ic-tab-group\");\n const allTabs = tabGroup.querySelectorAll(\"ic-tab\");\n\n const tabContext = document.querySelector(\"ic-tab-context\");\n const allTabPanels = tabContext.querySelectorAll(\"ic-tab-panel\");\n\n allTabs[allTabs.length - 2].remove();\n allTabPanels[allTabPanels.length - 2].remove();\n });\n\n await waitForTimeout(250);\n\n focusedTabId = await page.evaluate(() => document.activeElement.id);\n\n expect(focusedTabId).toBe(\"ic-tab-1-context-default\");\n\n const focusedTab = await page.find('ic-tab[id=\"ic-tab-1-context-default\"]');\n const tabPanel = await page.find(\n 'ic-tab-panel[id*=\"ic-tab-panel-1-context-default\"]'\n );\n\n expect(focusedTab.textContent).toBe(\"Three\");\n expect(tabPanel).not.toHaveAttribute(\"hidden\");\n });\n\n it(\"should move focus to first tab if last tab is focused and removed\", async () => {\n const page = await newE2EPage({\n html: `<ic-tab-context>\n <ic-tab-group label=\"Example tab group\">\n <ic-tab>One</ic-tab>\n <ic-tab>Two</ic-tab>\n <ic-tab>Three</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab One</ic-tab-panel>\n <ic-tab-panel>Tab Two</ic-tab-panel>\n <ic-tab-panel>Tab Three</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n\n const tab0 = await page.find('ic-tab[tab-id=\"ic-tab--0-context-default\"]');\n await tab0.click();\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n await page.keyboard.press(\"ArrowRight\");\n await page.waitForChanges();\n\n let focusedTabId = await page.evaluate(() => document.activeElement.id);\n\n expect(focusedTabId).toBe(\"ic-tab-2-context-default\");\n\n await page.evaluate(() => {\n const tabGroup = document.querySelector(\"ic-tab-group\");\n const allTabs = tabGroup.querySelectorAll(\"ic-tab\");\n\n const tabContext = document.querySelector(\"ic-tab-context\");\n const allTabPanels = tabContext.querySelectorAll(\"ic-tab-panel\");\n\n allTabs[allTabs.length - 1].remove();\n allTabPanels[allTabPanels.length - 1].remove();\n });\n\n await waitForTimeout(250);\n\n focusedTabId = await page.evaluate(() => document.activeElement.id);\n\n expect(focusedTabId).toBe(\"ic-tab-0-context-default\");\n\n const focusedTab = await page.find('ic-tab[id=\"ic-tab-0-context-default\"]');\n const tabPanel = await page.find(\n 'ic-tab-panel[id*=\"ic-tab-panel-0-context-default\"]'\n );\n\n expect(focusedTab.textContent).toBe(\"One\");\n expect(tabPanel).not.toHaveAttribute(\"hidden\");\n });\n\n it(\"should not trigger icTabSelect event in parent tab\", async () => {\n const page = await newE2EPage({\n html: `<ic-tab-context id='parent'>\n <ic-tab-group label=\"Example tab group\">\n <ic-tab>One</ic-tab>\n <ic-tab>Two</ic-tab>\n <ic-tab>Three</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>\n <ic-tab-context context-id='child' id='nested'>\n <ic-tab-group label=\"Example tab group\">\n <ic-tab>One</ic-tab>\n <ic-tab>Two</ic-tab>\n <ic-tab>Three</ic-tab>\n </ic-tab-group>\n <ic-tab-panel>Tab One</ic-tab-panel>\n <ic-tab-panel>Tab Two</ic-tab-panel>\n <ic-tab-panel>Tab Three</ic-tab-panel>\n </ic-tab-context>\n </ic-tab-panel>\n <ic-tab-panel>Tab Two</ic-tab-panel>\n <ic-tab-panel>Tab Three</ic-tab-panel>\n </ic-tab-context>\n `,\n });\n\n const mainTabs = await page.find('ic-tab-context[context-id=\"default\"]');\n const nestedTabs = await page.find('ic-tab-context[context-id=\"child\"]');\n\n const parentTabSelect = await mainTabs.spyOnEvent(\"icTabSelect\");\n const nestedTabSelect = await nestedTabs.spyOnEvent(\"icTabSelect\");\n\n const nestedTab1 = await page.find(\n 'ic-tab-panel[panel-id=\"ic-tab--0-context-default\"] ic-tab[tab-id=\"ic-tab--1-context-child\"]'\n );\n\n await nestedTab1.click();\n await page.waitForChanges();\n\n expect(parentTabSelect).not.toHaveReceivedEvent();\n expect(nestedTabSelect).toHaveReceivedEventDetail({\n tabIndex: 1,\n tabLabel: \"Two\",\n });\n });\n\n it(\"should select tab and load content when clicked - responsive tabs\", async () => {\n const page = await newE2EPage({ html: testTabsResponsive });\n await page.waitForChanges();\n\n const tab3 = await page.find('ic-tab[tab-id=\"ic-tab--2-context-default\"]');\n await tab3.click();\n await page.waitForChanges();\n expect(tab3).toHaveClass(\"selected\");\n });\n});\n"]}
@@ -1,33 +0,0 @@
1
- import { fixture } from "@open-wc/testing-helpers";
2
- import { axe } from "jest-axe";
3
- describe("ic-text-field", () => {
4
- it("passes accessibility", async () => {
5
- const el = await fixture(`<ic-text-field
6
- validation-status="erro"
7
- validation-text="now it has really gone to pot"
8
- value="Tea"
9
- max-length="25"
10
- label="What is your favourite coffee?"
11
- required
12
- placeholder="Placeholder"
13
- helper-text="Such as Arabica, Robusta or Liberica"
14
- >
15
- <svg
16
- slot="icon"
17
- xmlns="http://www.w3.org/2000/svg"
18
- height="24px"
19
- viewBox="0 0 24 24"
20
- width="24px"
21
- fill="#000000"
22
- >
23
- <path d="M0 0h24v24H0z" fill="none" />
24
- <path
25
- d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
26
- />
27
- </svg>
28
- </ic-text-field>`);
29
- expect(el.shadowRoot.innerHTML).not.toBe("");
30
- expect(await axe(el)).toHaveNoViolations();
31
- });
32
- });
33
- //# sourceMappingURL=ic-text-field.test.a11y.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ic-text-field.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-text-field/test/a11y/ic-text-field.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAuBV,CAAC,CAAC;QACjB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\n\ndescribe(\"ic-text-field\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`<ic-text-field\n validation-status=\"erro\"\n validation-text=\"now it has really gone to pot\"\n value=\"Tea\"\n max-length=\"25\"\n label=\"What is your favourite coffee?\"\n required\n placeholder=\"Placeholder\"\n helper-text=\"Such as Arabica, Robusta or Liberica\"\n >\n <svg\n slot=\"icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n fill=\"#000000\"\n >\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path\n d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\n />\n </svg>\n </ic-text-field>`);\n expect(el.shadowRoot.innerHTML).not.toBe(\"\");\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
@@ -1,110 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- describe("ic-text-field", () => {
3
- it("should trigger max length validation when long value set", async () => {
4
- const page = await newE2EPage();
5
- await page.setContent('<ic-text-field label="Test label" max-length="20">');
6
- await page.waitForChanges();
7
- const element = await page.find("ic-text-field");
8
- element.setProperty("value", "a really long test value");
9
- await page.waitForChanges();
10
- const input = await page.find("ic-text-field >>> #ic-text-field-input-0");
11
- const value = await input.getProperty("value");
12
- expect(value).toBe("a really long test value");
13
- let icon = await page.find("ic-text-field >>> .icon-error");
14
- let iconVis = await icon.isVisible();
15
- expect(iconVis).toBeTruthy();
16
- const validationText = await page.find("ic-text-field >>> #ic-text-field-input-0-validation-text");
17
- expect(validationText).toEqualText("Maximum length exceeded");
18
- const charCountText = await page.find("ic-text-field >>> #ic-text-field-input-0-charcount");
19
- expect(charCountText).toEqualText("24/20");
20
- await input.press("Backspace");
21
- await input.press("Backspace");
22
- await input.press("Backspace");
23
- await input.press("Backspace");
24
- expect(charCountText).toEqualText("20/20");
25
- expect(validationText).toEqualText("");
26
- icon = await page.find("ic-text-field >>> .icon-error");
27
- expect(icon).toBeNull();
28
- await input.press("a");
29
- expect(charCountText).toEqualText("21/20");
30
- expect(validationText).toEqualText("Maximum length exceeded");
31
- icon = await page.find("ic-text-field >>> .icon-error");
32
- iconVis = await icon.isVisible();
33
- expect(iconVis).toBeTruthy();
34
- });
35
- it("should trigger min/max value validation when lower/higher value set", async () => {
36
- const page = await newE2EPage();
37
- await page.setContent('<ic-text-field label="Test label" min=1 max=4 inputmode="numeric" type="number"');
38
- await page.waitForChanges();
39
- const element = await page.find("ic-text-field");
40
- element.setProperty("value", "5");
41
- await page.waitForChanges();
42
- const input = await page.find("ic-text-field >>> #ic-text-field-input-0");
43
- const value = await input.getProperty("value");
44
- expect(value).toBe("5");
45
- const icon = await page.find("ic-text-field >>> .icon-error");
46
- const iconVis = await icon.isVisible();
47
- expect(iconVis).toBeTruthy();
48
- let validationText = await page.find("ic-text-field >>> #ic-text-field-input-0-validation-text");
49
- expect(validationText).toEqualText("Maximum value of 4 exceeded");
50
- element.setProperty("value", "4");
51
- await page.waitForChanges();
52
- validationText = await page.find("ic-text-field >>> #ic-text-field-input-0-validation-text");
53
- expect(validationText).toBeNull();
54
- element.setProperty("value", "0");
55
- await page.waitForChanges();
56
- validationText = await page.find("ic-text-field >>> #ic-text-field-input-0-validation-text");
57
- expect(validationText).toEqualText("Minimum value of 1 not met");
58
- });
59
- it("should focus input when setFocus method called", async () => {
60
- const page = await newE2EPage();
61
- await page.setContent('<ic-text-field label="Test label">');
62
- await page.waitForChanges();
63
- const element = await page.find("ic-text-field");
64
- await element.callMethod("setFocus");
65
- await page.waitForChanges();
66
- const activeElId = await page.$eval("ic-text-field", (el) => el.shadowRoot.activeElement.id);
67
- expect(activeElId).toBe("ic-text-field-input-0");
68
- });
69
- it("works on a form", async () => {
70
- const page = await newE2EPage();
71
- await page.setContent('<form><ic-text-field label="Test label" name="formInputEl"></ic-text-field><button id="resetButton" type="reset">Reset</button></form>');
72
- await page.waitForChanges();
73
- let input = await page.find("ic-text-field >>> #ic-text-field-input-0");
74
- await input.press("s");
75
- await input.press("o");
76
- await input.press("m");
77
- await input.press("e");
78
- await input.press("Space");
79
- await input.press("t");
80
- await input.press("e");
81
- await input.press("x");
82
- await input.press("t");
83
- let value = await input.getProperty("value");
84
- expect(value).toBe("some text");
85
- //check value on underlying hidden form control
86
- const formInput = await page.find("input[name=formInputEl]");
87
- const visible = await formInput.isVisible();
88
- expect(visible).toBe(false);
89
- const formInputvalue = await formInput.getProperty("value");
90
- expect(formInputvalue).toBe("some text");
91
- const resetButton = await page.find("#resetButton");
92
- await resetButton.click();
93
- input = await page.find("ic-text-field >>> #ic-text-field-input-0");
94
- value = await input.getProperty("value");
95
- expect(value).toBe("");
96
- });
97
- it("should update any attributes inherited from the root element when they are mutated", async () => {
98
- const page = await newE2EPage();
99
- await page.setContent('<ic-text-field label="Test label">');
100
- await page.waitForChanges();
101
- let input = await page.find("ic-text-field >>> input");
102
- expect(input.getAttribute("title")).toBeNull();
103
- const textField = await page.find("ic-text-field");
104
- textField.setAttribute("title", "new-input-title");
105
- await page.waitForChanges();
106
- input = await page.find("ic-text-field >>> input");
107
- expect(input.getAttribute("title")).toBe("new-input-title");
108
- });
109
- });
110
- //# sourceMappingURL=ic-text-field.e2e.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ic-text-field.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-text-field/test/basic/ic-text-field.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-text-field\", () => {\n it(\"should trigger max length validation when long value set\", async () => {\n const page = await newE2EPage();\n await page.setContent('<ic-text-field label=\"Test label\" max-length=\"20\">');\n\n await page.waitForChanges();\n\n const element = await page.find(\"ic-text-field\");\n element.setProperty(\"value\", \"a really long test value\");\n\n await page.waitForChanges();\n\n const input = await page.find(\"ic-text-field >>> #ic-text-field-input-0\");\n\n const value = await input.getProperty(\"value\");\n expect(value).toBe(\"a really long test value\");\n\n let icon = await page.find(\"ic-text-field >>> .icon-error\");\n let iconVis = await icon.isVisible();\n expect(iconVis).toBeTruthy();\n\n const validationText = await page.find(\n \"ic-text-field >>> #ic-text-field-input-0-validation-text\"\n );\n expect(validationText).toEqualText(\"Maximum length exceeded\");\n\n const charCountText = await page.find(\n \"ic-text-field >>> #ic-text-field-input-0-charcount\"\n );\n expect(charCountText).toEqualText(\"24/20\");\n\n await input.press(\"Backspace\");\n await input.press(\"Backspace\");\n await input.press(\"Backspace\");\n await input.press(\"Backspace\");\n expect(charCountText).toEqualText(\"20/20\");\n\n expect(validationText).toEqualText(\"\");\n icon = await page.find(\"ic-text-field >>> .icon-error\");\n expect(icon).toBeNull();\n\n await input.press(\"a\");\n expect(charCountText).toEqualText(\"21/20\");\n expect(validationText).toEqualText(\"Maximum length exceeded\");\n\n icon = await page.find(\"ic-text-field >>> .icon-error\");\n iconVis = await icon.isVisible();\n expect(iconVis).toBeTruthy();\n });\n\n it(\"should trigger min/max value validation when lower/higher value set\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n '<ic-text-field label=\"Test label\" min=1 max=4 inputmode=\"numeric\" type=\"number\"'\n );\n\n await page.waitForChanges();\n\n const element = await page.find(\"ic-text-field\");\n element.setProperty(\"value\", \"5\");\n\n await page.waitForChanges();\n\n const input = await page.find(\"ic-text-field >>> #ic-text-field-input-0\");\n\n const value = await input.getProperty(\"value\");\n expect(value).toBe(\"5\");\n\n const icon = await page.find(\"ic-text-field >>> .icon-error\");\n const iconVis = await icon.isVisible();\n expect(iconVis).toBeTruthy();\n\n let validationText = await page.find(\n \"ic-text-field >>> #ic-text-field-input-0-validation-text\"\n );\n expect(validationText).toEqualText(\"Maximum value of 4 exceeded\");\n\n element.setProperty(\"value\", \"4\");\n\n await page.waitForChanges();\n\n validationText = await page.find(\n \"ic-text-field >>> #ic-text-field-input-0-validation-text\"\n );\n expect(validationText).toBeNull();\n\n element.setProperty(\"value\", \"0\");\n\n await page.waitForChanges();\n\n validationText = await page.find(\n \"ic-text-field >>> #ic-text-field-input-0-validation-text\"\n );\n expect(validationText).toEqualText(\"Minimum value of 1 not met\");\n });\n\n it(\"should focus input when setFocus method called\", async () => {\n const page = await newE2EPage();\n await page.setContent('<ic-text-field label=\"Test label\">');\n await page.waitForChanges();\n\n const element = await page.find(\"ic-text-field\");\n await element.callMethod(\"setFocus\");\n\n await page.waitForChanges();\n const activeElId = await page.$eval(\n \"ic-text-field\",\n (el) => el.shadowRoot.activeElement.id\n );\n\n expect(activeElId).toBe(\"ic-text-field-input-0\");\n });\n\n it(\"works on a form\", async () => {\n const page = await newE2EPage();\n\n await page.setContent(\n '<form><ic-text-field label=\"Test label\" name=\"formInputEl\"></ic-text-field><button id=\"resetButton\" type=\"reset\">Reset</button></form>'\n );\n await page.waitForChanges();\n\n let input = await page.find(\"ic-text-field >>> #ic-text-field-input-0\");\n\n await input.press(\"s\");\n await input.press(\"o\");\n await input.press(\"m\");\n await input.press(\"e\");\n await input.press(\"Space\");\n await input.press(\"t\");\n await input.press(\"e\");\n await input.press(\"x\");\n await input.press(\"t\");\n\n let value = await input.getProperty(\"value\");\n expect(value).toBe(\"some text\");\n //check value on underlying hidden form control\n const formInput = await page.find(\"input[name=formInputEl]\");\n\n const visible = await formInput.isVisible();\n expect(visible).toBe(false);\n\n const formInputvalue = await formInput.getProperty(\"value\");\n expect(formInputvalue).toBe(\"some text\");\n\n const resetButton = await page.find(\"#resetButton\");\n await resetButton.click();\n\n input = await page.find(\"ic-text-field >>> #ic-text-field-input-0\");\n value = await input.getProperty(\"value\");\n expect(value).toBe(\"\");\n });\n\n it(\"should update any attributes inherited from the root element when they are mutated\", async () => {\n const page = await newE2EPage();\n await page.setContent('<ic-text-field label=\"Test label\">');\n await page.waitForChanges();\n\n let input = await page.find(\"ic-text-field >>> input\");\n expect(input.getAttribute(\"title\")).toBeNull();\n\n const textField = await page.find(\"ic-text-field\");\n textField.setAttribute(\"title\", \"new-input-title\");\n await page.waitForChanges();\n\n input = await page.find(\"ic-text-field >>> input\");\n expect(input.getAttribute(\"title\")).toBe(\"new-input-title\");\n });\n});\n"]}
@@ -1,2 +0,0 @@
1
- import{r as s,h as a,H as t,g as i}from"./p-6b5e91e2.js";import{I as c}from"./p-26b7b18f.js";import{c as r,h as e,g as o,b as h,d as n,a as l,e as p}from"./p-e4d0d1fb.js";const d="@media (prefers-reduced-motion: no-preference){:host(.show){animation:expand var(--ic-transition-duration-slow)}:host(.hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host(.neutral){background-color:var(--ic-architectural-500)}:host(.light){background-color:var(--ic-architectural-40)}:host(.info){background-color:var(--ic-status-info)}:host(.warning){background-color:var(--ic-status-warning-mid)}:host(.error){background-color:var(--ic-status-error)}:host(.success){background-color:var(--ic-status-success)}:host(.small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.dot.default){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.dot.small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.dot.large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.foreground-dark) ::slotted(*){fill:var(--ic-color-primary-text)}:host(.foreground-light) ::slotted(*){fill:white}:host(.foreground-dark) ic-typography{color:var(--ic-color-primary-text)}:host(.foreground-light) ic-typography{color:white}:host(.text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.text.small) ic-typography{padding:0 0.2132rem}:host(.text.large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}:host(.icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.icon.small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.icon.large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.far.small),:host(.dot.far.large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.dot.far),:host(.dot.far.small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.dot.near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.inline){position:static}:host(.hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";const u=class{constructor(a){s(this,a);this.ariaLabel=null;this.setBadgeColour=()=>{if(this.customColor!==null&&r(this.customColor)!==null){const s=r(this.customColor);this.customColorRGBA=s;this.el.style.backgroundColor=`rgba(${s.r.toString()}, ${s.g.toString()}, ${s.b.toString()}, ${s.a.toString()})`}};this.getBadgeForeground=()=>{let s;let a;let t;switch(this.variant){case"custom":s=this.customColorRGBA.r;a=this.customColorRGBA.g;t=this.customColorRGBA.b;break;case"error":s=parseInt(o("--ic-status-error-r"));a=parseInt(o("--ic-status-error-g"));t=parseInt(o("--ic-status-error-b"));break;case"success":s=parseInt(o("--ic-status-success-r"));a=parseInt(o("--ic-status-success-g"));t=parseInt(o("--ic-status-success-b"));break;case"warning":s=parseInt(o("--ic-status-warning-r"));a=parseInt(o("--ic-status-warning-g"));t=parseInt(o("--ic-status-warning-b"));break;case"info":{const i=e(o("--ic-status-info"));s=i.r;a=i.g;t=i.b;break}case"neutral":{const i=e(o("--ic-architectural-500"));s=i.r;a=i.g;t=i.b;break}case"light":{const i=e(o("--ic-architectural-40"));s=i.r;a=i.g;t=i.b;break}}const i=(s*299+a*587+t*114)/1e3;this.foregroundColour=i>133.3505?c.Dark:c.Light};this.getTextLabel=()=>{let s;if(this.textLabel!==null){if(this.maxNumber!==null){s=Number(this.textLabel)>this.maxNumber?`${this.maxNumber}+`:this.textLabel}else{s=this.textLabel}}return s};this.setAccessibleLabel=()=>{const s=p(this.el);const a=h(this.el).ariaLabel;const t=this.isAccessibleLabelDefined()?this.accessibleLabel:this.textLabel||"with badge being displayed";if(h(this.el)!==null){if(s!=="IC-CARD"&&(s!=="IC-TAB"||s==="IC-TAB"&&a)){h(this.el).ariaLabel=`${a?`${a} ,`:""} ${t}`}else{this.ariaLabel=`, ${t}`}}};this.isAccessibleLabelDefined=()=>n(this.accessibleLabel)&&this.accessibleLabel!==null;this.accessibleLabel=undefined;this.customColor=null;this.maxNumber=undefined;this.position="far";this.size="default";this.textLabel=undefined;this.type="text";this.variant="neutral";this.visible=true}componentWillLoad(){this.variant==="custom"&&this.setBadgeColour();this.getBadgeForeground();this.setAccessibleLabel()}componentDidLoad(){this.type==="text"&&l([{prop:this.textLabel,propName:"text-label"}],"Badge")}async showBadge(){this.visible=true}async hideBadge(){this.visible=false}render(){const{position:s,size:i,type:c,variant:r,foregroundColour:e,visible:o}=this;return a(t,{class:{[`${s}`]:true,[`${i}`]:true,[`${r}`]:true,[`${c}`]:true,[`foreground-${e}`]:e!==null,["show"]:o,["hide"]:!o},id:this.el.id||null,"aria-label":this.ariaLabel,role:"status"},c==="icon"&&a("slot",{name:"badge-icon"}),c==="text"&&a("ic-typography",{variant:i==="small"?"badge-small":"badge"},this.getTextLabel()))}static get delegatesFocus(){return true}get el(){return i(this)}};u.style=d;export{u as ic_badge};
2
- //# sourceMappingURL=p-00c21dd7.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icBadgeCss","Badge","this","ariaLabel","setBadgeColour","customColor","convertToRGBA","colorRGBA","customColorRGBA","el","style","backgroundColor","r","toString","g","b","a","getBadgeForeground","red","green","blue","variant","parseInt","getCssProperty","info","hexToRgba","neutral","light","brightness","foregroundColour","IcThemeForegroundEnum","Dark","Light","getTextLabel","label","textLabel","maxNumber","Number","setAccessibleLabel","parentElType","getParentElementType","parentElAriaLabel","getParentElement","defaultAriaLabel","isAccessibleLabelDefined","accessibleLabel","isPropDefined","componentWillLoad","componentDidLoad","type","onComponentRequiredPropUndefined","prop","propName","showBadge","visible","hideBadge","render","position","size","h","Host","class","id","role","name"],"sources":["src/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","src/components/ic-badge/ic-badge.tsx"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host(.neutral) {\n background-color: var(--ic-architectural-500);\n}\n\n:host(.light) {\n background-color: var(--ic-architectural-40);\n}\n\n:host(.info) {\n background-color: var(--ic-status-info);\n}\n\n:host(.warning) {\n background-color: var(--ic-status-warning-mid);\n}\n\n:host(.error) {\n background-color: var(--ic-status-error);\n}\n\n:host(.success) {\n background-color: var(--ic-status-success);\n}\n\n:host(.small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.dot.default) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.dot.small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.dot.large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.foreground-dark) ::slotted(*) {\n fill: var(--ic-color-primary-text);\n}\n\n:host(.foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.foreground-dark) ic-typography {\n color: var(--ic-color-primary-text);\n}\n\n:host(.foreground-light) ic-typography {\n color: white;\n}\n\n:host(.text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.text.small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.text.large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.icon.small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.icon.large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.far.small),\n:host(.dot.far.large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.dot.far),\n:host(.dot.far.small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.dot.near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.inline) {\n position: static;\n}\n\n:host(.hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Component, Element, Host, Method, Prop, h } from \"@stencil/core\";\nimport {\n IcBadgePositions,\n IcBadgeTypes,\n IcBadgeVariants,\n} from \"./ic-badge.types\";\nimport {\n IcColorRGBA,\n IcSizes,\n IcThemeForeground,\n IcThemeForegroundEnum,\n IcColor,\n} from \"../../utils/types\";\nimport {\n convertToRGBA,\n getCssProperty,\n getParentElement,\n getParentElementType,\n hexToRgba,\n isPropDefined,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\n@Component({\n tag: \"ic-badge\",\n styleUrl: \"ic-badge.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Badge {\n private ariaLabel: string = null;\n private customColorRGBA: IcColorRGBA;\n private foregroundColour: IcThemeForeground;\n\n @Element() el: HTMLIcBadgeElement;\n\n /**\n * The accessible label of the badge component to provide context for screen reader users.\n */\n @Prop() accessibleLabel?: string;\n\n /**\n * The custom badge colour. This will only style the badge component if variant=\"custom\".\n * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n */\n @Prop() customColor?: IcColor = null;\n\n /**\n * The maximum number shown on the badge appended with a +.\n * This will only be displayed if type=\"text\" and textLabel is not empty.\n */\n @Prop() maxNumber?: number;\n\n /**\n * The positioning of the badge in reference to the parent element.\n */\n @Prop() position?: IcBadgePositions = \"far\";\n\n /**\n * The size of the badge to be displayed.\n */\n @Prop() size?: IcSizes = \"default\";\n\n /**\n * The text displayed in the badge. This will only be displayed if type=\"text\".\n */\n @Prop() textLabel?: string;\n\n /**\n * The type of badge to be displayed.\n */\n @Prop() type?: IcBadgeTypes = \"text\";\n\n /**\n * The variant of the badge to be displayed.\n */\n @Prop() variant?: IcBadgeVariants = \"neutral\";\n\n /**\n * If `true`, the badge will be displayed.\n */\n @Prop({ mutable: true }) visible: boolean = true;\n\n componentWillLoad(): void {\n this.variant === \"custom\" && this.setBadgeColour();\n\n this.getBadgeForeground();\n\n this.setAccessibleLabel();\n }\n\n componentDidLoad(): void {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined(\n [{ prop: this.textLabel, propName: \"text-label\" }],\n \"Badge\"\n );\n }\n\n /**\n * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.\n */\n @Method()\n async showBadge(): Promise<void> {\n this.visible = true;\n }\n\n /**\n * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.\n */\n @Method()\n async hideBadge(): Promise<void> {\n this.visible = false;\n }\n\n private setBadgeColour = () => {\n if (this.customColor !== null && convertToRGBA(this.customColor) !== null) {\n const colorRGBA = convertToRGBA(this.customColor);\n this.customColorRGBA = colorRGBA;\n this.el.style.backgroundColor = `rgba(${colorRGBA.r.toString()}, ${colorRGBA.g.toString()}, ${colorRGBA.b.toString()}, ${colorRGBA.a.toString()})`;\n }\n };\n\n private getBadgeForeground = () => {\n let red: number;\n let green: number;\n let blue: number;\n\n switch (this.variant) {\n case \"custom\":\n red = this.customColorRGBA.r;\n green = this.customColorRGBA.g;\n blue = this.customColorRGBA.b;\n break;\n case \"error\":\n red = parseInt(getCssProperty(\"--ic-status-error-r\"));\n green = parseInt(getCssProperty(\"--ic-status-error-g\"));\n blue = parseInt(getCssProperty(\"--ic-status-error-b\"));\n break;\n case \"success\":\n red = parseInt(getCssProperty(\"--ic-status-success-r\"));\n green = parseInt(getCssProperty(\"--ic-status-success-g\"));\n blue = parseInt(getCssProperty(\"--ic-status-success-b\"));\n break;\n case \"warning\":\n red = parseInt(getCssProperty(\"--ic-status-warning-r\"));\n green = parseInt(getCssProperty(\"--ic-status-warning-g\"));\n blue = parseInt(getCssProperty(\"--ic-status-warning-b\"));\n break;\n case \"info\": {\n const info = hexToRgba(getCssProperty(\"--ic-status-info\"));\n red = info.r;\n green = info.g;\n blue = info.b;\n break;\n }\n case \"neutral\": {\n const neutral = hexToRgba(getCssProperty(\"--ic-architectural-500\"));\n red = neutral.r;\n green = neutral.g;\n blue = neutral.b;\n break;\n }\n case \"light\": {\n const light = hexToRgba(getCssProperty(\"--ic-architectural-40\"));\n red = light.r;\n green = light.g;\n blue = light.b;\n break;\n }\n }\n\n const brightness = (red * 299 + green * 587 + blue * 114) / 1000;\n this.foregroundColour =\n brightness > 133.3505\n ? IcThemeForegroundEnum.Dark\n : IcThemeForegroundEnum.Light;\n };\n\n private getTextLabel = () => {\n let label;\n if (this.textLabel !== null) {\n if (this.maxNumber !== null) {\n label =\n Number(this.textLabel) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.textLabel;\n } else {\n label = this.textLabel;\n }\n }\n return label;\n };\n\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n private setAccessibleLabel = () => {\n const parentElType = getParentElementType(this.el);\n const parentElAriaLabel = getParentElement(this.el).ariaLabel;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.textLabel || \"with badge being displayed\";\n\n if (getParentElement(this.el) !== null) {\n if (\n parentElType !== \"IC-CARD\" &&\n (parentElType !== \"IC-TAB\" ||\n (parentElType === \"IC-TAB\" && parentElAriaLabel))\n ) {\n getParentElement(this.el).ariaLabel = `${\n parentElAriaLabel ? `${parentElAriaLabel} ,` : \"\"\n } ${defaultAriaLabel}`;\n } else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n\n private isAccessibleLabelDefined = () => {\n return isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n };\n\n render() {\n const { position, size, type, variant, foregroundColour, visible } = this;\n\n return (\n <Host\n class={{\n [`${position}`]: true,\n [`${size}`]: true,\n [`${variant}`]: true,\n [`${type}`]: true,\n [`foreground-${foregroundColour}`]: foregroundColour !== null,\n [\"show\"]: visible,\n [\"hide\"]: !visible,\n }}\n id={this.el.id || null}\n aria-label={this.ariaLabel}\n role=\"status\"\n >\n {type === \"icon\" && <slot name=\"badge-icon\"></slot>}\n {type === \"text\" && (\n <ic-typography variant={size === \"small\" ? \"badge-small\" : \"badge\"}>\n {this.getTextLabel()}\n </ic-typography>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as t,h as e,g as i}from"./p-6b5e91e2.js";import{o,a as n}from"./p-e4d0d1fb.js";import"./p-26b7b18f.js";const a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">\n <path d="M0 8L1.41 9.41L7 3.83V16H9V3.83L14.58 9.42L16 8L8 0L0 8Z"/>\n</svg>\n`;const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:absolute;right:0}button{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:5rem;text-decoration:none;visibility:hidden;opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);cursor:pointer;z-index:var(--ic-z-index-back-to-top)}button:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-hover)}button:active{text-decoration:none;background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active)}button:focus{box-shadow:var(--ic-border-focus)}.ic-back-to-top-link.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}.ic-back-to-top-link.by-footer{position:relative;right:var(--ic-space-md);bottom:3.5rem}.ic-back-to-top-link.offset-banner{margin-bottom:var(--ic-space-lg)}.ic-back-to-top-icon{fill:var(--ic-action-default);padding-left:var(--ic-space-xxs);padding-top:var(--ic-space-xxxs)}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md);display:inline-block}.ic-back-to-top-link span{color:var(--ic-action-default)}.ic-back-to-top-link:hover .ic-back-to-top-icon{fill:var(--ic-action-default-hover)}.ic-back-to-top-link:hover span{color:var(--ic-action-default-hover)}@media (forced-colors: active){.ic-back-to-top-icon{fill:currentcolor}}';const s="Back to top";const c=class{constructor(e){t(this,e);this.topObserver=null;this.setTargetElVisible=t=>{this.targetElVisible=t};this.setFooterVisible=t=>{this.checkForClassificationBanner();this.footerVisible=typeof window!=="undefined"&&window.scrollY===0?false:t};this.targetElObserverCallback=t=>{this.setTargetElVisible(t[0].isIntersecting)};this.footerObserverCallback=t=>{this.setFooterVisible(t[0].isIntersecting)};this.findTargetEl=t=>{let e=null;if(t===null||t===undefined){console.log("Error: No target ID specified for back to top component - defaulting to top of page")}else{e=document.querySelector(`${t.startsWith("#")?"":"#"}${t}`);if(e===null){console.log(`Error: Back to top target element '${t}' not found - defaulting to top of page`)}}return e};this.createTopObserver=t=>{this.targetEl=this.findTargetEl(t);let e;if(this.topObserver!==null){const t=document.querySelector("#ic-back-to-top-target");if(t!==null){this.topObserver.unobserve(t);t.remove()}}if(this.targetEl===null){e=document.body;this.targetEl=e.firstElementChild;this.isTargetElNull=true}else{e=this.targetEl.parentNode;this.isTargetElNull=false}const i=document.createElement("div");i.setAttribute("id","ic-back-to-top-target");e.insertBefore(i,this.targetEl);const o=getComputedStyle(this.targetEl).marginTop;this.topObserver=new IntersectionObserver(this.targetElObserverCallback,{threshold:[0],rootMargin:`${o} 0px 0px 0px`});this.topObserver.observe(i)};this.handleClick=()=>{if(this.isTargetElNull){window.scrollTo(0,0)}else{this.targetEl.scrollIntoView()}};this.checkForClassificationBanner=()=>{const t=document.querySelectorAll("ic-classification-banner:not([inline='true'])");this.bannerOffset=t.length>0};this.bannerOffset=false;this.footerVisible=false;this.targetElVisible=true;this.target=undefined}watchPropHandler(t,e){o(e,t,(()=>{this.createTopObserver(t)}))}componentWillLoad(){this.createTopObserver(this.target);this.checkForClassificationBanner();let t=document.querySelectorAll("ic-footer");if(t.length===0){t=document.querySelectorAll("footer")}if(t.length){const e=t[t.length-1];const i=this.bannerOffset?.15:0;const o=new IntersectionObserver(this.footerObserverCallback,{threshold:[i]});o.observe(e)}}componentDidLoad(){n([{prop:this.target,propName:"target"}],"Back to Top")}render(){const{bannerOffset:t,targetElVisible:i,footerVisible:o}=this;return e("button",{class:{["ic-back-to-top-link"]:true,["offset-banner"]:t,["show"]:!i,["by-footer"]:o},"aria-label":s,onClick:this.handleClick},e("span",{class:"ic-back-to-top-icon",innerHTML:a}),e("ic-typography",{variant:"subtitle-small"},e("span",null,s)))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{target:["watchPropHandler"]}}};c.style=r;export{c as ic_back_to_top};
2
- //# sourceMappingURL=p-02ad4585.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icBackToTopCss","backToTopLabel","BackToTop","this","topObserver","setTargetElVisible","visible","targetElVisible","setFooterVisible","checkForClassificationBanner","footerVisible","window","scrollY","targetElObserverCallback","entries","isIntersecting","footerObserverCallback","findTargetEl","target","targetElement","undefined","console","log","document","querySelector","startsWith","createTopObserver","targetEl","objParent","observedEl","unobserve","remove","body","firstElementChild","isTargetElNull","parentNode","objBackToTopTargetEl","createElement","setAttribute","insertBefore","marginTop","getComputedStyle","IntersectionObserver","threshold","rootMargin","observe","handleClick","scrollTo","scrollIntoView","banners","querySelectorAll","bannerOffset","length","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","componentWillLoad","footers","footerEl","footerObserver","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","render","h","class","onClick","innerHTML","ArrowUpward","variant"],"sources":["src/components/ic-back-to-top/ic-back-to-top.css?tag=ic-back-to-top&encapsulation=shadow","src/components/ic-back-to-top/ic-back-to-top.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-back-to-top: z-index of back to top\n */\n\n:host {\n display: block;\n position: absolute;\n right: 0;\n}\n\nbutton {\n position: fixed;\n right: var(--ic-space-md);\n bottom: var(--ic-space-md);\n height: 2.5rem;\n align-items: center;\n padding: var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);\n margin: 0;\n gap: var(--ic-space-xs);\n display: flex;\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-width) solid var(--ic-action-default);\n outline-width: inherit;\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n border-radius: 5rem;\n text-decoration: none;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);\n cursor: pointer;\n z-index: var(--ic-z-index-back-to-top);\n}\n\nbutton:hover {\n text-decoration: none;\n background-color: var(--ic-action-default-bg-hover-no-alpha);\n border: var(--ic-border-width) solid var(--ic-action-default-hover);\n}\n\nbutton:active {\n text-decoration: none;\n background-color: var(--ic-action-default-bg-active-no-alpha);\n border: var(--ic-border-width) solid var(--ic-action-default-active);\n}\n\nbutton:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.ic-back-to-top-link.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast);\n}\n\n.ic-back-to-top-link.by-footer {\n position: relative;\n right: var(--ic-space-md);\n bottom: 3.5rem;\n}\n\n.ic-back-to-top-link.offset-banner {\n margin-bottom: var(--ic-space-lg);\n}\n\n.ic-back-to-top-icon {\n fill: var(--ic-action-default);\n padding-left: var(--ic-space-xxs);\n padding-top: var(--ic-space-xxxs);\n}\n\n.ic-back-to-top-icon > svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n display: inline-block;\n}\n\n.ic-back-to-top-link span {\n color: var(--ic-action-default);\n}\n\n.ic-back-to-top-link:hover .ic-back-to-top-icon {\n fill: var(--ic-action-default-hover);\n}\n\n.ic-back-to-top-link:hover span {\n color: var(--ic-action-default-hover);\n}\n\n@media (forced-colors: active) {\n .ic-back-to-top-icon {\n fill: currentcolor;\n }\n}\n","import { Component, h, Element, Prop, State, Watch } from \"@stencil/core\";\nimport ArrowUpward from \"./assets/ArrowUpward.svg\";\nimport {\n onComponentPropUndefinedChange,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\nconst backToTopLabel = \"Back to top\";\n\n@Component({\n tag: \"ic-back-to-top\",\n styleUrl: \"ic-back-to-top.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class BackToTop {\n private isTargetElNull: boolean;\n private targetEl: Element;\n private topObserver: IntersectionObserver = null;\n\n @Element() el: HTMLIcBackToTopElement;\n\n @State() bannerOffset: boolean = false;\n @State() footerVisible: boolean = false;\n @State() targetElVisible: boolean = true;\n\n /**\n * The ID of the element to jump back to when the link is clicked.\n */\n @Prop() target!: string;\n\n @Watch(\"target\")\n watchPropHandler(newValue: string, oldValue: string): void {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n onComponentPropUndefinedChange(oldValue, newValue, () => {\n this.createTopObserver(newValue);\n });\n }\n\n componentWillLoad(): void {\n this.createTopObserver(this.target);\n this.checkForClassificationBanner();\n\n //observer for when footer scrolls into view\n let footers = document.querySelectorAll(\n \"ic-footer\"\n ) as NodeListOf<HTMLElement>;\n if (footers.length === 0) {\n footers = document.querySelectorAll(\"footer\");\n }\n\n if (footers.length) {\n const footerEl = footers[footers.length - 1];\n const threshold = this.bannerOffset ? 0.15 : 0;\n const footerObserver = new IntersectionObserver(\n this.footerObserverCallback,\n { threshold: [threshold] }\n );\n footerObserver.observe(footerEl);\n }\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.target, propName: \"target\" }],\n \"Back to Top\"\n );\n }\n\n private setTargetElVisible = (visible: boolean) => {\n this.targetElVisible = visible;\n };\n\n private setFooterVisible = (visible: boolean) => {\n this.checkForClassificationBanner();\n this.footerVisible =\n typeof window !== \"undefined\" && window.scrollY === 0 ? false : visible;\n };\n\n private targetElObserverCallback = (entries: IntersectionObserverEntry[]) => {\n this.setTargetElVisible(entries[0].isIntersecting);\n };\n\n private footerObserverCallback = (entries: IntersectionObserverEntry[]) => {\n this.setFooterVisible(entries[0].isIntersecting);\n };\n\n private findTargetEl = (target: string): Element => {\n let targetElement: Element = null;\n if (target === null || target === undefined) {\n console.log(\n \"Error: No target ID specified for back to top component - defaulting to top of page\"\n );\n } else {\n targetElement = document.querySelector(\n `${target.startsWith(\"#\") ? \"\" : \"#\"}${target}`\n );\n if (targetElement === null) {\n console.log(\n `Error: Back to top target element '${target}' not found - defaulting to top of page`\n );\n }\n }\n return targetElement;\n };\n\n private createTopObserver = (target: string) => {\n this.targetEl = this.findTargetEl(target);\n let objParent: HTMLElement;\n\n //remove old element & observer\n if (this.topObserver !== null) {\n const observedEl = document.querySelector(\"#ic-back-to-top-target\");\n if (observedEl !== null) {\n this.topObserver.unobserve(observedEl);\n observedEl.remove();\n }\n }\n\n if (this.targetEl === null) {\n objParent = document.body;\n this.targetEl = objParent.firstElementChild;\n this.isTargetElNull = true;\n } else {\n objParent = this.targetEl.parentNode as HTMLElement;\n this.isTargetElNull = false;\n }\n\n //insert a new 0px height element before specified target that can be used to determine when page is scrolled\n const objBackToTopTargetEl = document.createElement(\"div\");\n objBackToTopTargetEl.setAttribute(\"id\", \"ic-back-to-top-target\");\n objParent.insertBefore(objBackToTopTargetEl, this.targetEl);\n\n // resize observer needs to factor in any top margin on the target el\n const marginTop = getComputedStyle(this.targetEl).marginTop;\n this.topObserver = new IntersectionObserver(this.targetElObserverCallback, {\n threshold: [0],\n rootMargin: `${marginTop} 0px 0px 0px`,\n });\n this.topObserver.observe(objBackToTopTargetEl);\n };\n\n private handleClick = () => {\n if (this.isTargetElNull) {\n window.scrollTo(0, 0);\n } else {\n this.targetEl.scrollIntoView();\n }\n };\n\n private checkForClassificationBanner = () => {\n //adjust position for classification banner at bottom\n const banners = document.querySelectorAll(\n \"ic-classification-banner:not([inline='true'])\"\n );\n this.bannerOffset = banners.length > 0;\n };\n\n render() {\n const { bannerOffset, targetElVisible, footerVisible } = this;\n return (\n <button\n class={{\n [\"ic-back-to-top-link\"]: true,\n [\"offset-banner\"]: bannerOffset,\n [\"show\"]: !targetElVisible,\n [\"by-footer\"]: footerVisible,\n }}\n aria-label={backToTopLabel}\n onClick={this.handleClick}\n >\n <span class=\"ic-back-to-top-icon\" innerHTML={ArrowUpward} />\n\n <ic-typography variant=\"subtitle-small\">\n <span>{backToTopLabel}</span>\n </ic-typography>\n </button>\n );\n }\n}\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["icPaginationCss","Pagination","this","handleClickFirst","currentPage","icPageChange","emit","value","handleClickPrevious","handleClickNext","handleClickLast","pages","firstButton","h","id","appearance","onClick","class","disabled","variant","innerHTML","paginationFirstLast","previousButton","paginationNextPrevious","nextButton","lastButton","renderStartEllipsis","type","renderEndEllipsis","renderStartItems","startItems","map","page","selected","renderEndItems","endItems","renderMiddleItems","midItems","defaultPage","watchNumberPagesHandler","watchPageChangeHandler","startEllipsis","endEllipsis","startItemCount","endStart","midStart","midEnd","boundaryCount","adjacentCount","i","push","numItems","componentWillLoad","removeDisabledFalse","el","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","paginationItemClickHandler","ev","detail","setCurrentPage","console","error","render","hideCurrentPage","hideFirstAndLastPageButton","label","Host","role"],"sources":["src/components/ic-pagination/ic-pagination.css?tag=ic-pagination&encapsulation=shadow","src/components/ic-pagination/ic-pagination.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n box-sizing: border-box;\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\nnav {\n width: 100%;\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n align-items: center;\n}\n\nic-button {\n cursor: pointer;\n}\n\nic-button.next-previous {\n --icon-width: var(--ic-space-xs);\n --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n\n padding: 0 var(--ic-space-xxs) 0 var(--ic-space-xxxs);\n}\n\nic-button.first-last {\n --icon-width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.disabled {\n color: var(--ic-architectural-200);\n pointer-events: none;\n cursor: none;\n user-select: none;\n}\n\n.hide-current-page {\n display: none;\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n Listen,\n State,\n Watch,\n Event,\n EventEmitter,\n Method,\n} from \"@stencil/core\";\nimport paginationNextPrevious from \"../../assets/pagination-next-previous.svg\";\nimport paginationFirstLast from \"../../assets/pagination-first-last.svg\";\nimport { IcThemeForeground } from \"../../utils/types\";\nimport { IcPaginationTypes, IcChangeEventDetail } from \"./ic-pagination.types\";\nimport {\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\n\n@Component({\n tag: \"ic-pagination\",\n styleUrl: \"ic-pagination.css\",\n shadow: true,\n})\nexport class Pagination {\n @Element() el: HTMLIcPaginationElement;\n\n @State() endEllipsis: boolean = false;\n @State() endItems: number[] = [];\n @State() midItems: number[] = [];\n @State() startEllipsis: boolean = false;\n @State() startItems: number[] = [];\n\n /**\n * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n */\n @Prop({ mutable: true }) adjacentCount: number = 1;\n\n /**\n * The appearance of the pagination, e.g. dark, light or the default.\n */\n @Prop() appearance: IcThemeForeground = \"default\";\n\n /**\n * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n */\n @Prop({ mutable: true }) boundaryCount: number = 1;\n\n /**\n * The default page to display.\n */\n @Prop() defaultPage: number = 1;\n\n /**\n * If `true`, the pagination will not allow interaction.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * If `true`, the current page of the simple pagination will not be displayed.\n */\n @Prop() hideCurrentPage: boolean = false;\n\n /**\n * If `true`, the first and last page buttons will not be displayed.\n */\n @Prop() hideFirstAndLastPageButton: boolean = false;\n\n /**\n * The label for the pagination item (applicable when simple pagination is being used).\n */\n @Prop() label: string = \"Page\";\n\n /**\n * The total number of pages.\n */\n @Prop() pages!: number;\n\n @Watch(\"pages\")\n watchNumberPagesHandler(): void {\n this.watchPageChangeHandler();\n }\n\n /**\n * The type of pagination to be used.\n */\n @Prop() type: IcPaginationTypes = \"simple\";\n\n /**\n * The current page displayed by the pagination.\n */\n @Prop({ mutable: true }) currentPage: number = this.defaultPage;\n\n @Watch(\"currentPage\")\n watchPageChangeHandler(): void {\n if (this.type === \"simple\") {\n return;\n }\n\n this.startEllipsis = false;\n this.endEllipsis = false;\n this.startItems = [];\n this.endItems = [];\n this.midItems = [];\n\n const startItems = [];\n let startItemCount = 0;\n const endItems = [];\n let endStart = this.pages;\n const midItems = [];\n let midStart;\n let midEnd;\n let startEllipsis = false;\n let endEllipsis = false;\n\n if (this.pages <= this.boundaryCount * 2 + this.adjacentCount * 2 + 3) {\n this.startEllipsis = false;\n this.endEllipsis = false;\n for (let i = 1; i <= this.pages; i++) {\n startItems.push(i);\n }\n this.startItems = startItems;\n return;\n }\n\n startItemCount = this.boundaryCount === 0 ? 1 : this.boundaryCount;\n endStart =\n this.boundaryCount === 0\n ? this.pages\n : this.pages - this.boundaryCount + 1;\n\n if (this.currentPage <= this.adjacentCount + this.boundaryCount + 2) {\n startEllipsis = false;\n endEllipsis = true;\n\n let numItems = 2 * this.adjacentCount + 1;\n if (this.boundaryCount === 0) {\n numItems--;\n }\n midStart = startItemCount + 1;\n midEnd = midStart + numItems;\n } else {\n startEllipsis = true;\n if (\n this.currentPage >\n this.pages - (this.adjacentCount + this.boundaryCount + 2)\n ) {\n let numItems = 2 * this.adjacentCount + 1;\n if (this.boundaryCount === 0) {\n numItems--;\n }\n midEnd =\n this.boundaryCount === 0\n ? this.pages - 1\n : this.pages - this.boundaryCount;\n midStart = midEnd - numItems;\n } else {\n endEllipsis = true;\n midStart = this.currentPage - this.adjacentCount;\n midEnd = this.currentPage + this.adjacentCount;\n }\n }\n\n //create array of start items\n if (\n this.boundaryCount > 0 ||\n (this.boundaryCount === 0 && startEllipsis === false)\n ) {\n for (let i = 1; i <= startItemCount; i++) {\n startItems.push(i);\n }\n }\n\n //create array of end items\n if (\n this.boundaryCount > 0 ||\n (this.boundaryCount === 0 && endEllipsis === false)\n ) {\n for (let i = endStart; i <= this.pages; i++) {\n endItems.push(i);\n }\n }\n\n //create array of mid items\n for (let i = midStart; i <= midEnd; i++) {\n midItems.push(i);\n }\n\n this.startEllipsis = startEllipsis;\n this.endEllipsis = endEllipsis;\n this.startItems = startItems;\n this.endItems = endItems;\n this.midItems = midItems;\n }\n\n /**\n * Emitted when a page is selected.\n */\n @Event() icPageChange: EventEmitter<IcChangeEventDetail>;\n\n componentWillLoad(): void {\n this.watchPageChangeHandler();\n if (this.boundaryCount > 2) {\n this.boundaryCount = 2;\n }\n if (this.adjacentCount > 2) {\n this.adjacentCount = 2;\n }\n\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.pages, propName: \"pages\" }],\n \"Pagination\"\n );\n }\n\n @Listen(\"paginationItemClick\")\n paginationItemClickHandler(ev: CustomEvent): void {\n const page = ev.detail.page;\n this.currentPage = page;\n this.icPageChange.emit({ value: this.currentPage });\n }\n\n /**\n * Sets the currently displayed page.\n * @param {number} page The page number to set as the current page\n */\n @Method()\n async setCurrentPage(page: number): Promise<void> {\n if (typeof page === \"number\" && page > 0 && page <= this.pages) {\n this.currentPage = page;\n } else {\n console.error(\n \"Current page must be a number greater than zero but less than or equal to the total number of pages\"\n );\n }\n }\n\n private handleClickFirst = () => {\n this.currentPage = 1;\n this.icPageChange.emit({ value: this.currentPage });\n };\n\n private handleClickPrevious = (): void => {\n this.currentPage--;\n this.icPageChange.emit({ value: this.currentPage });\n };\n\n private handleClickNext = (): void => {\n this.currentPage++;\n this.icPageChange.emit({ value: this.currentPage });\n };\n\n private handleClickLast = (): void => {\n this.currentPage = this.pages;\n this.icPageChange.emit({ value: this.currentPage });\n };\n\n // button rendering abstracted from component render methods for clarity\n private firstButton = () => {\n return (\n <ic-button\n id=\"first-page-button\"\n aria-label=\"Go to first page\"\n appearance={this.appearance}\n onClick={this.handleClickFirst}\n class=\"page-button first-last\"\n disabled={this.currentPage === 1 || this.disabled}\n variant=\"icon\"\n innerHTML={paginationFirstLast}\n />\n );\n };\n\n private previousButton = () => {\n return (\n <ic-button\n id=\"previous-page-button\"\n aria-label=\"Go to previous page\"\n appearance={this.appearance}\n onClick={this.handleClickPrevious}\n class=\"page-button next-previous flip\"\n disabled={this.currentPage === 1 || this.disabled}\n variant=\"icon\"\n innerHTML={paginationNextPrevious}\n />\n );\n };\n\n private nextButton = () => {\n return (\n <ic-button\n id=\"next-page-button\"\n aria-label=\"Go to next page\"\n appearance={this.appearance}\n onClick={this.handleClickNext}\n class=\"page-button next-previous\"\n disabled={this.currentPage === this.pages || this.disabled}\n variant=\"icon\"\n innerHTML={paginationNextPrevious}\n />\n );\n };\n\n private lastButton = () => {\n return (\n <ic-button\n id=\"last-page-button\"\n aria-label=\"Go to last page\"\n appearance={this.appearance}\n onClick={this.handleClickLast}\n class=\"page-button first-last flip\"\n disabled={this.currentPage === this.pages || this.disabled}\n variant=\"icon\"\n innerHTML={paginationFirstLast}\n />\n );\n };\n\n private renderStartEllipsis = () => {\n return (\n <ic-pagination-item\n appearance={this.appearance}\n type=\"ellipsis\"\n id=\"start-ellipsis\"\n disabled={this.disabled}\n />\n );\n };\n\n private renderEndEllipsis = () => {\n return (\n <ic-pagination-item\n appearance={this.appearance}\n type=\"ellipsis\"\n id=\"end-ellipsis\"\n disabled={this.disabled}\n />\n );\n };\n\n private renderStartItems = () => {\n return this.startItems.map((page: number) => {\n return (\n <ic-pagination-item\n appearance={this.appearance}\n selected={page === this.currentPage}\n id={`pagination-item-${page}`}\n type=\"page\"\n page={page}\n disabled={this.disabled}\n />\n );\n });\n };\n\n private renderEndItems = () => {\n return this.endItems.map((page: number) => {\n return (\n <ic-pagination-item\n appearance={this.appearance}\n selected={page === this.currentPage}\n id={`pagination-item-${page}`}\n type=\"page\"\n page={page}\n disabled={this.disabled}\n />\n );\n });\n };\n\n private renderMiddleItems = () => {\n return this.midItems.map((page: number) => {\n return (\n <ic-pagination-item\n appearance={this.appearance}\n selected={page === this.currentPage}\n id={`pagination-item-${page}`}\n type=\"page\"\n page={page}\n disabled={this.disabled}\n />\n );\n });\n };\n\n render() {\n const {\n type,\n pages,\n currentPage,\n hideCurrentPage,\n disabled,\n hideFirstAndLastPageButton,\n label,\n } = this;\n\n return (\n <Host>\n {type === \"simple\" && (\n <nav\n class={{\n [\"disabled\"]: disabled,\n }}\n role=\"navigation\"\n aria-label=\"Pagination Navigation\"\n >\n {hideFirstAndLastPageButton ? null : this.firstButton()}\n {this.previousButton()}\n <ic-pagination-item\n pages={pages}\n appearance={this.appearance}\n type=\"simple-current\"\n page={currentPage}\n label={label}\n class={{ [\"hide-current-page\"]: hideCurrentPage }}\n />\n {this.nextButton()}\n {hideFirstAndLastPageButton ? null : this.lastButton()}\n </nav>\n )}\n {type === \"complex\" && (\n <nav\n class={{\n [\"disabled\"]: disabled,\n }}\n role=\"navigation\"\n aria-label=\"Pagination Navigation\"\n >\n {hideFirstAndLastPageButton ? null : this.firstButton()}\n {this.previousButton()}\n {this.renderStartItems()}\n {this.startEllipsis && this.renderStartEllipsis()}\n {this.renderMiddleItems()}\n {this.endEllipsis && this.renderEndEllipsis()}\n {this.renderEndItems()}\n {this.nextButton()}\n {hideFirstAndLastPageButton ? null : this.lastButton()}\n </nav>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as t,c as e,f as i,h as s,H as a,g as n}from"./p-6b5e91e2.js";import{a as o}from"./p-26b7b18f.js";import{M as r,m as l,w as h,l as c,r as d,a as u,q as p,n as m,i as b,G as f,x}from"./p-e4d0d1fb.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host(.fullwidth){width:100%}::-moz-placeholder{color:var(--ic-color-tertiary-text);opacity:1}::placeholder{color:var(--ic-color-tertiary-text);opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(--ic-architectural-200)}input.readonly,textarea.readonly{color:var(--ic-color-primary-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.maxlengthtext{color:var(--ic-color-secondary-text)}.no-left-pad{padding-left:0}::slotted([slot="icon"]){fill:var(--ic-color-tertiary-text)}.has-value ::slotted([slot="icon"]){fill:var(--ic-color-primary-text)}.charcount{margin-right:calc(-1 * var(--ic-space-xxxs))}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot="icon"]){fill:currentcolor}}';let y=0;const v=[...x,"title"];const w=class{constructor(s){t(this,s);this.getValidationText=e(this,"getValidationText",7);this.icBlur=e(this,"icBlur",7);this.icChange=e(this,"icChange",7);this.icFocus=e(this,"icFocus",7);this.icInput=e(this,"icInput",7);this.icKeydown=e(this,"icKeydown",7);this.inheritedAttributes={};this.showLeftIcon=this.hasLeftIconSlot();this.hostMutationObserver=null;this.getMaxLengthExceeded=t=>{this.numChars=t.length;if(this.type==="number"){this.minValueUnattained=t&&Number(t)<Number(this.min)?true:false;this.maxValueExceeded=Number(t)>Number(this.max)?true:false}if(this.maxLength>0){this.maxLengthExceeded=t.length>this.maxLength?true:false}};this.getMaxCharactersReached=t=>{this.numChars=t.length;if(this.maxCharacters>0){this.maxCharactersReached=this.numChars>=this.maxCharacters;if(this.maxCharactersError&&!this.maxCharactersReached){this.maxCharactersError=false}}};this.getMinCharactersUnattained=t=>{this.numChars=t.length;if(this.minCharacters>0){this.minCharactersUnattained=this.numChars<this.minCharacters}};this.onInput=t=>{this.value=t.target.value;this.icInput.emit({value:this.value})};this.onBlur=t=>{const e=t.target.value;this.getMinCharactersUnattained(e);this.icBlur.emit({value:e})};this.onFocus=t=>{const e=t.target.value;this.icFocus.emit({value:e})};this.isTextArea=()=>this.rows>1;this.getInlineValidationText=()=>{this.getValidationText.emit({value:this.validationText})};this.hasStatus=t=>t!==""&&!this.disabled;this.showStatusText=t=>this.hasStatus(t)&&!(t==o.Success&&this.validationInline)&&!this.validationInlineInternal;this.handleFormReset=()=>{this.value=this.initialValue};this.hostMutationCallback=t=>{let e=false;t.forEach((({attributeName:t})=>{if(v.includes(t)){this.inheritedAttributes[t]=this.el.getAttribute(t);e=true}}));if(e){i(this)}};this.numChars=0;this.maxCharactersReached=false;this.maxCharactersError=false;this.minCharactersUnattained=false;this.maxLengthExceeded=false;this.maxValueExceeded=false;this.minValueUnattained=false;this.ariaActiveDescendant=undefined;this.ariaAutocomplete=undefined;this.ariaExpanded=undefined;this.ariaOwns=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autoFocus=false;this.disabled=false;this.fullWidth=false;this.helperText="";this.hideLabel=false;this.hiddenInput=true;this.inputId=`ic-text-field-input-${y++}`;this.inputmode="text";this.label=undefined;this.max=undefined;this.maxCharacters=0;this.maxLength=0;this.min=undefined;this.minCharacters=0;this.name=this.inputId;this.placeholder="";this.readonly=false;this.required=false;this.resize=false;this.role=undefined;this.rows=1;this.size="default";this.small=false;this.spellcheck=false;this.truncateValue=undefined;this.type="text";this.validationInline=false;this.validationInlineInternal=false;this.validationStatus="";this.validationText="";this.debounce=0;this.value="";this.initialValue=this.value}debounceChanged(){this.icChange=r(this.icChange,this.debounce)}watchValueHandler(t){if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.getMaxLengthExceeded(t);this.getMaxCharactersReached(t);this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var t;l(this.el,this.handleFormReset);(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){if(this.value!==this.initialValue){this.watchValueHandler(this.value)}this.getMaxLengthExceeded(this.value);this.getMaxCharactersReached(this.value);this.inheritedAttributes=h(this.el,v);if(this.readonly){this.maxLengthExceeded=false;this.maxValueExceeded=false;this.minValueUnattained=false}c(this.el,this.handleFormReset);d(this.disabled,this.el)}componentDidLoad(){u([{prop:this.label,propName:"label"}],"Text Field");if(this.validationInlineInternal){this.getInlineValidationText()}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}handleKeyDown(t){this.icKeydown.emit({event:t});this.maxCharactersError=this.maxCharactersReached}async setFocus(){if(this.inputEl){this.inputEl.focus()}}hasLeftIconSlot(){const t=this.el.querySelector(`[slot="icon"]`);return t!==null}render(){const{inputId:t,name:e,label:i,required:n,size:r,small:l,placeholder:h,helperText:c,rows:d,resize:u,disabled:x,value:g,min:y,max:v,maxLength:w,numChars:k,readonly:z,maxLengthExceeded:C,maxCharacters:I,maxCharactersError:M,maxCharactersReached:F,minCharacters:L,minCharactersUnattained:j,minValueUnattained:q,maxValueExceeded:T,validationStatus:N,validationText:V,validationInline:$,validationInlineInternal:B,spellcheck:W,inputmode:E,fullWidth:H,truncateValue:O,hiddenInput:S}=this;const D=z?true:x;const K=x?"":h;const U=C||T||q||j||M?M?o.Warning:o.Error:N;const _=C?"Maximum length exceeded":M?`Maximum input is ${I} characters`:T?`Maximum value of ${v} exceeded`:q?`Minimum value of ${y} not met`:j?`Minimum input is ${L} characters`:V;const G=z?0:w;const R=C||M||T||q||w===0&&U===o.Error?"assertive":"polite";const A=this.showStatusText(U);const J=this.isTextArea();const P=w>0?t+"-charcount-desc":"";const Q=(P+" "+p(t,c!=="",A)).trim();if(this.showLeftIcon&&!z&&D){this.showLeftIcon=false}const X=U===o.Error?"true":"false";const Y=D&&!z;if(S){m(true,this.el,e,g,D)}return s(a,{class:{["fullwidth"]:H}},s("ic-input-container",{readonly:z,disabled:D},!this.hideLabel&&s("ic-input-label",{for:t,label:i,helperText:c,required:n,disabled:Y,readonly:z}),s("ic-input-component-container",{size:l?"small":r,validationStatus:U,multiLine:J,disabled:D,readonly:z,validationInline:$,fullWidth:H},this.showLeftIcon&&s("span",{class:{["readonly"]:z,["has-value"]:g.length>0},slot:"left-icon"},s("slot",{name:"icon"})),!J?s("input",Object.assign({id:t,name:e,ref:t=>this.inputEl=t,type:this.type,min:y,max:v,value:g,class:{["no-left-pad"]:!this.showLeftIcon&&z,["readonly"]:z,["truncate-value"]:O},placeholder:K,required:n,disabled:D,readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":Q,"aria-invalid":X,"aria-activedescendant":this.ariaActiveDescendant,"aria-expanded":this.ariaExpanded,"aria-owns":this.ariaOwns,autocomplete:this.autocomplete,autocapitalize:this.autocapitalize,autoFocus:this.autoFocus,spellcheck:W,inputmode:E,role:this.role,maxlength:F?I:null,minlength:j?L:null},this.inheritedAttributes)):s("textarea",Object.assign({id:t,class:{["no-resize"]:u===false||z,["no-left-pad"]:!this.showLeftIcon&&z,["readonly"]:z},name:e,ref:t=>this.inputEl=t,value:g,rows:d,required:n,disabled:D,placeholder:K,readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":Q,"aria-invalid":X,autocapitalize:this.autocapitalize,autoFocus:this.autoFocus,spellcheck:W,inputmode:E,maxlength:F?I:null,minlength:j?L:null},this.inheritedAttributes)),b(this.el,"clear-button")&&s("slot",{name:"clear-button"}),b(this.el,"search-submit-button")&&s("slot",{name:"search-submit-button"})),b(this.el,"menu")&&s("slot",{name:"menu"}),(!f(N)||!f(V)||G>0||T||M||j||q)&&!B&&s("ic-input-validation",{status:this.hasStatus(U)===false||U===o.Success&&$||B?"":U,message:A?_:"",ariaLiveMode:R,for:t,fullWidth:H},!z&&G>0&&s("div",{slot:"validation-message-adornment"},s("ic-typography",{variant:"caption",class:{["maxlengthtext"]:true,["error"]:C,["disabled"]:Y}},s("span",{"aria-live":"polite",id:`${t}-charcount`,class:"charcount"},k,"/",G),s("span",{hidden:true,id:P},"Field can contain a maximum of ",G," characters."))))))}get el(){return n(this)}static get watchers(){return{debounce:["debounceChanged"],value:["watchValueHandler"]}}};w.style=g;export{w as ic_text_field};
2
- //# sourceMappingURL=p-078f7f23.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["icTextFieldCss","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","TextField","this","inheritedAttributes","showLeftIcon","hasLeftIconSlot","hostMutationObserver","getMaxLengthExceeded","value","numChars","length","type","minValueUnattained","Number","min","maxValueExceeded","max","maxLength","maxLengthExceeded","getMaxCharactersReached","maxCharacters","maxCharactersReached","maxCharactersError","getMinCharactersUnattained","minCharacters","minCharactersUnattained","onInput","ev","target","icInput","emit","onBlur","icBlur","onFocus","icFocus","isTextArea","rows","getInlineValidationText","getValidationText","validationText","hasStatus","status","disabled","showStatusText","IcInformationStatus","Success","validationInline","validationInlineInternal","handleFormReset","initialValue","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","includes","el","getAttribute","forceUpdate","undefined","inputId","debounceChanged","icChange","debounceEvent","debounce","watchValueHandler","newValue","inputEl","connectedCallback","disconnectedCallback","removeFormResetListener","_a","disconnect","componentWillLoad","inheritAttributes","readonly","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","observe","attributes","handleKeyDown","icKeydown","event","setFocus","focus","iconEl","querySelector","render","name","required","size","small","placeholder","helperText","resize","validationStatus","spellcheck","inputmode","fullWidth","truncateValue","hiddenInput","disabledMode","placeholderText","currentStatus","Warning","Error","currentValidationText","maxNumChars","messageAriaLive","multiline","hiddenCharCountDescId","describedBy","getInputDescribedByText","trim","invalid","disabledText","renderHiddenInput","h","Host","class","hideLabel","for","multiLine","slot","Object","assign","id","ref","ariaActiveDescendant","ariaExpanded","ariaOwns","autocomplete","autocapitalize","autoFocus","role","maxlength","minlength","isSlotUsed","isEmptyString","message","ariaLiveMode","variant","hidden"],"sources":["src/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","src/components/ic-text-field/ic-text-field.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n /**\n * @prop --input-width: Width of the input field\n */\n display: block;\n}\n\n:host(.fullwidth) {\n width: 100%;\n}\n\n::placeholder {\n color: var(--ic-color-tertiary-text);\n opacity: 1;\n}\n\ninput,\ntextarea {\n border: 0;\n border-radius: var(--ic-border-radius);\n background-color: var(--ic-architectural-white);\n line-height: 1.5rem;\n letter-spacing: 0.005rem;\n width: 100%;\n padding-right: var(--ic-space-xs);\n padding-left: var(--ic-space-xs);\n}\n\ntextarea {\n min-height: var(--ic-space-lg);\n resize: vertical;\n padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n border: 0;\n outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n color: var(--ic-architectural-200);\n}\n\ninput.readonly,\ntextarea.readonly {\n color: var(--ic-color-primary-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n resize: none;\n}\n\n.maxlengthtext {\n color: var(--ic-color-secondary-text);\n}\n\n.no-left-pad {\n padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n fill: var(--ic-color-tertiary-text);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n fill: var(--ic-color-primary-text);\n}\n\n.charcount {\n margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n input.readonly,\n textarea.readonly {\n color: canvastext;\n }\n\n .has-value ::slotted([slot=\"icon\"]) {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n Method,\n h,\n forceUpdate,\n} from \"@stencil/core\";\nimport {\n IcInformationStatus,\n IcAutocompleteTypes,\n IcAutocorrectStates,\n IcInformationStatusOrEmpty,\n IcValueEventDetail,\n IcSizesNoLarge,\n} from \"../../utils/types\";\nimport {\n inheritAttributes,\n debounceEvent,\n getInputDescribedByText,\n renderHiddenInput,\n isEmptyString,\n onComponentRequiredPropUndefined,\n addFormResetListener,\n removeFormResetListener,\n isSlotUsed,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n IcAriaAutocompleteTypes,\n IcTextFieldInputModes,\n IcTextFieldTypes,\n} from \"./ic-text-field.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\n@Component({\n tag: \"ic-text-field\",\n styleUrl: \"ic-text-field.css\",\n shadow: true,\n})\nexport class TextField {\n private inheritedAttributes: { [k: string]: string } = {};\n private inputEl: HTMLInputElement | HTMLTextAreaElement;\n private showLeftIcon: boolean = this.hasLeftIconSlot();\n private hostMutationObserver: MutationObserver = null;\n\n @Element() el: HTMLIcTextFieldElement;\n\n @State() numChars: number = 0;\n @State() maxCharactersReached: boolean = false;\n @State() maxCharactersError: boolean = false;\n @State() minCharactersUnattained: boolean = false;\n @State() maxLengthExceeded: boolean = false;\n @State() maxValueExceeded: boolean = false;\n @State() minValueUnattained: boolean = false;\n\n /**\n * @slot clear-button - an ic-button clear component will render as an end adornment to the input.\n * @slot search-submit-button - an ic-button search submit component will render as an end adornment to the input.\n * @slot menu - an ic-menu component will appear below the input.\n */\n\n /**\n * @internal The active element when focus is on the ic-menu items.\n */\n @Prop() ariaActiveDescendant?: string;\n\n /**\n * @internal Used to identify whether inputting any text triggers more predictions\n */\n @Prop() ariaAutocomplete: IcAriaAutocompleteTypes = undefined;\n\n /**\n * @internal Used to identify if the slotted menu is rendered\n */\n @Prop() ariaExpanded: string;\n\n /**\n * @internal Used to identify any related child component\n */\n @Prop() ariaOwns: string;\n\n /**\n * The automatic capitalisation of the text value as it is entered/edited by the user.\n * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n */\n @Prop() autocapitalize = \"off\";\n\n /**\n * The state of autocompletion the browser can apply on the text value.\n */\n @Prop() autocomplete: IcAutocompleteTypes = \"off\";\n\n /**\n * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n */\n @Prop() autocorrect: IcAutocorrectStates = \"off\";\n\n /**\n * If `true`, the form control will have input focus when the page loads.\n */\n @Prop() autoFocus = false;\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Specify whether the text field fills the full width of the container.\n * If `true`, this overrides the --input-width CSS variable.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText: string = \"\";\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel: boolean = false;\n\n /**\n * @internal If `true`, the hidden form input will stop rendering for form submission.\n */\n @Prop() hiddenInput: boolean = true;\n\n /**\n * The ID for the input.\n */\n @Prop() inputId?: string = `ic-text-field-input-${inputIds++}`;\n\n /**\n * A hint to the browser for which keyboard to display.\n * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n */\n @Prop() inputmode: IcTextFieldInputModes = \"text\";\n\n /**\n * The label for the input.\n */\n @Prop() label!: string;\n\n /**\n * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\n */\n @Prop() max: string | number = undefined;\n\n /**\n * The maximum number of characters that can be entered in the field.\n */\n @Prop() maxCharacters: number = 0;\n\n /**\n * The label for maximum number of characters that can be entered in the field.\n */\n @Prop() maxLength: number = 0;\n\n /**\n * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\n */\n @Prop() min: string | number = undefined;\n\n /**\n * The minimum number of characters that can be entered in the field.\n */\n @Prop() minCharacters: number = 0;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.inputId;\n\n /**\n * The placeholder value to be displayed.\n */\n @Prop() placeholder: string = \"\";\n\n /**\n * If `true`, the read only state will be set.\n */\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /**\n * If `true`, the input will require a value.\n */\n @Prop() required: boolean = false;\n\n /**\n * If `true`, the multiline text area will be resizeable.\n */\n @Prop() resize: boolean = false;\n\n /**\n * @internal Used to set the role if not default textbox;\n */\n @Prop() role: string;\n\n /**\n * The number of rows to transform the text field into a text area with a specific height.\n */\n @Prop() rows: number = 1;\n\n /**\n * The size of the text field component.\n */\n @Prop() size?: IcSizesNoLarge = \"default\";\n\n /**\n * @deprecated This prop should not be used anymore. Set prop `size` to \"small\" instead.\n */\n @Prop() small?: boolean = false;\n\n /**\n * If `true`, the value of the text field will have its spelling and grammar checked.\n */\n @Prop() spellcheck: boolean = false;\n /**\n * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\n */\n @Prop() truncateValue?: boolean;\n\n /**\n * The type of control to display. The default type is text.\n */\n @Prop() type: IcTextFieldTypes = \"text\";\n\n /**\n * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\n */\n @Prop() validationInline: boolean = false;\n\n /**\n * @internal If `true`, the validation will display inline.\n */\n @Prop() validationInlineInternal: boolean = false;\n\n /**\n * The validation state - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n /**\n * The validation state - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationText: string = \"\";\n\n /**\n * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n */\n @Prop() debounce: number = 0;\n\n @Watch(\"debounce\")\n private debounceChanged() {\n this.icChange = debounceEvent(this.icChange, this.debounce);\n }\n\n /**\n * The value of the text field.\n */\n @Prop({ reflect: true, mutable: true }) value: string = \"\";\n @State() initialValue = this.value;\n\n @Watch(\"value\")\n private watchValueHandler(newValue: string): void {\n if (this.inputEl && this.inputEl.value !== newValue) {\n this.inputEl.value = newValue;\n }\n\n this.getMaxLengthExceeded(newValue);\n\n this.getMaxCharactersReached(newValue);\n\n this.icChange.emit({ value: newValue });\n }\n\n /**\n * @internal Emitted when the validationInlineInternal is `true`\n */\n @Event() getValidationText: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when input loses focus.\n */\n @Event() icBlur: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when the value has changed.\n */\n @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when input gains focus.\n */\n @Event() icFocus: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when a keyboard input occurred.\n */\n @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n /**\n * Emitted when a keydown event occurred.\n */\n @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n connectedCallback(): void {\n this.debounceChanged();\n }\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n if (this.value !== this.initialValue) {\n this.watchValueHandler(this.value);\n }\n\n this.getMaxLengthExceeded(this.value);\n\n this.getMaxCharactersReached(this.value);\n\n this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n\n if (this.readonly) {\n this.maxLengthExceeded = false;\n this.maxValueExceeded = false;\n this.minValueUnattained = false;\n }\n\n addFormResetListener(this.el, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Text Field\"\n );\n if (this.validationInlineInternal) {\n this.getInlineValidationText();\n }\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n @Listen(\"keydown\", {})\n handleKeyDown(ev: KeyboardEvent): void {\n this.icKeydown.emit({ event: ev });\n this.maxCharactersError = this.maxCharactersReached;\n }\n\n /**\n * Sets focus on the native `input`.\n */\n\n @Method()\n async setFocus(): Promise<void> {\n if (this.inputEl) {\n this.inputEl.focus();\n }\n }\n\n private getMaxLengthExceeded = (value: string) => {\n this.numChars = value.length;\n\n if (this.type === \"number\") {\n this.minValueUnattained =\n value && Number(value) < Number(this.min) ? true : false;\n this.maxValueExceeded = Number(value) > Number(this.max) ? true : false;\n }\n\n if (this.maxLength > 0) {\n this.maxLengthExceeded = value.length > this.maxLength ? true : false;\n }\n };\n\n private getMaxCharactersReached = (value: string) => {\n this.numChars = value.length;\n\n if (this.maxCharacters > 0) {\n this.maxCharactersReached = this.numChars >= this.maxCharacters;\n if (this.maxCharactersError && !this.maxCharactersReached) {\n this.maxCharactersError = false;\n }\n }\n };\n\n private getMinCharactersUnattained = (value: string) => {\n this.numChars = value.length;\n\n if (this.minCharacters > 0) {\n this.minCharactersUnattained = this.numChars < this.minCharacters;\n }\n };\n\n private onInput = (ev: Event) => {\n this.value = (ev.target as HTMLInputElement).value;\n this.icInput.emit({ value: this.value });\n };\n\n private onBlur = (ev: Event) => {\n const value = (ev.target as HTMLInputElement).value;\n this.getMinCharactersUnattained(value);\n this.icBlur.emit({ value: value });\n };\n\n private onFocus = (ev: Event) => {\n const value = (ev.target as HTMLInputElement).value;\n this.icFocus.emit({ value: value });\n };\n\n private isTextArea = (): boolean => {\n return this.rows > 1;\n };\n\n private getInlineValidationText = () => {\n this.getValidationText.emit({ value: this.validationText });\n };\n\n private hasLeftIconSlot(): boolean {\n const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n return iconEl !== null;\n }\n\n private hasStatus = (status: IcInformationStatusOrEmpty): boolean => {\n return status !== \"\" && !this.disabled;\n };\n\n private showStatusText = (status: IcInformationStatusOrEmpty): boolean => {\n return (\n this.hasStatus(status) &&\n !(status == IcInformationStatus.Success && this.validationInline) &&\n !this.validationInlineInternal\n );\n };\n\n private handleFormReset = (): void => {\n this.value = this.initialValue;\n };\n\n // triggered when attributes of host element change\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n if (MUTABLE_ATTRIBUTES.includes(attributeName)) {\n this.inheritedAttributes[attributeName] =\n this.el.getAttribute(attributeName);\n forceComponentUpdate = true;\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n render() {\n const {\n inputId,\n name,\n label,\n required,\n size,\n small,\n placeholder,\n helperText,\n rows,\n resize,\n disabled,\n value,\n min,\n max,\n maxLength,\n numChars,\n readonly,\n maxLengthExceeded,\n maxCharacters,\n maxCharactersError,\n maxCharactersReached,\n minCharacters,\n minCharactersUnattained,\n minValueUnattained,\n maxValueExceeded,\n validationStatus,\n validationText,\n validationInline,\n validationInlineInternal,\n spellcheck,\n inputmode,\n fullWidth,\n truncateValue,\n hiddenInput,\n } = this;\n\n const disabledMode = readonly ? true : disabled;\n\n const placeholderText = disabled ? \"\" : placeholder;\n\n const currentStatus =\n maxLengthExceeded ||\n maxValueExceeded ||\n minValueUnattained ||\n minCharactersUnattained ||\n maxCharactersError\n ? maxCharactersError\n ? IcInformationStatus.Warning\n : IcInformationStatus.Error\n : validationStatus;\n\n const currentValidationText = maxLengthExceeded\n ? \"Maximum length exceeded\"\n : maxCharactersError\n ? `Maximum input is ${maxCharacters} characters`\n : maxValueExceeded\n ? `Maximum value of ${max} exceeded`\n : minValueUnattained\n ? `Minimum value of ${min} not met`\n : minCharactersUnattained\n ? `Minimum input is ${minCharacters} characters`\n : validationText;\n\n const maxNumChars = readonly ? 0 : maxLength;\n\n const messageAriaLive =\n maxLengthExceeded ||\n maxCharactersError ||\n maxValueExceeded ||\n minValueUnattained ||\n (maxLength === 0 && currentStatus === IcInformationStatus.Error)\n ? \"assertive\"\n : \"polite\";\n\n const showStatusText = this.showStatusText(currentStatus);\n const multiline = this.isTextArea();\n const hiddenCharCountDescId =\n maxLength > 0 ? inputId + \"-charcount-desc\" : \"\";\n const describedBy = (\n hiddenCharCountDescId +\n \" \" +\n getInputDescribedByText(inputId, helperText !== \"\", showStatusText)\n ).trim();\n\n if (this.showLeftIcon && !readonly && disabledMode) {\n this.showLeftIcon = false;\n }\n\n const invalid =\n currentStatus === IcInformationStatus.Error ? \"true\" : \"false\";\n const disabledText = disabledMode && !readonly;\n\n if (hiddenInput) {\n renderHiddenInput(true, this.el, name, value, disabledMode);\n }\n return (\n <Host class={{ [\"fullwidth\"]: fullWidth }}>\n <ic-input-container readonly={readonly} disabled={disabledMode}>\n {!this.hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n required={required}\n disabled={disabledText}\n readonly={readonly}\n ></ic-input-label>\n )}\n\n <ic-input-component-container\n size={small ? \"small\" : size}\n validationStatus={currentStatus}\n multiLine={multiline}\n disabled={disabledMode}\n readonly={readonly}\n validationInline={validationInline}\n fullWidth={fullWidth}\n >\n {this.showLeftIcon && (\n <span\n class={{\n [\"readonly\"]: readonly,\n [\"has-value\"]: value.length > 0,\n }}\n slot=\"left-icon\"\n >\n <slot name=\"icon\" />\n </span>\n )}\n\n {!multiline ? (\n <input\n id={inputId}\n name={name}\n ref={(el) => (this.inputEl = el as HTMLInputElement)}\n type={this.type}\n min={min}\n max={max}\n value={value}\n class={{\n [\"no-left-pad\"]: !this.showLeftIcon && readonly,\n [\"readonly\"]: readonly,\n [\"truncate-value\"]: truncateValue,\n }}\n placeholder={placeholderText}\n required={required}\n disabled={disabledMode}\n readonly={readonly}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n aria-label={label}\n aria-describedby={describedBy}\n aria-invalid={invalid}\n aria-activedescendant={this.ariaActiveDescendant}\n aria-expanded={this.ariaExpanded}\n aria-owns={this.ariaOwns}\n autocomplete={this.autocomplete}\n autocapitalize={this.autocapitalize}\n autoFocus={this.autoFocus}\n spellcheck={spellcheck}\n inputmode={inputmode}\n role={this.role}\n maxlength={maxCharactersReached ? maxCharacters : null}\n minlength={minCharactersUnattained ? minCharacters : null}\n {...this.inheritedAttributes}\n ></input>\n ) : (\n <textarea\n id={inputId}\n class={{\n [\"no-resize\"]: resize === false || readonly,\n [\"no-left-pad\"]: !this.showLeftIcon && readonly,\n [\"readonly\"]: readonly,\n }}\n name={name}\n ref={(el) => (this.inputEl = el as HTMLTextAreaElement)}\n value={value}\n rows={rows}\n required={required}\n disabled={disabledMode}\n placeholder={placeholderText}\n readonly={readonly}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n aria-label={label}\n aria-describedby={describedBy}\n aria-invalid={invalid}\n autocapitalize={this.autocapitalize}\n autoFocus={this.autoFocus}\n spellcheck={spellcheck}\n inputmode={inputmode}\n maxlength={maxCharactersReached ? maxCharacters : null}\n minlength={minCharactersUnattained ? minCharacters : null}\n {...this.inheritedAttributes}\n ></textarea>\n )}\n {isSlotUsed(this.el, \"clear-button\") && (\n <slot name=\"clear-button\"></slot>\n )}\n {isSlotUsed(this.el, \"search-submit-button\") && (\n <slot name=\"search-submit-button\"></slot>\n )}\n </ic-input-component-container>\n {isSlotUsed(this.el, \"menu\") && <slot name=\"menu\"></slot>}\n {(!isEmptyString(validationStatus) ||\n !isEmptyString(validationText) ||\n maxNumChars > 0 ||\n maxValueExceeded ||\n maxCharactersError ||\n minCharactersUnattained ||\n minValueUnattained) &&\n !validationInlineInternal && (\n <ic-input-validation\n status={\n this.hasStatus(currentStatus) === false ||\n (currentStatus === IcInformationStatus.Success &&\n validationInline) ||\n validationInlineInternal\n ? \"\"\n : currentStatus\n }\n message={showStatusText ? currentValidationText : \"\"}\n ariaLiveMode={messageAriaLive}\n for={inputId}\n fullWidth={fullWidth}\n >\n {!readonly && maxNumChars > 0 && (\n <div slot=\"validation-message-adornment\">\n <ic-typography\n variant=\"caption\"\n class={{\n [\"maxlengthtext\"]: true,\n [\"error\"]: maxLengthExceeded,\n [\"disabled\"]: disabledText,\n }}\n >\n <span\n aria-live=\"polite\"\n id={`${inputId}-charcount`}\n class=\"charcount\"\n >\n {numChars}/{maxNumChars}\n </span>\n <span hidden={true} id={hiddenCharCountDescId}>\n Field can contain a maximum of {maxNumChars} characters.\n </span>\n </ic-typography>\n </div>\n )}\n </ic-input-validation>\n )}\n </ic-input-container>\n </Host>\n );\n }\n}\n"],"mappings":"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"}