@ukic/web-components 2.8.0 → 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1070) hide show
  1. package/dist/cjs/core.cjs.js +3 -3
  2. package/dist/cjs/core.cjs.js.map +1 -1
  3. package/dist/cjs/{helpers-0d63359f.js → helpers-3f91f63a.js} +292 -292
  4. package/dist/cjs/helpers-3f91f63a.js.map +1 -0
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js +71 -71
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-accordion.cjs.entry.js +99 -99
  8. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-alert.cjs.entry.js +58 -58
  10. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js +120 -120
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-badge.cjs.entry.js +146 -146
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +172 -166
  16. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js +55 -53
  18. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-button_3.cjs.entry.js +615 -606
  20. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card.cjs.entry.js +105 -105
  22. package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +60 -60
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +95 -95
  26. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-chip.cjs.entry.js +67 -65
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js +23 -23
  30. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-data-entity.cjs.entry.js +17 -17
  32. package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
  33. package/dist/cjs/ic-data-row.cjs.entry.js +74 -74
  34. package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
  35. package/dist/cjs/ic-dialog.cjs.entry.js +339 -339
  36. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  37. package/dist/cjs/ic-divider.cjs.entry.js +16 -16
  38. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-empty-state.cjs.entry.js +24 -24
  40. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
  41. package/dist/cjs/ic-footer-link-group.cjs.entry.js +55 -55
  42. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ic-footer-link.cjs.entry.js +50 -50
  44. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-footer.cjs.entry.js +78 -78
  46. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ic-hero.cjs.entry.js +62 -62
  48. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +151 -151
  50. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +678 -678
  52. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ic-input-label_2.cjs.entry.js +63 -63
  54. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ic-link.cjs.entry.js +55 -55
  56. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ic-menu-group.cjs.entry.js +12 -12
  58. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ic-menu-item.cjs.entry.js +100 -100
  60. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  61. package/dist/cjs/ic-navigation-button.cjs.entry.js +79 -76
  62. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-navigation-group.cjs.entry.js +283 -283
  64. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-navigation-item.cjs.entry.js +152 -152
  66. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ic-navigation-menu.cjs.entry.js +105 -105
  68. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ic-page-header.cjs.entry.js +93 -93
  70. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  71. package/dist/cjs/ic-pagination-item.cjs.entry.js +42 -42
  72. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  73. package/dist/cjs/ic-pagination.cjs.entry.js +196 -195
  74. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  75. package/dist/cjs/ic-popover-menu.cjs.entry.js +231 -231
  76. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  77. package/dist/cjs/ic-radio-group.cjs.entry.js +156 -156
  78. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  79. package/dist/cjs/ic-radio-option.cjs.entry.js +128 -128
  80. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  81. package/dist/cjs/ic-search-bar.cjs.entry.js +474 -474
  82. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-section-container.cjs.entry.js +15 -15
  84. package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-select.cjs.entry.js +639 -639
  86. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-side-navigation.cjs.entry.js +424 -426
  88. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  89. package/dist/cjs/ic-skeleton.cjs.entry.js +43 -43
  90. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  91. package/dist/cjs/ic-status-tag.cjs.entry.js +29 -29
  92. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  93. package/dist/cjs/ic-step.cjs.entry.js +121 -121
  94. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  95. package/dist/cjs/ic-stepper.cjs.entry.js +200 -200
  96. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  97. package/dist/cjs/ic-switch.cjs.entry.js +77 -77
  98. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  99. package/dist/cjs/ic-tab-context.cjs.entry.js +252 -252
  100. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  101. package/dist/cjs/ic-tab-group.cjs.entry.js +23 -23
  102. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  103. package/dist/cjs/ic-tab-panel.cjs.entry.js +31 -31
  104. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  105. package/dist/cjs/ic-tab.cjs.entry.js +86 -86
  106. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  107. package/dist/cjs/ic-text-field.cjs.entry.js +210 -210
  108. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  109. package/dist/cjs/ic-theme.cjs.entry.js +51 -51
  110. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  111. package/dist/cjs/ic-toast-region.cjs.entry.js +47 -46
  112. package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
  113. package/dist/cjs/ic-toast.cjs.entry.js +145 -145
  114. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  115. package/dist/cjs/ic-top-navigation.cjs.entry.js +198 -199
  116. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  117. package/dist/cjs/ic-typography.cjs.entry.js +118 -118
  118. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  119. package/dist/{esm/index-813020f1.js → cjs/index-152d1fe5.js} +634 -376
  120. package/dist/cjs/index-152d1fe5.js.map +1 -0
  121. package/dist/cjs/loader.cjs.js +2 -2
  122. package/dist/cjs/types-dc22e301.js +16 -0
  123. package/dist/cjs/{types-7d67439f.js.map → types-dc22e301.js.map} +1 -1
  124. package/dist/collection/collection-manifest.json +2 -2
  125. package/dist/collection/components/ic-accordion/ic-accordion.js +276 -276
  126. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  127. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js +39 -39
  128. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.e2e.js.map +1 -1
  129. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +215 -215
  130. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
  131. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +200 -200
  132. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  133. package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js +5 -5
  134. package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js.map +1 -1
  135. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js +68 -68
  136. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.js.map +1 -1
  137. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +71 -71
  138. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
  139. package/dist/collection/components/ic-alert/ic-alert.js +231 -231
  140. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  141. package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js +5 -5
  142. package/dist/collection/components/ic-alert/test/a11y/ic-alert.test.a11y.js.map +1 -1
  143. package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js +12 -12
  144. package/dist/collection/components/ic-alert/test/basic/ic-alert.e2e.js.map +1 -1
  145. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +44 -44
  146. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
  147. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +159 -159
  148. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  149. package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js +14 -14
  150. package/dist/collection/components/ic-back-to-top/test/a11y/ic-back-to-top.test.a11y.js.map +1 -1
  151. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js +43 -43
  152. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.e2e.js.map +1 -1
  153. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +102 -102
  154. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
  155. package/dist/collection/components/ic-badge/ic-badge.js +385 -385
  156. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  157. package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js +10 -10
  158. package/dist/collection/components/ic-badge/test/a11y/ic-badge.test.a11y.js.map +1 -1
  159. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +172 -172
  160. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
  161. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +9 -1
  162. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +186 -157
  163. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  164. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +43 -43
  165. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
  166. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +250 -220
  167. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  168. package/dist/collection/components/ic-breadcrumb-group/test/a11y/ic-breadcrumb-group.test.a11y.js +10 -10
  169. package/dist/collection/components/ic-breadcrumb-group/test/a11y/ic-breadcrumb-group.test.a11y.js.map +1 -1
  170. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.e2e.js +34 -34
  171. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.e2e.js.map +1 -1
  172. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +156 -118
  173. package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +1 -1
  174. package/dist/collection/components/ic-button/ic-button.css +14 -0
  175. package/dist/collection/components/ic-button/ic-button.js +798 -773
  176. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  177. package/dist/collection/components/ic-button/test/a11y/ic-button.test.a11y.js +5 -5
  178. package/dist/collection/components/ic-button/test/a11y/ic-button.test.a11y.js.map +1 -1
  179. package/dist/collection/components/ic-button/test/basic/ic-button.e2e.js +114 -114
  180. package/dist/collection/components/ic-button/test/basic/ic-button.e2e.js.map +1 -1
  181. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +249 -236
  182. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
  183. package/dist/collection/components/ic-card/ic-card.js +375 -375
  184. package/dist/collection/components/ic-card/ic-card.js.map +1 -1
  185. package/dist/collection/components/ic-card/test/a11y/ic-card.test.a11y.js +15 -15
  186. package/dist/collection/components/ic-card/test/a11y/ic-card.test.a11y.js.map +1 -1
  187. package/dist/collection/components/ic-card/test/basic/ic-card.e2e.js +19 -19
  188. package/dist/collection/components/ic-card/test/basic/ic-card.e2e.js.map +1 -1
  189. package/dist/collection/components/ic-card/test/basic/ic-card.spec.js +147 -147
  190. package/dist/collection/components/ic-card/test/basic/ic-card.spec.js.map +1 -1
  191. package/dist/collection/components/ic-checkbox/ic-checkbox.css +6 -6
  192. package/dist/collection/components/ic-checkbox/ic-checkbox.js +474 -474
  193. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  194. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +302 -302
  195. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  196. package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js +5 -5
  197. package/dist/collection/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.js.map +1 -1
  198. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js +124 -124
  199. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js.map +1 -1
  200. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +148 -148
  201. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  202. package/dist/collection/components/ic-chip/ic-chip.css +8 -0
  203. package/dist/collection/components/ic-chip/ic-chip.js +291 -271
  204. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  205. package/dist/collection/components/ic-chip/test/a11y/ic-chip.test.a11y.js +5 -5
  206. package/dist/collection/components/ic-chip/test/a11y/ic-chip.test.a11y.js.map +1 -1
  207. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +81 -81
  208. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
  209. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +132 -132
  210. package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
  211. package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js +5 -5
  212. package/dist/collection/components/ic-classification-banner/test/a11y/ic-classification-banner.test.a11y.js.map +1 -1
  213. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +55 -55
  214. package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +1 -1
  215. package/dist/collection/components/ic-data-entity/ic-data-entity.js +92 -92
  216. package/dist/collection/components/ic-data-entity/ic-data-entity.js.map +1 -1
  217. package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.js +5 -5
  218. package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.js.map +1 -1
  219. package/dist/collection/components/ic-data-entity/test/basic/ic-data-entity.spec.js +28 -28
  220. package/dist/collection/components/ic-data-entity/test/basic/ic-data-entity.spec.js.map +1 -1
  221. package/dist/collection/components/ic-data-row/ic-data-row.js +170 -170
  222. package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
  223. package/dist/collection/components/ic-data-row/test/a11y/ic-data-row.test.a11y.js +14 -14
  224. package/dist/collection/components/ic-data-row/test/a11y/ic-data-row.test.a11y.js.map +1 -1
  225. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +61 -61
  226. package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +1 -1
  227. package/dist/collection/components/ic-dialog/ic-dialog.js +765 -765
  228. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  229. package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js +5 -5
  230. package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js.map +1 -1
  231. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.e2e.js +155 -155
  232. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.e2e.js.map +1 -1
  233. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +573 -573
  234. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
  235. package/dist/collection/components/ic-divider/ic-divider.js +38 -38
  236. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  237. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +17 -17
  238. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
  239. package/dist/collection/components/ic-empty-state/ic-empty-state.js +151 -151
  240. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
  241. package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js +5 -5
  242. package/dist/collection/components/ic-empty-state/test/a11y/ic-empty-state.test.a11y.js.map +1 -1
  243. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +52 -52
  244. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -1
  245. package/dist/collection/components/ic-footer/ic-footer.js +242 -242
  246. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  247. package/dist/collection/components/ic-footer/test/a11y/ic-footer.test.a11y.js +15 -15
  248. package/dist/collection/components/ic-footer/test/a11y/ic-footer.test.a11y.js.map +1 -1
  249. package/dist/collection/components/ic-footer/test/basic/ic-footer.e2e.js +25 -25
  250. package/dist/collection/components/ic-footer/test/basic/ic-footer.e2e.js.map +1 -1
  251. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +108 -108
  252. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
  253. package/dist/collection/components/ic-footer-link/ic-footer-link.js +190 -190
  254. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  255. package/dist/collection/components/ic-footer-link/test/a11y/ic-footer-link.test.a11y.js +13 -13
  256. package/dist/collection/components/ic-footer-link/test/a11y/ic-footer-link.test.a11y.js.map +1 -1
  257. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +36 -36
  258. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
  259. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +107 -107
  260. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  261. package/dist/collection/components/ic-footer-link-group/test/a11y/ic-footer-link-group.test.a11y.js +13 -13
  262. package/dist/collection/components/ic-footer-link-group/test/a11y/ic-footer-link-group.test.a11y.js.map +1 -1
  263. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +52 -52
  264. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
  265. package/dist/collection/components/ic-hero/ic-hero.js +292 -292
  266. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  267. package/dist/collection/components/ic-hero/test/a11y/ic-hero.test.a11y.js +5 -5
  268. package/dist/collection/components/ic-hero/test/a11y/ic-hero.test.a11y.js.map +1 -1
  269. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +62 -62
  270. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
  271. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +241 -240
  272. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  273. package/dist/collection/components/ic-horizontal-scroll/test/a11y/ic-horizontal-scroll.test.a11y.js +17 -17
  274. package/dist/collection/components/ic-horizontal-scroll/test/a11y/ic-horizontal-scroll.test.a11y.js.map +1 -1
  275. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +145 -145
  276. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
  277. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +248 -248
  278. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  279. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +49 -49
  280. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  281. package/dist/collection/components/ic-input-container/ic-input-container.js +62 -62
  282. package/dist/collection/components/ic-input-container/ic-input-container.js.map +1 -1
  283. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +19 -19
  284. package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +1 -1
  285. package/dist/collection/components/ic-input-label/ic-input-label.js +211 -211
  286. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  287. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +37 -37
  288. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  289. package/dist/collection/components/ic-input-validation/ic-input-validation.js +139 -139
  290. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  291. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +31 -31
  292. package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +1 -1
  293. package/dist/collection/components/ic-link/ic-link.js +248 -248
  294. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  295. package/dist/collection/components/ic-link/test/a11y/ic-link.test.a11y.js +5 -5
  296. package/dist/collection/components/ic-link/test/a11y/ic-link.test.a11y.js.map +1 -1
  297. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +92 -92
  298. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
  299. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +416 -415
  300. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  301. package/dist/collection/components/ic-loading-indicator/test/a11y/ic-loading-indicator.test.a11y.js +5 -5
  302. package/dist/collection/components/ic-loading-indicator/test/a11y/ic-loading-indicator.test.a11y.js.map +1 -1
  303. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.e2e.js +25 -25
  304. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.e2e.js.map +1 -1
  305. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +114 -114
  306. package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +1 -1
  307. package/dist/collection/components/ic-menu/ic-menu.js +1268 -1269
  308. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  309. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +684 -684
  310. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  311. package/dist/collection/components/ic-menu-group/ic-menu-group.js +41 -41
  312. package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
  313. package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js +16 -16
  314. package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js.map +1 -1
  315. package/dist/collection/components/ic-menu-item/ic-menu-item.js +378 -378
  316. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  317. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +67 -67
  318. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
  319. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +262 -259
  320. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  321. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +41 -41
  322. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  323. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +380 -380
  324. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  325. package/dist/collection/components/ic-navigation-group/test/a11y/ic-navigation-group.test.a11y.js +14 -14
  326. package/dist/collection/components/ic-navigation-group/test/a11y/ic-navigation-group.test.a11y.js.map +1 -1
  327. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +242 -242
  328. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
  329. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +446 -446
  330. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  331. package/dist/collection/components/ic-navigation-item/test/a11y/ic-navigation-item.test.a11y.js +14 -14
  332. package/dist/collection/components/ic-navigation-item/test/a11y/ic-navigation-item.test.a11y.js.map +1 -1
  333. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +78 -78
  334. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
  335. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +187 -187
  336. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  337. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js +25 -25
  338. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js.map +1 -1
  339. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js +104 -104
  340. package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js.map +1 -1
  341. package/dist/collection/components/ic-page-header/ic-page-header.js +286 -286
  342. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  343. package/dist/collection/components/ic-page-header/test/a11y/ic-page-header.test.a11y.js +5 -5
  344. package/dist/collection/components/ic-page-header/test/a11y/ic-page-header.test.a11y.js.map +1 -1
  345. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.e2e.js +66 -66
  346. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.e2e.js.map +1 -1
  347. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +82 -82
  348. package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +1 -1
  349. package/dist/collection/components/ic-pagination/ic-pagination.js +487 -482
  350. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  351. package/dist/collection/components/ic-pagination/test/a11y/ic-pagination.test.a11y.js +5 -5
  352. package/dist/collection/components/ic-pagination/test/a11y/ic-pagination.test.a11y.js.map +1 -1
  353. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.e2e.js +103 -103
  354. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.e2e.js.map +1 -1
  355. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +303 -303
  356. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
  357. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +225 -225
  358. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  359. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +437 -437
  360. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  361. package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js +5 -5
  362. package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js.map +1 -1
  363. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js +27 -27
  364. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js.map +1 -1
  365. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +283 -283
  366. package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js.map +1 -1
  367. package/dist/collection/components/ic-radio-group/ic-radio-group.js +429 -429
  368. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  369. package/dist/collection/components/ic-radio-group/test/a11y/ic-radio-group.test.a11y.js +5 -5
  370. package/dist/collection/components/ic-radio-group/test/a11y/ic-radio-group.test.a11y.js.map +1 -1
  371. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +218 -218
  372. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +1 -1
  373. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +238 -238
  374. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
  375. package/dist/collection/components/ic-radio-option/ic-radio-option.css +5 -5
  376. package/dist/collection/components/ic-radio-option/ic-radio-option.js +479 -479
  377. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  378. package/dist/collection/components/ic-search-bar/ic-search-bar.js +1381 -1381
  379. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  380. package/dist/collection/components/ic-search-bar/test/a11y/ic-search-bar.test.a11y.js +5 -5
  381. package/dist/collection/components/ic-search-bar/test/a11y/ic-search-bar.test.a11y.js.map +1 -1
  382. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +992 -992
  383. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +1 -1
  384. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +568 -568
  385. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
  386. package/dist/collection/components/ic-section-container/ic-section-container.js +70 -70
  387. package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
  388. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +28 -28
  389. package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +1 -1
  390. package/dist/collection/components/ic-select/ic-select.js +1466 -1466
  391. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  392. package/dist/collection/components/ic-select/test/a11y/ic-select.test.a11y.js +5 -5
  393. package/dist/collection/components/ic-select/test/a11y/ic-select.test.a11y.js.map +1 -1
  394. package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js +1563 -1563
  395. package/dist/collection/components/ic-select/test/basic/ic-select.e2e.js.map +1 -1
  396. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +1299 -1299
  397. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  398. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +675 -654
  399. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  400. package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
  401. package/dist/collection/components/ic-side-navigation/test/a11y/ic-side-navigation.test.a11y.js +5 -5
  402. package/dist/collection/components/ic-side-navigation/test/a11y/ic-side-navigation.test.a11y.js.map +1 -1
  403. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js +463 -463
  404. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js.map +1 -1
  405. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +143 -143
  406. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
  407. package/dist/collection/components/ic-skeleton/ic-skeleton.js +127 -127
  408. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  409. package/dist/collection/components/ic-skeleton/test/a11y/ic-skeleton.test.a11y.js +5 -5
  410. package/dist/collection/components/ic-skeleton/test/a11y/ic-skeleton.test.a11y.js.map +1 -1
  411. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +38 -38
  412. package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +1 -1
  413. package/dist/collection/components/ic-status-tag/ic-status-tag.js +194 -194
  414. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  415. package/dist/collection/components/ic-status-tag/test/a11y/ic-status-tag.test.a11y.js +5 -5
  416. package/dist/collection/components/ic-status-tag/test/a11y/ic-status-tag.test.a11y.js.map +1 -1
  417. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +14 -14
  418. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
  419. package/dist/collection/components/ic-step/ic-step.css +6 -0
  420. package/dist/collection/components/ic-step/ic-step.js +385 -385
  421. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  422. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +87 -87
  423. package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +1 -1
  424. package/dist/collection/components/ic-stepper/ic-stepper.js +306 -306
  425. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  426. package/dist/collection/components/ic-stepper/test/a11y/ic-stepper.test.a11y.js +10 -10
  427. package/dist/collection/components/ic-stepper/test/a11y/ic-stepper.test.a11y.js.map +1 -1
  428. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +36 -36
  429. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +1 -1
  430. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +350 -350
  431. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
  432. package/dist/collection/components/ic-switch/ic-switch.js +355 -355
  433. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  434. package/dist/collection/components/ic-switch/test/a11y/ic-switch.test.a11y.js +5 -5
  435. package/dist/collection/components/ic-switch/test/a11y/ic-switch.test.a11y.js.map +1 -1
  436. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +88 -88
  437. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
  438. package/dist/collection/components/ic-tab/ic-tab.js +350 -350
  439. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  440. package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js +26 -26
  441. package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js.map +1 -1
  442. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +93 -93
  443. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
  444. package/dist/collection/components/ic-tab-context/ic-tab-context.js +442 -441
  445. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  446. package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js +5 -5
  447. package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js.map +1 -1
  448. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js +213 -213
  449. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js.map +1 -1
  450. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +250 -250
  451. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
  452. package/dist/collection/components/ic-tab-group/ic-tab-group.js +117 -117
  453. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  454. package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +444 -1
  455. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +191 -191
  456. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
  457. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +29 -29
  458. package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +1 -1
  459. package/dist/collection/components/ic-text-field/ic-text-field.js +1115 -1115
  460. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  461. package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js +5 -5
  462. package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js.map +1 -1
  463. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js +94 -94
  464. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js.map +1 -1
  465. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +194 -194
  466. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
  467. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +92 -92
  468. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
  469. package/dist/collection/components/ic-theme/ic-theme.js +99 -99
  470. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  471. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +65 -65
  472. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
  473. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +53 -53
  474. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
  475. package/dist/collection/components/ic-toast/ic-toast.js +368 -368
  476. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  477. package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js +10 -10
  478. package/dist/collection/components/ic-toast/test/a11y/ic-toast.test.a11y.js.map +1 -1
  479. package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js +66 -66
  480. package/dist/collection/components/ic-toast/test/basic/ic-toast.e2e.js.map +1 -1
  481. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +180 -180
  482. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
  483. package/dist/collection/components/ic-toast-region/ic-toast-region.js +115 -110
  484. package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
  485. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +58 -58
  486. package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +1 -1
  487. package/dist/collection/components/ic-tooltip/ic-tooltip.js +347 -329
  488. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  489. package/dist/collection/components/ic-tooltip/test/a11y/ic-tooltip.test.a11y.js +5 -5
  490. package/dist/collection/components/ic-tooltip/test/a11y/ic-tooltip.test.a11y.js.map +1 -1
  491. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +105 -105
  492. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +1 -1
  493. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +276 -276
  494. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +1 -1
  495. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +0 -4
  496. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +431 -418
  497. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  498. package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js +20 -20
  499. package/dist/collection/components/ic-top-navigation/test/a11y/ic-top-navigation.test.a11y.js.map +1 -1
  500. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.e2e.js +43 -43
  501. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.e2e.js.map +1 -1
  502. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js +191 -191
  503. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js.map +1 -1
  504. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +180 -180
  505. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
  506. package/dist/collection/components/ic-typography/ic-typography.js +270 -270
  507. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  508. package/dist/collection/components/ic-typography/test/a11y/ic-typography.test.a11y.js +5 -5
  509. package/dist/collection/components/ic-typography/test/a11y/ic-typography.test.a11y.js.map +1 -1
  510. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +25 -25
  511. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +1 -1
  512. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +276 -276
  513. package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +1 -1
  514. package/dist/collection/testspec.setup.js +32 -32
  515. package/dist/collection/testspec.setup.js.map +1 -1
  516. package/dist/collection/utils/constants.js +55 -55
  517. package/dist/collection/utils/constants.js.map +1 -1
  518. package/dist/collection/utils/helpers.js +235 -235
  519. package/dist/collection/utils/helpers.js.map +1 -1
  520. package/dist/collection/utils/testa11y.helpers.js +2 -2
  521. package/dist/collection/utils/testa11y.helpers.js.map +1 -1
  522. package/dist/collection/utils/types.js +6 -6
  523. package/dist/collection/utils/types.js.map +1 -1
  524. package/dist/components/helpers.js +290 -290
  525. package/dist/components/helpers.js.map +1 -1
  526. package/dist/components/ic-accordion-group.d.ts +2 -2
  527. package/dist/components/ic-accordion-group.js +112 -112
  528. package/dist/components/ic-accordion-group.js.map +1 -1
  529. package/dist/components/ic-accordion.d.ts +2 -2
  530. package/dist/components/ic-accordion.js +125 -125
  531. package/dist/components/ic-accordion.js.map +1 -1
  532. package/dist/components/ic-alert.d.ts +2 -2
  533. package/dist/components/ic-alert2.js +98 -98
  534. package/dist/components/ic-alert2.js.map +1 -1
  535. package/dist/components/ic-back-to-top.d.ts +2 -2
  536. package/dist/components/ic-back-to-top.js +143 -143
  537. package/dist/components/ic-back-to-top.js.map +1 -1
  538. package/dist/components/ic-badge.d.ts +2 -2
  539. package/dist/components/ic-badge.js +174 -174
  540. package/dist/components/ic-badge.js.map +1 -1
  541. package/dist/components/ic-breadcrumb-group.d.ts +2 -2
  542. package/dist/components/ic-breadcrumb-group.js +199 -192
  543. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  544. package/dist/components/ic-breadcrumb.d.ts +2 -2
  545. package/dist/components/ic-breadcrumb2.js +78 -75
  546. package/dist/components/ic-breadcrumb2.js.map +1 -1
  547. package/dist/components/ic-button.d.ts +2 -2
  548. package/dist/components/ic-button2.js +312 -304
  549. package/dist/components/ic-button2.js.map +1 -1
  550. package/dist/components/ic-card.d.ts +2 -2
  551. package/dist/components/ic-card.js +155 -155
  552. package/dist/components/ic-card.js.map +1 -1
  553. package/dist/components/ic-checkbox-group.d.ts +2 -2
  554. package/dist/components/ic-checkbox-group.js +97 -97
  555. package/dist/components/ic-checkbox-group.js.map +1 -1
  556. package/dist/components/ic-checkbox.d.ts +2 -2
  557. package/dist/components/ic-checkbox.js +131 -131
  558. package/dist/components/ic-checkbox.js.map +1 -1
  559. package/dist/components/ic-chip.d.ts +2 -2
  560. package/dist/components/ic-chip.js +99 -96
  561. package/dist/components/ic-chip.js.map +1 -1
  562. package/dist/components/ic-classification-banner.d.ts +2 -2
  563. package/dist/components/ic-classification-banner.js +47 -47
  564. package/dist/components/ic-classification-banner.js.map +1 -1
  565. package/dist/components/ic-data-entity.d.ts +2 -2
  566. package/dist/components/ic-data-entity.js +39 -39
  567. package/dist/components/ic-data-entity.js.map +1 -1
  568. package/dist/components/ic-data-row.d.ts +2 -2
  569. package/dist/components/ic-data-row.js +97 -97
  570. package/dist/components/ic-data-row.js.map +1 -1
  571. package/dist/components/ic-dialog.d.ts +2 -2
  572. package/dist/components/ic-dialog.js +399 -399
  573. package/dist/components/ic-dialog.js.map +1 -1
  574. package/dist/components/ic-divider.d.ts +2 -2
  575. package/dist/components/ic-divider2.js +28 -28
  576. package/dist/components/ic-divider2.js.map +1 -1
  577. package/dist/components/ic-empty-state.d.ts +2 -2
  578. package/dist/components/ic-empty-state.js +47 -47
  579. package/dist/components/ic-empty-state.js.map +1 -1
  580. package/dist/components/ic-footer-link-group.d.ts +2 -2
  581. package/dist/components/ic-footer-link-group.js +82 -82
  582. package/dist/components/ic-footer-link-group.js.map +1 -1
  583. package/dist/components/ic-footer-link.d.ts +2 -2
  584. package/dist/components/ic-footer-link.js +71 -71
  585. package/dist/components/ic-footer-link.js.map +1 -1
  586. package/dist/components/ic-footer.d.ts +2 -2
  587. package/dist/components/ic-footer.js +108 -108
  588. package/dist/components/ic-footer.js.map +1 -1
  589. package/dist/components/ic-hero.d.ts +2 -2
  590. package/dist/components/ic-hero.js +98 -98
  591. package/dist/components/ic-hero.js.map +1 -1
  592. package/dist/components/ic-horizontal-scroll.d.ts +2 -2
  593. package/dist/components/ic-horizontal-scroll2.js +189 -189
  594. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  595. package/dist/components/ic-input-component-container.d.ts +2 -2
  596. package/dist/components/ic-input-component-container2.js +61 -61
  597. package/dist/components/ic-input-component-container2.js.map +1 -1
  598. package/dist/components/ic-input-container.d.ts +2 -2
  599. package/dist/components/ic-input-container2.js +28 -28
  600. package/dist/components/ic-input-container2.js.map +1 -1
  601. package/dist/components/ic-input-label.d.ts +2 -2
  602. package/dist/components/ic-input-label2.js +62 -62
  603. package/dist/components/ic-input-label2.js.map +1 -1
  604. package/dist/components/ic-input-validation.d.ts +2 -2
  605. package/dist/components/ic-input-validation2.js +50 -50
  606. package/dist/components/ic-input-validation2.js.map +1 -1
  607. package/dist/components/ic-link.d.ts +2 -2
  608. package/dist/components/ic-link2.js +76 -76
  609. package/dist/components/ic-link2.js.map +1 -1
  610. package/dist/components/ic-loading-indicator.d.ts +2 -2
  611. package/dist/components/ic-loading-indicator2.js +211 -210
  612. package/dist/components/ic-loading-indicator2.js.map +1 -1
  613. package/dist/components/ic-menu-group.d.ts +2 -2
  614. package/dist/components/ic-menu-group.js +30 -30
  615. package/dist/components/ic-menu-group.js.map +1 -1
  616. package/dist/components/ic-menu-item.d.ts +2 -2
  617. package/dist/components/ic-menu-item2.js +144 -144
  618. package/dist/components/ic-menu-item2.js.map +1 -1
  619. package/dist/components/ic-menu.d.ts +2 -2
  620. package/dist/components/ic-menu2.js +691 -691
  621. package/dist/components/ic-menu2.js.map +1 -1
  622. package/dist/components/ic-navigation-button.d.ts +2 -2
  623. package/dist/components/ic-navigation-button.js +121 -118
  624. package/dist/components/ic-navigation-button.js.map +1 -1
  625. package/dist/components/ic-navigation-group.d.ts +2 -2
  626. package/dist/components/ic-navigation-group.js +310 -310
  627. package/dist/components/ic-navigation-group.js.map +1 -1
  628. package/dist/components/ic-navigation-item.d.ts +2 -2
  629. package/dist/components/ic-navigation-item.js +194 -194
  630. package/dist/components/ic-navigation-item.js.map +1 -1
  631. package/dist/components/ic-navigation-menu.d.ts +2 -2
  632. package/dist/components/ic-navigation-menu2.js +139 -139
  633. package/dist/components/ic-navigation-menu2.js.map +1 -1
  634. package/dist/components/ic-page-header.d.ts +2 -2
  635. package/dist/components/ic-page-header.js +147 -147
  636. package/dist/components/ic-page-header.js.map +1 -1
  637. package/dist/components/ic-pagination-item.d.ts +2 -2
  638. package/dist/components/ic-pagination-item2.js +67 -67
  639. package/dist/components/ic-pagination-item2.js.map +1 -1
  640. package/dist/components/ic-pagination.d.ts +2 -2
  641. package/dist/components/ic-pagination.js +253 -252
  642. package/dist/components/ic-pagination.js.map +1 -1
  643. package/dist/components/ic-popover-menu.d.ts +2 -2
  644. package/dist/components/ic-popover-menu.js +280 -280
  645. package/dist/components/ic-popover-menu.js.map +1 -1
  646. package/dist/components/ic-radio-group.d.ts +2 -2
  647. package/dist/components/ic-radio-group.js +200 -200
  648. package/dist/components/ic-radio-group.js.map +1 -1
  649. package/dist/components/ic-radio-option.d.ts +2 -2
  650. package/dist/components/ic-radio-option.js +163 -163
  651. package/dist/components/ic-radio-option.js.map +1 -1
  652. package/dist/components/ic-search-bar.d.ts +2 -2
  653. package/dist/components/ic-search-bar.js +580 -580
  654. package/dist/components/ic-search-bar.js.map +1 -1
  655. package/dist/components/ic-section-container.d.ts +2 -2
  656. package/dist/components/ic-section-container2.js +31 -31
  657. package/dist/components/ic-section-container2.js.map +1 -1
  658. package/dist/components/ic-select.d.ts +2 -2
  659. package/dist/components/ic-select.js +751 -751
  660. package/dist/components/ic-select.js.map +1 -1
  661. package/dist/components/ic-side-navigation.d.ts +2 -2
  662. package/dist/components/ic-side-navigation.js +479 -481
  663. package/dist/components/ic-side-navigation.js.map +1 -1
  664. package/dist/components/ic-skeleton.d.ts +2 -2
  665. package/dist/components/ic-skeleton.js +64 -64
  666. package/dist/components/ic-skeleton.js.map +1 -1
  667. package/dist/components/ic-status-tag.d.ts +2 -2
  668. package/dist/components/ic-status-tag.js +53 -53
  669. package/dist/components/ic-status-tag.js.map +1 -1
  670. package/dist/components/ic-step.d.ts +2 -2
  671. package/dist/components/ic-step.js +157 -157
  672. package/dist/components/ic-step.js.map +1 -1
  673. package/dist/components/ic-stepper.d.ts +2 -2
  674. package/dist/components/ic-stepper.js +223 -223
  675. package/dist/components/ic-stepper.js.map +1 -1
  676. package/dist/components/ic-switch.d.ts +2 -2
  677. package/dist/components/ic-switch.js +114 -114
  678. package/dist/components/ic-switch.js.map +1 -1
  679. package/dist/components/ic-tab-context.d.ts +2 -2
  680. package/dist/components/ic-tab-context.js +271 -271
  681. package/dist/components/ic-tab-context.js.map +1 -1
  682. package/dist/components/ic-tab-group.d.ts +2 -2
  683. package/dist/components/ic-tab-group.js +64 -64
  684. package/dist/components/ic-tab-group.js.map +1 -1
  685. package/dist/components/ic-tab-panel.d.ts +2 -2
  686. package/dist/components/ic-tab-panel.js +48 -48
  687. package/dist/components/ic-tab-panel.js.map +1 -1
  688. package/dist/components/ic-tab.d.ts +2 -2
  689. package/dist/components/ic-tab.js +112 -112
  690. package/dist/components/ic-tab.js.map +1 -1
  691. package/dist/components/ic-text-field.d.ts +2 -2
  692. package/dist/components/ic-text-field2.js +293 -293
  693. package/dist/components/ic-text-field2.js.map +1 -1
  694. package/dist/components/ic-theme.d.ts +2 -2
  695. package/dist/components/ic-theme.js +65 -65
  696. package/dist/components/ic-theme.js.map +1 -1
  697. package/dist/components/ic-toast-region.d.ts +2 -2
  698. package/dist/components/ic-toast-region.js +63 -62
  699. package/dist/components/ic-toast-region.js.map +1 -1
  700. package/dist/components/ic-toast.d.ts +2 -2
  701. package/dist/components/ic-toast.js +187 -187
  702. package/dist/components/ic-toast.js.map +1 -1
  703. package/dist/components/ic-tooltip.d.ts +2 -2
  704. package/dist/components/ic-tooltip2.js +213 -211
  705. package/dist/components/ic-tooltip2.js.map +1 -1
  706. package/dist/components/ic-top-navigation.d.ts +2 -2
  707. package/dist/components/ic-top-navigation.js +263 -264
  708. package/dist/components/ic-top-navigation.js.map +1 -1
  709. package/dist/components/ic-typography.d.ts +2 -2
  710. package/dist/components/ic-typography2.js +142 -142
  711. package/dist/components/ic-typography2.js.map +1 -1
  712. package/dist/components/types.js +6 -6
  713. package/dist/components/types.js.map +1 -1
  714. package/dist/core/core.css +1 -1
  715. package/dist/core/core.esm.js +1 -1
  716. package/dist/core/core.esm.js.map +1 -1
  717. package/dist/core/p-02159742.entry.js +2 -0
  718. package/dist/core/p-02159742.entry.js.map +1 -0
  719. package/dist/core/{p-7ce86152.entry.js → p-056f8a67.entry.js} +2 -2
  720. package/dist/core/{p-08b59078.entry.js → p-11736fbe.entry.js} +2 -2
  721. package/dist/core/{p-ba495175.entry.js → p-15466b42.entry.js} +2 -2
  722. package/dist/core/{p-ba495175.entry.js.map → p-15466b42.entry.js.map} +1 -1
  723. package/dist/core/{p-5ccbb042.entry.js → p-15624e08.entry.js} +2 -2
  724. package/dist/core/{p-5fcd202e.entry.js → p-15ef0674.entry.js} +2 -2
  725. package/dist/core/{p-88ea1e49.entry.js → p-180e36b1.entry.js} +2 -2
  726. package/dist/core/{p-43af3cf6.entry.js → p-22c024ee.entry.js} +2 -2
  727. package/dist/core/{p-613aa265.js → p-26b7b18f.js} +1 -1
  728. package/dist/core/{p-932fb4b7.entry.js → p-287ab47c.entry.js} +2 -2
  729. package/dist/core/{p-69948c3e.entry.js → p-2b24b4bf.entry.js} +2 -2
  730. package/dist/core/{p-9f6ffced.entry.js → p-31969be6.entry.js} +2 -2
  731. package/dist/core/{p-475b7bd2.entry.js → p-335fc5e4.entry.js} +2 -2
  732. package/dist/core/{p-c9ef9f5c.entry.js → p-366bcb17.entry.js} +2 -2
  733. package/dist/core/{p-ed256f1d.entry.js → p-3a0ef91e.entry.js} +2 -2
  734. package/dist/core/{p-ca6073be.entry.js → p-498eb7ad.entry.js} +2 -2
  735. package/dist/core/p-498eb7ad.entry.js.map +1 -0
  736. package/dist/core/{p-cb5f19ea.entry.js → p-51f9f329.entry.js} +2 -2
  737. package/dist/core/{p-f019219c.entry.js → p-529d8955.entry.js} +2 -2
  738. package/dist/core/p-52e063d3.js +3 -0
  739. package/dist/core/p-52e063d3.js.map +1 -0
  740. package/dist/core/{p-b879fa3e.entry.js → p-5c7e339f.entry.js} +2 -2
  741. package/dist/core/p-5f9d69ef.entry.js +2 -0
  742. package/dist/core/p-5f9d69ef.entry.js.map +1 -0
  743. package/dist/core/{p-2c30b583.entry.js → p-60c4604f.entry.js} +2 -2
  744. package/dist/core/{p-99fad66b.entry.js → p-6bc431b2.entry.js} +2 -2
  745. package/dist/core/{p-ccac1730.entry.js → p-6d3f9501.entry.js} +2 -2
  746. package/dist/core/{p-536b3c97.entry.js → p-6eb0421d.entry.js} +2 -2
  747. package/dist/core/{p-48525498.entry.js → p-765bdd98.entry.js} +2 -2
  748. package/dist/core/{p-3a814fc4.entry.js → p-7f887c1e.entry.js} +2 -2
  749. package/dist/core/{p-752f0f9a.entry.js → p-8a83f391.entry.js} +2 -2
  750. package/dist/core/p-8a83f391.entry.js.map +1 -0
  751. package/dist/core/{p-e3bffcae.entry.js → p-94e88827.entry.js} +2 -2
  752. package/dist/core/{p-8fb4f0c0.js → p-95a864bf.js} +2 -2
  753. package/dist/core/{p-c0c62df4.entry.js → p-9639e33f.entry.js} +2 -2
  754. package/dist/core/p-9639e33f.entry.js.map +1 -0
  755. package/dist/core/{p-eb4641a9.entry.js → p-96da1e85.entry.js} +2 -2
  756. package/dist/core/{p-69d15528.entry.js → p-988991d3.entry.js} +2 -2
  757. package/dist/core/{p-0c82048e.entry.js → p-9c30720d.entry.js} +2 -2
  758. package/dist/core/{p-a76912b0.entry.js → p-aa0a9870.entry.js} +2 -2
  759. package/dist/core/{p-76563540.entry.js → p-ad36a704.entry.js} +2 -2
  760. package/dist/core/{p-d80f99e0.entry.js → p-b0088956.entry.js} +2 -2
  761. package/dist/core/p-b39ecae2.entry.js +2 -0
  762. package/dist/core/p-b39ecae2.entry.js.map +1 -0
  763. package/dist/core/{p-2265e418.entry.js → p-b6a575c3.entry.js} +2 -2
  764. package/dist/core/{p-fbc8a739.entry.js → p-b9736cf4.entry.js} +2 -2
  765. package/dist/core/{p-025f9d2a.entry.js → p-b99f9e89.entry.js} +2 -2
  766. package/dist/core/{p-b0ce60a0.entry.js → p-c2452388.entry.js} +2 -2
  767. package/dist/core/{p-345fe84a.entry.js → p-c770e7a2.entry.js} +2 -2
  768. package/dist/core/p-ca178add.entry.js +2 -0
  769. package/dist/core/p-ca178add.entry.js.map +1 -0
  770. package/dist/core/{p-748159fe.entry.js → p-ca48e97a.entry.js} +2 -2
  771. package/dist/core/{p-5a3ca50a.entry.js → p-cd8de4c5.entry.js} +2 -2
  772. package/dist/core/{p-a4397df4.entry.js → p-cfc930f6.entry.js} +2 -2
  773. package/dist/core/{p-3a15202f.entry.js → p-d18450f9.entry.js} +2 -2
  774. package/dist/core/p-d18450f9.entry.js.map +1 -0
  775. package/dist/core/p-daebb58a.entry.js +2 -0
  776. package/dist/core/p-daebb58a.entry.js.map +1 -0
  777. package/dist/core/p-dbb5b008.entry.js +2 -0
  778. package/dist/core/p-dbb5b008.entry.js.map +1 -0
  779. package/dist/core/{p-4bc35224.entry.js → p-e278242f.entry.js} +2 -2
  780. package/dist/core/p-e278242f.entry.js.map +1 -0
  781. package/dist/core/{p-9ff57f09.entry.js → p-e5abfadd.entry.js} +2 -2
  782. package/dist/core/{p-41c6eaa1.entry.js → p-e9738c74.entry.js} +2 -2
  783. package/dist/core/p-ea17e371.entry.js +2 -0
  784. package/dist/core/p-ea17e371.entry.js.map +1 -0
  785. package/dist/core/{p-e2fd542e.entry.js → p-edd29edc.entry.js} +2 -2
  786. package/dist/core/p-edec0936.entry.js +2 -0
  787. package/dist/core/p-edec0936.entry.js.map +1 -0
  788. package/dist/core/{p-657513b5.entry.js → p-ee97e2a5.entry.js} +2 -2
  789. package/dist/core/{p-8b18346a.entry.js → p-f0809037.entry.js} +2 -2
  790. package/dist/core/{p-5bb6c79b.entry.js → p-f2e6b9ef.entry.js} +2 -2
  791. package/dist/core/{p-cf4bacee.entry.js → p-fdb4b48f.entry.js} +2 -2
  792. package/dist/esm/core.js +4 -4
  793. package/dist/esm/core.js.map +1 -1
  794. package/dist/esm/{helpers-24f6e762.js → helpers-c597f246.js} +292 -292
  795. package/dist/esm/helpers-c597f246.js.map +1 -0
  796. package/dist/esm/ic-accordion-group.entry.js +71 -71
  797. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  798. package/dist/esm/ic-accordion.entry.js +99 -99
  799. package/dist/esm/ic-accordion.entry.js.map +1 -1
  800. package/dist/esm/ic-alert.entry.js +58 -58
  801. package/dist/esm/ic-alert.entry.js.map +1 -1
  802. package/dist/esm/ic-back-to-top.entry.js +120 -120
  803. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  804. package/dist/esm/ic-badge.entry.js +146 -146
  805. package/dist/esm/ic-badge.entry.js.map +1 -1
  806. package/dist/esm/ic-breadcrumb-group.entry.js +172 -166
  807. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  808. package/dist/esm/ic-breadcrumb.entry.js +55 -53
  809. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  810. package/dist/esm/ic-button_3.entry.js +615 -606
  811. package/dist/esm/ic-button_3.entry.js.map +1 -1
  812. package/dist/esm/ic-card.entry.js +105 -105
  813. package/dist/esm/ic-card.entry.js.map +1 -1
  814. package/dist/esm/ic-checkbox-group.entry.js +60 -60
  815. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  816. package/dist/esm/ic-checkbox.entry.js +95 -95
  817. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  818. package/dist/esm/ic-chip.entry.js +67 -65
  819. package/dist/esm/ic-chip.entry.js.map +1 -1
  820. package/dist/esm/ic-classification-banner.entry.js +23 -23
  821. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  822. package/dist/esm/ic-data-entity.entry.js +17 -17
  823. package/dist/esm/ic-data-entity.entry.js.map +1 -1
  824. package/dist/esm/ic-data-row.entry.js +74 -74
  825. package/dist/esm/ic-data-row.entry.js.map +1 -1
  826. package/dist/esm/ic-dialog.entry.js +339 -339
  827. package/dist/esm/ic-dialog.entry.js.map +1 -1
  828. package/dist/esm/ic-divider.entry.js +16 -16
  829. package/dist/esm/ic-divider.entry.js.map +1 -1
  830. package/dist/esm/ic-empty-state.entry.js +24 -24
  831. package/dist/esm/ic-empty-state.entry.js.map +1 -1
  832. package/dist/esm/ic-footer-link-group.entry.js +55 -55
  833. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  834. package/dist/esm/ic-footer-link.entry.js +50 -50
  835. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  836. package/dist/esm/ic-footer.entry.js +78 -78
  837. package/dist/esm/ic-footer.entry.js.map +1 -1
  838. package/dist/esm/ic-hero.entry.js +62 -62
  839. package/dist/esm/ic-hero.entry.js.map +1 -1
  840. package/dist/esm/ic-horizontal-scroll.entry.js +151 -151
  841. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  842. package/dist/esm/ic-input-component-container_3.entry.js +678 -678
  843. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  844. package/dist/esm/ic-input-label_2.entry.js +63 -63
  845. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  846. package/dist/esm/ic-link.entry.js +55 -55
  847. package/dist/esm/ic-link.entry.js.map +1 -1
  848. package/dist/esm/ic-menu-group.entry.js +12 -12
  849. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  850. package/dist/esm/ic-menu-item.entry.js +100 -100
  851. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  852. package/dist/esm/ic-navigation-button.entry.js +79 -76
  853. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  854. package/dist/esm/ic-navigation-group.entry.js +283 -283
  855. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  856. package/dist/esm/ic-navigation-item.entry.js +152 -152
  857. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  858. package/dist/esm/ic-navigation-menu.entry.js +105 -105
  859. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  860. package/dist/esm/ic-page-header.entry.js +93 -93
  861. package/dist/esm/ic-page-header.entry.js.map +1 -1
  862. package/dist/esm/ic-pagination-item.entry.js +42 -42
  863. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  864. package/dist/esm/ic-pagination.entry.js +196 -195
  865. package/dist/esm/ic-pagination.entry.js.map +1 -1
  866. package/dist/esm/ic-popover-menu.entry.js +231 -231
  867. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  868. package/dist/esm/ic-radio-group.entry.js +156 -156
  869. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  870. package/dist/esm/ic-radio-option.entry.js +128 -128
  871. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  872. package/dist/esm/ic-search-bar.entry.js +474 -474
  873. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  874. package/dist/esm/ic-section-container.entry.js +15 -15
  875. package/dist/esm/ic-section-container.entry.js.map +1 -1
  876. package/dist/esm/ic-select.entry.js +639 -639
  877. package/dist/esm/ic-select.entry.js.map +1 -1
  878. package/dist/esm/ic-side-navigation.entry.js +424 -426
  879. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  880. package/dist/esm/ic-skeleton.entry.js +43 -43
  881. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  882. package/dist/esm/ic-status-tag.entry.js +29 -29
  883. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  884. package/dist/esm/ic-step.entry.js +121 -121
  885. package/dist/esm/ic-step.entry.js.map +1 -1
  886. package/dist/esm/ic-stepper.entry.js +200 -200
  887. package/dist/esm/ic-stepper.entry.js.map +1 -1
  888. package/dist/esm/ic-switch.entry.js +77 -77
  889. package/dist/esm/ic-switch.entry.js.map +1 -1
  890. package/dist/esm/ic-tab-context.entry.js +252 -252
  891. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  892. package/dist/esm/ic-tab-group.entry.js +23 -23
  893. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  894. package/dist/esm/ic-tab-panel.entry.js +31 -31
  895. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  896. package/dist/esm/ic-tab.entry.js +86 -86
  897. package/dist/esm/ic-tab.entry.js.map +1 -1
  898. package/dist/esm/ic-text-field.entry.js +210 -210
  899. package/dist/esm/ic-text-field.entry.js.map +1 -1
  900. package/dist/esm/ic-theme.entry.js +51 -51
  901. package/dist/esm/ic-theme.entry.js.map +1 -1
  902. package/dist/esm/ic-toast-region.entry.js +47 -46
  903. package/dist/esm/ic-toast-region.entry.js.map +1 -1
  904. package/dist/esm/ic-toast.entry.js +145 -145
  905. package/dist/esm/ic-toast.entry.js.map +1 -1
  906. package/dist/esm/ic-top-navigation.entry.js +198 -199
  907. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  908. package/dist/esm/ic-typography.entry.js +118 -118
  909. package/dist/esm/ic-typography.entry.js.map +1 -1
  910. package/dist/{cjs/index-4f8c900f.js → esm/index-05003e1c.js} +603 -407
  911. package/dist/esm/index-05003e1c.js.map +1 -0
  912. package/dist/esm/loader.js +3 -3
  913. package/dist/esm/types-6f6b41a5.js +16 -0
  914. package/dist/esm/{types-b2398b37.js.map → types-6f6b41a5.js.map} +1 -1
  915. package/dist/node.d.ts +12 -0
  916. package/dist/types/components/ic-accordion/ic-accordion.d.ts +48 -48
  917. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +30 -30
  918. package/dist/types/components/ic-alert/ic-alert.d.ts +40 -40
  919. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +23 -23
  920. package/dist/types/components/ic-badge/ic-badge.d.ts +57 -57
  921. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +30 -25
  922. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +43 -38
  923. package/dist/types/components/ic-button/ic-button.d.ts +142 -137
  924. package/dist/types/components/ic-card/ic-card.d.ts +68 -68
  925. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +91 -91
  926. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +50 -50
  927. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.types.d.ts +6 -6
  928. package/dist/types/components/ic-chip/ic-chip.d.ts +50 -46
  929. package/dist/types/components/ic-classification-banner/ic-classification-banner.d.ts +21 -21
  930. package/dist/types/components/ic-data-entity/ic-data-entity.d.ts +14 -14
  931. package/dist/types/components/ic-data-row/ic-data-row.d.ts +34 -34
  932. package/dist/types/components/ic-dialog/ic-dialog.d.ts +139 -139
  933. package/dist/types/components/ic-divider/ic-divider.d.ts +3 -3
  934. package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +27 -27
  935. package/dist/types/components/ic-footer/ic-footer.d.ts +41 -41
  936. package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +35 -35
  937. package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +17 -17
  938. package/dist/types/components/ic-hero/ic-hero.d.ts +51 -51
  939. package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +41 -41
  940. package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +42 -42
  941. package/dist/types/components/ic-input-container/ic-input-container.d.ts +9 -9
  942. package/dist/types/components/ic-input-label/ic-input-label.d.ts +38 -38
  943. package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +23 -23
  944. package/dist/types/components/ic-link/ic-link.d.ts +44 -44
  945. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +76 -76
  946. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +3 -3
  947. package/dist/types/components/ic-menu/ic-menu.d.ts +183 -183
  948. package/dist/types/components/ic-menu/ic-menu.types.d.ts +6 -6
  949. package/dist/types/components/ic-menu-group/ic-menu-group.d.ts +6 -6
  950. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +66 -66
  951. package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +47 -47
  952. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +62 -62
  953. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +80 -80
  954. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +29 -29
  955. package/dist/types/components/ic-page-header/ic-page-header.d.ts +48 -48
  956. package/dist/types/components/ic-pagination/ic-pagination.d.ts +78 -77
  957. package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +1 -1
  958. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +42 -42
  959. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +60 -60
  960. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +67 -67
  961. package/dist/types/components/ic-radio-group/ic-radio-group.types.d.ts +5 -5
  962. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +89 -89
  963. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +248 -248
  964. package/dist/types/components/ic-search-bar/ic-search-bar.types.d.ts +1 -1
  965. package/dist/types/components/ic-section-container/ic-section-container.d.ts +9 -9
  966. package/dist/types/components/ic-select/ic-select.d.ts +269 -269
  967. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +103 -97
  968. package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +10 -6
  969. package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +19 -19
  970. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +31 -31
  971. package/dist/types/components/ic-step/ic-step.d.ts +51 -51
  972. package/dist/types/components/ic-stepper/ic-stepper.d.ts +40 -40
  973. package/dist/types/components/ic-switch/ic-switch.d.ts +73 -73
  974. package/dist/types/components/ic-switch/ic-switch.types.d.ts +2 -2
  975. package/dist/types/components/ic-tab/ic-tab.d.ts +51 -51
  976. package/dist/types/components/ic-tab/ic-tab.types.d.ts +4 -4
  977. package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +59 -59
  978. package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +19 -19
  979. package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +33 -33
  980. package/dist/types/components/ic-text-field/ic-text-field.d.ts +214 -214
  981. package/dist/types/components/ic-theme/ic-theme.d.ts +14 -14
  982. package/dist/types/components/ic-toast/ic-toast.d.ts +58 -58
  983. package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +16 -15
  984. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +54 -50
  985. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +77 -72
  986. package/dist/types/components/ic-typography/ic-typography.d.ts +54 -54
  987. package/dist/types/components.d.ts +397 -3
  988. package/dist/types/stencil-public-runtime.d.ts +29 -0
  989. package/dist/types/testspec.setup.d.ts +7 -7
  990. package/dist/types/utils/constants.d.ts +26 -26
  991. package/dist/types/utils/helpers.d.ts +7 -7
  992. package/dist/types/utils/types.d.ts +31 -31
  993. package/hydrate/index.d.ts +2 -2
  994. package/hydrate/index.js +15870 -14095
  995. package/package.json +5 -4
  996. package/vscode-data.json +3939 -0
  997. package/dist/cjs/helpers-0d63359f.js.map +0 -1
  998. package/dist/cjs/index-4f8c900f.js.map +0 -1
  999. package/dist/cjs/types-7d67439f.js +0 -16
  1000. package/dist/core/p-03329fd0.entry.js +0 -2
  1001. package/dist/core/p-03329fd0.entry.js.map +0 -1
  1002. package/dist/core/p-24da56e7.entry.js +0 -2
  1003. package/dist/core/p-24da56e7.entry.js.map +0 -1
  1004. package/dist/core/p-39c8111d.entry.js +0 -2
  1005. package/dist/core/p-39c8111d.entry.js.map +0 -1
  1006. package/dist/core/p-3a15202f.entry.js.map +0 -1
  1007. package/dist/core/p-4bc35224.entry.js.map +0 -1
  1008. package/dist/core/p-59bdafff.entry.js +0 -2
  1009. package/dist/core/p-59bdafff.entry.js.map +0 -1
  1010. package/dist/core/p-6c376756.entry.js +0 -2
  1011. package/dist/core/p-6c376756.entry.js.map +0 -1
  1012. package/dist/core/p-717907de.entry.js +0 -2
  1013. package/dist/core/p-717907de.entry.js.map +0 -1
  1014. package/dist/core/p-752f0f9a.entry.js.map +0 -1
  1015. package/dist/core/p-9d124fc7.js +0 -3
  1016. package/dist/core/p-9d124fc7.js.map +0 -1
  1017. package/dist/core/p-c0719bf4.entry.js +0 -2
  1018. package/dist/core/p-c0719bf4.entry.js.map +0 -1
  1019. package/dist/core/p-c0c62df4.entry.js.map +0 -1
  1020. package/dist/core/p-ca6073be.entry.js.map +0 -1
  1021. package/dist/core/p-e9ddb8cd.entry.js +0 -2
  1022. package/dist/core/p-e9ddb8cd.entry.js.map +0 -1
  1023. package/dist/esm/helpers-24f6e762.js.map +0 -1
  1024. package/dist/esm/index-813020f1.js.map +0 -1
  1025. package/dist/esm/types-b2398b37.js +0 -16
  1026. /package/dist/core/{p-7ce86152.entry.js.map → p-056f8a67.entry.js.map} +0 -0
  1027. /package/dist/core/{p-08b59078.entry.js.map → p-11736fbe.entry.js.map} +0 -0
  1028. /package/dist/core/{p-5ccbb042.entry.js.map → p-15624e08.entry.js.map} +0 -0
  1029. /package/dist/core/{p-5fcd202e.entry.js.map → p-15ef0674.entry.js.map} +0 -0
  1030. /package/dist/core/{p-88ea1e49.entry.js.map → p-180e36b1.entry.js.map} +0 -0
  1031. /package/dist/core/{p-43af3cf6.entry.js.map → p-22c024ee.entry.js.map} +0 -0
  1032. /package/dist/core/{p-613aa265.js.map → p-26b7b18f.js.map} +0 -0
  1033. /package/dist/core/{p-932fb4b7.entry.js.map → p-287ab47c.entry.js.map} +0 -0
  1034. /package/dist/core/{p-69948c3e.entry.js.map → p-2b24b4bf.entry.js.map} +0 -0
  1035. /package/dist/core/{p-9f6ffced.entry.js.map → p-31969be6.entry.js.map} +0 -0
  1036. /package/dist/core/{p-475b7bd2.entry.js.map → p-335fc5e4.entry.js.map} +0 -0
  1037. /package/dist/core/{p-c9ef9f5c.entry.js.map → p-366bcb17.entry.js.map} +0 -0
  1038. /package/dist/core/{p-ed256f1d.entry.js.map → p-3a0ef91e.entry.js.map} +0 -0
  1039. /package/dist/core/{p-cb5f19ea.entry.js.map → p-51f9f329.entry.js.map} +0 -0
  1040. /package/dist/core/{p-f019219c.entry.js.map → p-529d8955.entry.js.map} +0 -0
  1041. /package/dist/core/{p-b879fa3e.entry.js.map → p-5c7e339f.entry.js.map} +0 -0
  1042. /package/dist/core/{p-2c30b583.entry.js.map → p-60c4604f.entry.js.map} +0 -0
  1043. /package/dist/core/{p-99fad66b.entry.js.map → p-6bc431b2.entry.js.map} +0 -0
  1044. /package/dist/core/{p-ccac1730.entry.js.map → p-6d3f9501.entry.js.map} +0 -0
  1045. /package/dist/core/{p-536b3c97.entry.js.map → p-6eb0421d.entry.js.map} +0 -0
  1046. /package/dist/core/{p-48525498.entry.js.map → p-765bdd98.entry.js.map} +0 -0
  1047. /package/dist/core/{p-3a814fc4.entry.js.map → p-7f887c1e.entry.js.map} +0 -0
  1048. /package/dist/core/{p-e3bffcae.entry.js.map → p-94e88827.entry.js.map} +0 -0
  1049. /package/dist/core/{p-8fb4f0c0.js.map → p-95a864bf.js.map} +0 -0
  1050. /package/dist/core/{p-eb4641a9.entry.js.map → p-96da1e85.entry.js.map} +0 -0
  1051. /package/dist/core/{p-69d15528.entry.js.map → p-988991d3.entry.js.map} +0 -0
  1052. /package/dist/core/{p-0c82048e.entry.js.map → p-9c30720d.entry.js.map} +0 -0
  1053. /package/dist/core/{p-a76912b0.entry.js.map → p-aa0a9870.entry.js.map} +0 -0
  1054. /package/dist/core/{p-76563540.entry.js.map → p-ad36a704.entry.js.map} +0 -0
  1055. /package/dist/core/{p-d80f99e0.entry.js.map → p-b0088956.entry.js.map} +0 -0
  1056. /package/dist/core/{p-2265e418.entry.js.map → p-b6a575c3.entry.js.map} +0 -0
  1057. /package/dist/core/{p-fbc8a739.entry.js.map → p-b9736cf4.entry.js.map} +0 -0
  1058. /package/dist/core/{p-025f9d2a.entry.js.map → p-b99f9e89.entry.js.map} +0 -0
  1059. /package/dist/core/{p-b0ce60a0.entry.js.map → p-c2452388.entry.js.map} +0 -0
  1060. /package/dist/core/{p-345fe84a.entry.js.map → p-c770e7a2.entry.js.map} +0 -0
  1061. /package/dist/core/{p-748159fe.entry.js.map → p-ca48e97a.entry.js.map} +0 -0
  1062. /package/dist/core/{p-5a3ca50a.entry.js.map → p-cd8de4c5.entry.js.map} +0 -0
  1063. /package/dist/core/{p-a4397df4.entry.js.map → p-cfc930f6.entry.js.map} +0 -0
  1064. /package/dist/core/{p-9ff57f09.entry.js.map → p-e5abfadd.entry.js.map} +0 -0
  1065. /package/dist/core/{p-41c6eaa1.entry.js.map → p-e9738c74.entry.js.map} +0 -0
  1066. /package/dist/core/{p-e2fd542e.entry.js.map → p-edd29edc.entry.js.map} +0 -0
  1067. /package/dist/core/{p-657513b5.entry.js.map → p-ee97e2a5.entry.js.map} +0 -0
  1068. /package/dist/core/{p-8b18346a.entry.js.map → p-f0809037.entry.js.map} +0 -0
  1069. /package/dist/core/{p-5bb6c79b.entry.js.map → p-f2e6b9ef.entry.js.map} +0 -0
  1070. /package/dist/core/{p-cf4bacee.entry.js.map → p-fdb4b48f.entry.js.map} +0 -0
@@ -6,1413 +6,1413 @@ import searchIcon from "../../assets/search-icon.svg";
6
6
  let inputIds = 0;
7
7
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
8
8
  export class SearchBar {
9
- constructor() {
10
- this.assistiveHintEl = null;
11
- this.hasTimedOut = false;
12
- this.inputId = `ic-search-bar-input-${inputIds++}`;
13
- this.menuCloseFromMenuChangeEvent = false;
14
- this.menuId = `${this.inputId}-menu`;
15
- this.preLoad = true;
16
- this.preventSubmit = false;
17
- this.prevNoOption = false;
18
- this.retryButtonClick = false;
19
- this.truncateValue = false;
20
- this.handleClear = (ev) => {
21
- const keyboardEvent = ev;
22
- const mouseEvent = ev;
23
- if (mouseEvent.type === "click" ||
24
- keyboardEvent.code === "Enter" ||
25
- keyboardEvent.code === "Space") {
26
- this.value = "";
27
- this.inputEl.value = "";
28
- this.loading = false;
29
- clearTimeout(this.timeoutTimer);
30
- this.filteredOptions = this.options;
31
- this.el.setFocus();
32
- this.icClear.emit();
33
- ev.preventDefault();
34
- this.preventSubmit = true;
35
- }
36
- };
37
- this.onInput = (ev) => {
38
- this.value = ev.target.value;
39
- const noOptions = [
40
- { [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
41
- ];
42
- if (this.options.length > 0) {
43
- this.setMenuChange(true);
44
- this.preLoad = false;
45
- if (this.disableFilter === false) {
46
- const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
47
- this.filteredOptions =
48
- rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
49
- }
50
- }
51
- if (!this.showClearButton) {
52
- this.handleShowClearButton(true);
53
- }
54
- this.debounceAriaLiveUpdate();
55
- };
56
- this.onInputBlur = (ev) => {
57
- const value = ev.target.value;
58
- const nextFocus = ev.relatedTarget;
59
- this.icInputBlur.emit({ value: value, relatedTarget: nextFocus });
60
- };
61
- this.onInputFocus = (ev) => {
62
- const value = ev.target.value;
63
- this.icInputFocus.emit({ value: value });
64
- this.handleShowClearButton(true);
65
- };
66
- this.handleClearBlur = (ev) => {
67
- const nextFocus = ev.relatedTarget;
68
- this.icClearBlur.emit({ relatedTarget: nextFocus });
69
- this.clearButtonFocused = false;
70
- };
71
- this.handleSubmitSearchBlur = (ev) => {
72
- const nextFocus = ev.relatedTarget;
73
- this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });
74
- this.searchSubmitFocused = false;
75
- };
76
- this.handleMouseDown = (ev) => {
77
- ev.preventDefault();
78
- };
79
- this.handleSubmitSearchFocus = () => {
80
- this.searchSubmitFocused = true;
81
- };
82
- this.handleSubmitSearch = () => {
83
- this.highlightedValue && (this.value = this.highlightedValue);
84
- this.highlightedValue = undefined;
85
- this.icSubmitSearch.emit({ value: this.value });
86
- const form = this.el.closest("FORM");
87
- if (this.searchSubmitButton && !!form && !this.preventSubmit) {
88
- handleHiddenFormButtonClick(form, this.searchSubmitButton);
89
- }
90
- };
91
- this.handleSubmitSearchKeyDown = (ev) => {
92
- if (ev.key === " ") {
93
- ev.preventDefault();
94
- this.handleSubmitSearch();
95
- }
96
- };
97
- this.handleRetry = (ev) => {
98
- this.retryViaKeyPress = ev.detail.keyPressed === "Enter";
99
- this.icRetryLoad.emit({ value: ev.detail.value });
100
- this.triggerLoading();
101
- this.retryButtonClick = true;
102
- };
103
- this.triggerLoading = () => {
104
- const loadingOption = [
105
- {
106
- [this.labelField]: this.loadingLabel,
107
- [this.valueField]: "",
108
- loading: true,
109
- },
110
- ];
111
- if (this.filteredOptions !== loadingOption)
112
- this.filteredOptions = loadingOption;
113
- if (this.timeout) {
114
- this.timeoutTimer = window.setTimeout(() => {
115
- this.filteredOptions = [
116
- {
117
- [this.labelField]: this.loadingErrorLabel,
118
- [this.valueField]: "",
119
- timedOut: true,
120
- },
121
- ];
122
- }, this.timeout);
123
- }
124
- };
125
- this.handleOptionSelect = (ev) => {
126
- if (ev.detail.label === this.emptyOptionListText) {
127
- this.el.setFocus();
128
- return;
129
- }
130
- this.value = ev.detail.value;
131
- this.icOptionSelect.emit({ value: this.value });
132
- };
133
- this.handleMenuOptionHighlight = (ev) => {
134
- var _a;
135
- const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, "");
136
- optionValue && (this.highlightedValue = optionValue);
137
- if (ev.detail.optionId) {
138
- this.ariaActiveDescendant = ev.detail.optionId;
139
- }
140
- else {
141
- this.ariaActiveDescendant = undefined;
142
- }
143
- };
144
- this.handleMenuChange = (ev) => {
145
- this.setMenuChange(ev.detail.open);
146
- if (!ev.detail.open) {
147
- this.handleMenuCloseFromMenuChange(true);
148
- if (ev.detail.focusInput === undefined || ev.detail.focusInput) {
149
- this.el.setFocus();
150
- }
151
- }
152
- };
153
- this.setMenuChange = (open) => {
154
- if (this.open !== open) {
155
- this.open = open;
156
- this.icMenuChange.emit({ open });
157
- }
158
- };
159
- this.handleHostFocus = () => {
160
- if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {
161
- this.setMenuChange(true);
162
- }
163
- this.handleTruncateValue(false);
164
- this.icSearchBarFocus.emit();
165
- };
166
- this.handleHostBlur = (ev) => {
167
- const nextFocus = ev.relatedTarget;
168
- if (this.open &&
169
- this.options &&
170
- nextFocus !== this.menu &&
171
- !this.retryViaKeyPress &&
172
- !this.retryButtonClick) {
173
- this.setMenuChange(false);
174
- }
175
- if (this.retryButtonClick || this.retryViaKeyPress) {
176
- this.inputEl.setFocus();
177
- }
178
- this.handleShowClearButton(false);
179
- this.handleMenuCloseFromMenuChange(false);
180
- this.handleTruncateValue(true);
181
- this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
182
- this.retryViaKeyPress = false;
183
- this.retryButtonClick = false;
184
- };
185
- this.handleShowClearButton = (visible) => {
186
- this.showClearButton = visible;
187
- };
188
- this.handleFocusClearButton = () => {
189
- this.clearButtonFocused = true;
190
- };
191
- this.handleMenuCloseFromMenuChange = (fromEvent) => {
192
- this.menuCloseFromMenuChangeEvent = fromEvent;
193
- };
194
- this.handleTruncateValue = (truncate) => {
195
- this.truncateValue = truncate;
196
- };
197
- this.renderAssistiveHintEl = () => {
198
- var _a, _b;
199
- const input = (_b = (_a = this.el.shadowRoot
200
- .querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`#${this.inputId}`);
201
- if (input &&
202
- Object.keys(input).length > 0 &&
203
- this.hasOptionsOrFilterDisabled()) {
204
- this.assistiveHintEl = document.createElement("span");
205
- this.assistiveHintEl.innerText = this.hintText;
206
- this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;
207
- this.assistiveHintEl.style.display = "none";
208
- if (input.after !== undefined) {
209
- input.after(this.assistiveHintEl);
210
- }
211
- }
212
- };
213
- this.updateSearchResultAriaLive = () => {
214
- const searchResultsStatusEl = this.el.shadowRoot.querySelector(".search-results-status");
215
- if (searchResultsStatusEl) {
216
- if (!this.open ||
217
- this.value === "" ||
218
- this.value.length < this.charactersUntilSuggestion) {
219
- searchResultsStatusEl.innerText = "";
220
- }
221
- else if (this.hasOptionsOrFilterDisabled() &&
222
- this.filteredOptions.length > 0 &&
223
- this.open &&
224
- !this.filteredOptions[0].loading) {
225
- if (this.hadNoOptions()) {
226
- searchResultsStatusEl.innerText = this.emptyOptionListText;
227
- }
228
- else {
229
- searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
230
- }
231
- }
232
- }
233
- };
234
- this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableFilter;
235
- this.hadNoOptions = () => this.filteredOptions.length === 1 &&
236
- this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&
237
- this.searchMode === "navigation";
238
- this.isSubmitDisabled = () => {
239
- const valueNotSet = this.value === undefined || this.value === null || this.value === "";
240
- const valueLengthLess = this.value.length < this.charactersUntilSuggestion;
241
- return (valueNotSet ||
242
- valueLengthLess ||
243
- this.disabled ||
244
- this.hadNoOptions() ||
245
- this.hasTimedOut ||
246
- this.loading);
247
- };
248
- this.highlightFirstOptionAfterNoResults = () => {
249
- if (this.prevNoOption && this.menu && !this.hasTimedOut) {
250
- this.menu.handleSetFirstOption();
9
+ constructor() {
10
+ this.assistiveHintEl = null;
11
+ this.hasTimedOut = false;
12
+ this.inputId = `ic-search-bar-input-${inputIds++}`;
13
+ this.menuCloseFromMenuChangeEvent = false;
14
+ this.menuId = `${this.inputId}-menu`;
15
+ this.preLoad = true;
16
+ this.preventSubmit = false;
251
17
  this.prevNoOption = false;
252
- }
253
- const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
254
- filteredOption[this.labelField] === this.loadingErrorLabel ||
255
- filteredOption[this.labelField] === this.loadingLabel);
256
- if (prevNoOptionsList) {
257
- this.prevNoOption = true;
258
- }
259
- };
260
- this.ariaActiveDescendant = undefined;
261
- this.clearButtonFocused = false;
262
- this.highlightedValue = undefined;
263
- this.open = false;
264
- this.searchSubmitFocused = false;
265
- this.showClearButton = false;
266
- this.autocapitalize = "off";
267
- this.autocomplete = "off";
268
- this.autocorrect = "off";
269
- this.autofocus = false;
270
- this.charactersUntilSuggestion = 2;
271
- this.disabled = false;
272
- this.disableFilter = false;
273
- this.debounce = 0;
274
- this.emptyOptionListText = "No results found";
275
- this.focusOnLoad = false;
276
- this.fullWidth = false;
277
- this.helperText = "";
278
- this.hideLabel = false;
279
- this.hintText = "When autocomplete results are available use the up and down arrows to choose and press enter to select";
280
- this.label = undefined;
281
- this.labelField = "label";
282
- this.loading = false;
283
- this.loadingErrorLabel = "Loading Error";
284
- this.loadingLabel = "Loading...";
285
- this.name = this.inputId;
286
- this.placeholder = "Search";
287
- this.readonly = false;
288
- this.required = false;
289
- this.searchMode = "navigation";
290
- this.size = "default";
291
- this.small = false;
292
- this.spellcheck = false;
293
- this.timeout = undefined;
294
- this.valueField = "value";
295
- this.filteredOptions = [];
296
- this.options = [];
297
- this.value = "";
298
- }
299
- loadingHandler(newValue) {
300
- if (newValue && !this.hasTimedOut) {
301
- this.preLoad = false;
302
- this.triggerLoading();
18
+ this.retryButtonClick = false;
19
+ this.truncateValue = false;
20
+ this.handleClear = (ev) => {
21
+ const keyboardEvent = ev;
22
+ const mouseEvent = ev;
23
+ if (mouseEvent.type === "click" ||
24
+ keyboardEvent.code === "Enter" ||
25
+ keyboardEvent.code === "Space") {
26
+ this.value = "";
27
+ this.inputEl.value = "";
28
+ this.loading = false;
29
+ clearTimeout(this.timeoutTimer);
30
+ this.filteredOptions = this.options;
31
+ this.el.setFocus();
32
+ this.icClear.emit();
33
+ ev.preventDefault();
34
+ this.preventSubmit = true;
35
+ }
36
+ };
37
+ this.onInput = (ev) => {
38
+ this.value = ev.target.value;
39
+ const noOptions = [
40
+ { [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
41
+ ];
42
+ if (this.options.length > 0) {
43
+ this.setMenuChange(true);
44
+ this.preLoad = false;
45
+ if (this.disableFilter === false) {
46
+ const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
47
+ this.filteredOptions =
48
+ rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
49
+ }
50
+ }
51
+ if (!this.showClearButton) {
52
+ this.handleShowClearButton(true);
53
+ }
54
+ this.debounceAriaLiveUpdate();
55
+ };
56
+ this.onInputBlur = (ev) => {
57
+ const value = ev.target.value;
58
+ const nextFocus = ev.relatedTarget;
59
+ this.icInputBlur.emit({ value: value, relatedTarget: nextFocus });
60
+ };
61
+ this.onInputFocus = (ev) => {
62
+ const value = ev.target.value;
63
+ this.icInputFocus.emit({ value: value });
64
+ this.handleShowClearButton(true);
65
+ };
66
+ this.handleClearBlur = (ev) => {
67
+ const nextFocus = ev.relatedTarget;
68
+ this.icClearBlur.emit({ relatedTarget: nextFocus });
69
+ this.clearButtonFocused = false;
70
+ };
71
+ this.handleSubmitSearchBlur = (ev) => {
72
+ const nextFocus = ev.relatedTarget;
73
+ this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });
74
+ this.searchSubmitFocused = false;
75
+ };
76
+ this.handleMouseDown = (ev) => {
77
+ ev.preventDefault();
78
+ };
79
+ this.handleSubmitSearchFocus = () => {
80
+ this.searchSubmitFocused = true;
81
+ };
82
+ this.handleSubmitSearch = () => {
83
+ this.highlightedValue && (this.value = this.highlightedValue);
84
+ this.highlightedValue = undefined;
85
+ this.icSubmitSearch.emit({ value: this.value });
86
+ const form = this.el.closest("FORM");
87
+ if (this.searchSubmitButton && !!form && !this.preventSubmit) {
88
+ handleHiddenFormButtonClick(form, this.searchSubmitButton);
89
+ }
90
+ };
91
+ this.handleSubmitSearchKeyDown = (ev) => {
92
+ if (ev.key === " ") {
93
+ ev.preventDefault();
94
+ this.handleSubmitSearch();
95
+ }
96
+ };
97
+ this.handleRetry = (ev) => {
98
+ this.retryViaKeyPress = ev.detail.keyPressed === "Enter";
99
+ this.icRetryLoad.emit({ value: ev.detail.value });
100
+ this.triggerLoading();
101
+ this.retryButtonClick = true;
102
+ };
103
+ this.triggerLoading = () => {
104
+ const loadingOption = [
105
+ {
106
+ [this.labelField]: this.loadingLabel,
107
+ [this.valueField]: "",
108
+ loading: true,
109
+ },
110
+ ];
111
+ if (this.filteredOptions !== loadingOption)
112
+ this.filteredOptions = loadingOption;
113
+ if (this.timeout) {
114
+ this.timeoutTimer = window.setTimeout(() => {
115
+ this.filteredOptions = [
116
+ {
117
+ [this.labelField]: this.loadingErrorLabel,
118
+ [this.valueField]: "",
119
+ timedOut: true,
120
+ },
121
+ ];
122
+ }, this.timeout);
123
+ }
124
+ };
125
+ this.handleOptionSelect = (ev) => {
126
+ if (ev.detail.label === this.emptyOptionListText) {
127
+ this.el.setFocus();
128
+ return;
129
+ }
130
+ this.value = ev.detail.value;
131
+ this.icOptionSelect.emit({ value: this.value });
132
+ };
133
+ this.handleMenuOptionHighlight = (ev) => {
134
+ var _a;
135
+ const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, "");
136
+ optionValue && (this.highlightedValue = optionValue);
137
+ if (ev.detail.optionId) {
138
+ this.ariaActiveDescendant = ev.detail.optionId;
139
+ }
140
+ else {
141
+ this.ariaActiveDescendant = undefined;
142
+ }
143
+ };
144
+ this.handleMenuChange = (ev) => {
145
+ this.setMenuChange(ev.detail.open);
146
+ if (!ev.detail.open) {
147
+ this.handleMenuCloseFromMenuChange(true);
148
+ if (ev.detail.focusInput === undefined || ev.detail.focusInput) {
149
+ this.el.setFocus();
150
+ }
151
+ }
152
+ };
153
+ this.setMenuChange = (open) => {
154
+ if (this.open !== open) {
155
+ this.open = open;
156
+ this.icMenuChange.emit({ open });
157
+ }
158
+ };
159
+ this.handleHostFocus = () => {
160
+ if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {
161
+ this.setMenuChange(true);
162
+ }
163
+ this.handleTruncateValue(false);
164
+ this.icSearchBarFocus.emit();
165
+ };
166
+ this.handleHostBlur = (ev) => {
167
+ const nextFocus = ev.relatedTarget;
168
+ if (this.open &&
169
+ this.options &&
170
+ nextFocus !== this.menu &&
171
+ !this.retryViaKeyPress &&
172
+ !this.retryButtonClick) {
173
+ this.setMenuChange(false);
174
+ }
175
+ if (this.retryButtonClick || this.retryViaKeyPress) {
176
+ this.inputEl.setFocus();
177
+ }
178
+ this.handleShowClearButton(false);
179
+ this.handleMenuCloseFromMenuChange(false);
180
+ this.handleTruncateValue(true);
181
+ this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
182
+ this.retryViaKeyPress = false;
183
+ this.retryButtonClick = false;
184
+ };
185
+ this.handleShowClearButton = (visible) => {
186
+ this.showClearButton = visible;
187
+ };
188
+ this.handleFocusClearButton = () => {
189
+ this.clearButtonFocused = true;
190
+ };
191
+ this.handleMenuCloseFromMenuChange = (fromEvent) => {
192
+ this.menuCloseFromMenuChangeEvent = fromEvent;
193
+ };
194
+ this.handleTruncateValue = (truncate) => {
195
+ this.truncateValue = truncate;
196
+ };
197
+ this.renderAssistiveHintEl = () => {
198
+ var _a, _b;
199
+ const input = (_b = (_a = this.el.shadowRoot
200
+ .querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`#${this.inputId}`);
201
+ if (input &&
202
+ Object.keys(input).length > 0 &&
203
+ this.hasOptionsOrFilterDisabled()) {
204
+ this.assistiveHintEl = document.createElement("span");
205
+ this.assistiveHintEl.innerText = this.hintText;
206
+ this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;
207
+ this.assistiveHintEl.style.display = "none";
208
+ if (input.after !== undefined) {
209
+ input.after(this.assistiveHintEl);
210
+ }
211
+ }
212
+ };
213
+ this.updateSearchResultAriaLive = () => {
214
+ const searchResultsStatusEl = this.el.shadowRoot.querySelector(".search-results-status");
215
+ if (searchResultsStatusEl) {
216
+ if (!this.open ||
217
+ this.value === "" ||
218
+ this.value.length < this.charactersUntilSuggestion) {
219
+ searchResultsStatusEl.innerText = "";
220
+ }
221
+ else if (this.hasOptionsOrFilterDisabled() &&
222
+ this.filteredOptions.length > 0 &&
223
+ this.open &&
224
+ !this.filteredOptions[0].loading) {
225
+ if (this.hadNoOptions()) {
226
+ searchResultsStatusEl.innerText = this.emptyOptionListText;
227
+ }
228
+ else {
229
+ searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
230
+ }
231
+ }
232
+ }
233
+ };
234
+ this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableFilter;
235
+ this.hadNoOptions = () => this.filteredOptions.length === 1 &&
236
+ this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&
237
+ this.searchMode === "navigation";
238
+ this.isSubmitDisabled = () => {
239
+ const valueNotSet = this.value === undefined || this.value === null || this.value === "";
240
+ const valueLengthLess = this.value.length < this.charactersUntilSuggestion;
241
+ return (valueNotSet ||
242
+ valueLengthLess ||
243
+ this.disabled ||
244
+ this.hadNoOptions() ||
245
+ this.hasTimedOut ||
246
+ this.loading);
247
+ };
248
+ this.highlightFirstOptionAfterNoResults = () => {
249
+ if (this.prevNoOption && this.menu && !this.hasTimedOut) {
250
+ this.menu.handleSetFirstOption();
251
+ this.prevNoOption = false;
252
+ }
253
+ const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
254
+ filteredOption[this.labelField] === this.loadingErrorLabel ||
255
+ filteredOption[this.labelField] === this.loadingLabel);
256
+ if (prevNoOptionsList) {
257
+ this.prevNoOption = true;
258
+ }
259
+ };
260
+ this.ariaActiveDescendant = undefined;
261
+ this.clearButtonFocused = false;
262
+ this.highlightedValue = undefined;
263
+ this.open = false;
264
+ this.searchSubmitFocused = false;
265
+ this.showClearButton = false;
266
+ this.autocapitalize = "off";
267
+ this.autocomplete = "off";
268
+ this.autocorrect = "off";
269
+ this.autofocus = false;
270
+ this.charactersUntilSuggestion = 2;
271
+ this.disabled = false;
272
+ this.disableFilter = false;
273
+ this.debounce = 0;
274
+ this.emptyOptionListText = "No results found";
275
+ this.focusOnLoad = false;
276
+ this.fullWidth = false;
277
+ this.helperText = "";
278
+ this.hideLabel = false;
279
+ this.hintText = "When autocomplete results are available use the up and down arrows to choose and press enter to select";
280
+ this.label = undefined;
281
+ this.labelField = "label";
282
+ this.loading = false;
283
+ this.loadingErrorLabel = "Loading Error";
284
+ this.loadingLabel = "Loading...";
285
+ this.name = this.inputId;
286
+ this.placeholder = "Search";
287
+ this.readonly = false;
288
+ this.required = false;
289
+ this.searchMode = "navigation";
290
+ this.size = "default";
291
+ this.small = false;
292
+ this.spellcheck = false;
293
+ this.timeout = undefined;
294
+ this.valueField = "value";
295
+ this.filteredOptions = [];
296
+ this.options = [];
297
+ this.value = "";
303
298
  }
304
- }
305
- filteredOptionsHandler(newOptions) {
306
- this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
307
- }
308
- watchOptionsHandler(newOptions) {
309
- if (this.disableFilter && !this.hasTimedOut) {
310
- this.loading = false;
311
- clearTimeout(this.timeoutTimer);
312
- if (newOptions.length > 0) {
313
- this.filteredOptions = newOptions;
314
- }
315
- else {
316
- if (this.hadNoOptions()) {
317
- return;
299
+ loadingHandler(newValue) {
300
+ if (newValue && !this.hasTimedOut) {
301
+ this.preLoad = false;
302
+ this.triggerLoading();
318
303
  }
319
- this.setMenuChange(true);
320
- !this.preLoad &&
321
- (this.filteredOptions = [
322
- {
323
- [this.labelField]: this.emptyOptionListText,
324
- [this.valueField]: "",
325
- },
326
- ]);
327
- this.preLoad = true;
328
- }
329
- }
330
- this.debounceAriaLiveUpdate();
331
- }
332
- watchValueHandler(newValue) {
333
- if (this.inputEl &&
334
- this.options &&
335
- !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {
336
- this.inputEl.value = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);
337
- }
338
- else if (this.inputEl && this.inputEl.value !== newValue) {
339
- this.inputEl.value = newValue;
340
- }
341
- }
342
- disconnectedCallback() {
343
- if (this.assistiveHintEl) {
344
- this.assistiveHintEl.remove();
345
- }
346
- }
347
- componentWillLoad() {
348
- this.watchValueHandler(this.value);
349
- removeDisabledFalse(this.disabled, this.el);
350
- if (this.small) {
351
- this.size = "small";
352
- }
353
- }
354
- componentDidLoad() {
355
- if (this.focusOnLoad) {
356
- this.el.setFocus();
357
- }
358
- if (this.hasOptionsOrFilterDisabled()) {
359
- this.renderAssistiveHintEl();
360
- if (this.disableFilter) {
361
- this.filteredOptions = this.options;
362
- }
363
- }
364
- onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
365
- if (this.inputEl !== undefined) {
366
- this.anchorEl = this.inputEl.shadowRoot.querySelector("ic-input-component-container");
367
- }
368
- }
369
- componentWillRender() {
370
- this.highlightFirstOptionAfterNoResults();
371
- }
372
- handleKeyDown(ev) {
373
- const keyEv = ev.detail.event;
374
- if (this.menu && this.open) {
375
- this.menu.handleKeyboardOpen(keyEv);
376
- }
377
- }
378
- handleKeyUp(ev) {
379
- if (ev.key === "Enter") {
380
- if (this.preventSubmit || this.isSubmitDisabled()) {
381
- return;
382
- }
383
- this.handleSubmitSearch();
384
- this.setMenuChange(false);
385
- }
386
- if (ev.key === "Escape") {
387
- this.setMenuChange(false);
388
304
  }
389
- if (this.preventSubmit) {
390
- this.preventSubmit = false;
305
+ filteredOptionsHandler(newOptions) {
306
+ this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
391
307
  }
392
- }
393
- /**
394
- * Sets focus on the native `input`.
395
- */
396
- async setFocus() {
397
- this.retryViaKeyPress = false;
398
- this.retryButtonClick = false;
399
- if (this.inputEl) {
400
- this.inputEl.setFocus();
308
+ watchOptionsHandler(newOptions) {
309
+ if (this.disableFilter && !this.hasTimedOut) {
310
+ this.loading = false;
311
+ clearTimeout(this.timeoutTimer);
312
+ if (newOptions.length > 0) {
313
+ this.filteredOptions = newOptions;
314
+ }
315
+ else {
316
+ if (this.hadNoOptions()) {
317
+ return;
318
+ }
319
+ this.setMenuChange(true);
320
+ !this.preLoad &&
321
+ (this.filteredOptions = [
322
+ {
323
+ [this.labelField]: this.emptyOptionListText,
324
+ [this.valueField]: "",
325
+ },
326
+ ]);
327
+ this.preLoad = true;
328
+ }
329
+ }
330
+ this.debounceAriaLiveUpdate();
401
331
  }
402
- }
403
- debounceAriaLiveUpdate() {
404
- clearTimeout(this.debounceAriaLive);
405
- this.debounceAriaLive = window.setTimeout(() => {
406
- this.updateSearchResultAriaLive();
407
- }, 500);
408
- }
409
- render() {
410
- const { inputId, name, label, required, small, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, } = this;
411
- const disabledMode = readonly || disabled ? true : false;
412
- const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
413
- let describedById;
414
- if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
415
- describedById = `${describedBy} ${this.inputId}-assistive-hint`;
332
+ watchValueHandler(newValue) {
333
+ if (this.inputEl &&
334
+ this.options &&
335
+ !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {
336
+ this.inputEl.value = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);
337
+ }
338
+ else if (this.inputEl && this.inputEl.value !== newValue) {
339
+ this.inputEl.value = newValue;
340
+ }
416
341
  }
417
- else if (this.hasOptionsOrFilterDisabled()) {
418
- describedById = `${this.inputId}-assistive-hint`;
342
+ disconnectedCallback() {
343
+ if (this.assistiveHintEl) {
344
+ this.assistiveHintEl.remove();
345
+ }
419
346
  }
420
- else if (describedBy !== "") {
421
- describedById = describedBy;
347
+ componentWillLoad() {
348
+ this.watchValueHandler(this.value);
349
+ removeDisabledFalse(this.disabled, this.el);
350
+ if (this.small) {
351
+ this.size = "small";
352
+ }
422
353
  }
423
- else {
424
- describedById = undefined;
354
+ componentDidLoad() {
355
+ if (this.focusOnLoad) {
356
+ this.el.setFocus();
357
+ }
358
+ if (this.hasOptionsOrFilterDisabled()) {
359
+ this.renderAssistiveHintEl();
360
+ if (this.disableFilter) {
361
+ this.filteredOptions = this.options;
362
+ }
363
+ }
364
+ onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
365
+ if (this.inputEl !== undefined) {
366
+ this.anchorEl = this.inputEl.shadowRoot.querySelector("ic-input-component-container");
367
+ }
425
368
  }
426
- const disabledText = disabledMode && !readonly;
427
- const hasSuggestedSearch = value && this.hasOptionsOrFilterDisabled();
428
- const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
429
- const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;
430
- const isOrHasLoaded = this.filteredOptions.length === 1 &&
431
- (this.filteredOptions[0][this.labelField] === this.loadingLabel ||
432
- filteredOptions[0][this.labelField] === this.loadingErrorLabel);
433
- let expanded;
434
- if (options.length > 0) {
435
- if (menuOpen) {
436
- expanded = "true";
437
- }
438
- else {
439
- expanded = "false";
440
- }
369
+ componentWillRender() {
370
+ this.highlightFirstOptionAfterNoResults();
441
371
  }
442
- else {
443
- expanded = undefined;
372
+ handleKeyDown(ev) {
373
+ const keyEv = ev.detail.event;
374
+ if (this.menu && this.open) {
375
+ this.menu.handleKeyboardOpen(keyEv);
376
+ }
444
377
  }
445
- renderHiddenInput(true, this.el, name, value, disabledMode);
446
- return (h(Host, { class: {
447
- ["search"]: true,
448
- ["fullwidth"]: fullWidth,
449
- ["disabled"]: disabled,
450
- ["small"]: size === "small",
451
- }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options &&
452
- !!getLabelFromValue(value, options, this.valueField, this.labelField)
453
- ? getLabelFromValue(value, options, this.valueField, this.labelField)
454
- : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, h("div", { class: {
455
- "clear-button-container": true,
456
- "clear-button-visible": value && !disabledMode && this.showClearButton,
457
- }, slot: "clear-button" }, h("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
458
- ? IcThemeForegroundEnum.Light
459
- : IcThemeForegroundEnum.Dark }), h("div", { class: "divider" })), h("div", { class: {
460
- "search-submit-button-container": true,
461
- "search-submit-button-disabled": this.isSubmitDisabled(),
462
- }, slot: "search-submit-button" }, h("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
463
- ["search-submit-button"]: true,
464
- ["search-submit-button-small"]: !!small,
465
- }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
466
- ? IcThemeForegroundEnum.Light
467
- : IcThemeForegroundEnum.Default })), h("div", { class: {
468
- "menu-container": true,
469
- fullwidth: fullWidth,
470
- }, slot: "menu" }, menuRendered && (h("ic-menu", { class: {
471
- "no-results": this.hadNoOptions() || isOrHasLoaded,
472
- }, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: size === "small", fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
473
- }
474
- static get is() { return "ic-search-bar"; }
475
- static get encapsulation() { return "shadow"; }
476
- static get delegatesFocus() { return true; }
477
- static get originalStyleUrls() {
478
- return {
479
- "$": ["ic-search-bar.css"]
480
- };
481
- }
482
- static get styleUrls() {
483
- return {
484
- "$": ["ic-search-bar.css"]
485
- };
486
- }
487
- static get properties() {
488
- return {
489
- "autocapitalize": {
490
- "type": "string",
491
- "mutable": false,
492
- "complexType": {
493
- "original": "string",
494
- "resolved": "string",
495
- "references": {}
496
- },
497
- "required": false,
498
- "optional": false,
499
- "docs": {
500
- "tags": [],
501
- "text": "The automatic capitalisation of the text value as it is entered/edited by the user.\nAvailable options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\"."
502
- },
503
- "attribute": "autocapitalize",
504
- "reflect": false,
505
- "defaultValue": "\"off\""
506
- },
507
- "autocomplete": {
508
- "type": "string",
509
- "mutable": false,
510
- "complexType": {
511
- "original": "IcAutocompleteTypes",
512
- "resolved": "\"name\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
513
- "references": {
514
- "IcAutocompleteTypes": {
515
- "location": "import",
516
- "path": "../../utils/types",
517
- "id": "src/utils/types.ts::IcAutocompleteTypes"
518
- }
519
- }
520
- },
521
- "required": false,
522
- "optional": true,
523
- "docs": {
524
- "tags": [],
525
- "text": "The state of autocompletion the browser can apply on the text value."
526
- },
527
- "attribute": "autocomplete",
528
- "reflect": false,
529
- "defaultValue": "\"off\""
530
- },
531
- "autocorrect": {
532
- "type": "string",
533
- "mutable": false,
534
- "complexType": {
535
- "original": "IcAutocorrectStates",
536
- "resolved": "\"off\" | \"on\"",
537
- "references": {
538
- "IcAutocorrectStates": {
539
- "location": "import",
540
- "path": "../../utils/types",
541
- "id": "src/utils/types.ts::IcAutocorrectStates"
542
- }
543
- }
544
- },
545
- "required": false,
546
- "optional": true,
547
- "docs": {
548
- "tags": [],
549
- "text": "The state of autocorrection the browser can apply when the user is entering/editing the text value."
550
- },
551
- "attribute": "autocorrect",
552
- "reflect": false,
553
- "defaultValue": "\"off\""
554
- },
555
- "autofocus": {
556
- "type": "boolean",
557
- "mutable": false,
558
- "complexType": {
559
- "original": "boolean",
560
- "resolved": "boolean",
561
- "references": {}
562
- },
563
- "required": false,
564
- "optional": false,
565
- "docs": {
566
- "tags": [],
567
- "text": "If `true`, the form control will have input focus when the page loads."
568
- },
569
- "attribute": "autofocus",
570
- "reflect": false,
571
- "defaultValue": "false"
572
- },
573
- "charactersUntilSuggestion": {
574
- "type": "number",
575
- "mutable": false,
576
- "complexType": {
577
- "original": "number",
578
- "resolved": "number",
579
- "references": {}
580
- },
581
- "required": false,
582
- "optional": false,
583
- "docs": {
584
- "tags": [],
585
- "text": "The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number."
586
- },
587
- "attribute": "characters-until-suggestion",
588
- "reflect": false,
589
- "defaultValue": "2"
590
- },
591
- "disabled": {
592
- "type": "boolean",
593
- "mutable": false,
594
- "complexType": {
595
- "original": "boolean",
596
- "resolved": "boolean",
597
- "references": {}
598
- },
599
- "required": false,
600
- "optional": true,
601
- "docs": {
602
- "tags": [],
603
- "text": "If `true`, the disabled state will be set."
604
- },
605
- "attribute": "disabled",
606
- "reflect": false,
607
- "defaultValue": "false"
608
- },
609
- "disableFilter": {
610
- "type": "boolean",
611
- "mutable": false,
612
- "complexType": {
613
- "original": "boolean",
614
- "resolved": "boolean",
615
- "references": {}
616
- },
617
- "required": false,
618
- "optional": true,
619
- "docs": {
620
- "tags": [],
621
- "text": "Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\nIf `true`, all options provided will be displayed."
622
- },
623
- "attribute": "disable-filter",
624
- "reflect": false,
625
- "defaultValue": "false"
626
- },
627
- "debounce": {
628
- "type": "number",
629
- "mutable": false,
630
- "complexType": {
631
- "original": "number",
632
- "resolved": "number",
633
- "references": {}
634
- },
635
- "required": false,
636
- "optional": true,
637
- "docs": {
638
- "tags": [],
639
- "text": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
640
- },
641
- "attribute": "debounce",
642
- "reflect": false,
643
- "defaultValue": "0"
644
- },
645
- "emptyOptionListText": {
646
- "type": "string",
647
- "mutable": false,
648
- "complexType": {
649
- "original": "string",
650
- "resolved": "string",
651
- "references": {}
652
- },
653
- "required": false,
654
- "optional": false,
655
- "docs": {
656
- "tags": [],
657
- "text": "The text displayed when there are no options in the option list."
658
- },
659
- "attribute": "empty-option-list-text",
660
- "reflect": false,
661
- "defaultValue": "\"No results found\""
662
- },
663
- "focusOnLoad": {
664
- "type": "boolean",
665
- "mutable": false,
666
- "complexType": {
667
- "original": "boolean",
668
- "resolved": "boolean",
669
- "references": {}
670
- },
671
- "required": false,
672
- "optional": true,
673
- "docs": {
674
- "tags": [],
675
- "text": "If `true`, the search bar will be focused when component loaded."
676
- },
677
- "attribute": "focus-on-load",
678
- "reflect": false,
679
- "defaultValue": "false"
680
- },
681
- "fullWidth": {
682
- "type": "boolean",
683
- "mutable": false,
684
- "complexType": {
685
- "original": "boolean",
686
- "resolved": "boolean",
687
- "references": {}
688
- },
689
- "required": false,
690
- "optional": true,
691
- "docs": {
692
- "tags": [],
693
- "text": "Specify whether the search bar fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable."
694
- },
695
- "attribute": "full-width",
696
- "reflect": false,
697
- "defaultValue": "false"
698
- },
699
- "helperText": {
700
- "type": "string",
701
- "mutable": false,
702
- "complexType": {
703
- "original": "string",
704
- "resolved": "string",
705
- "references": {}
706
- },
707
- "required": false,
708
- "optional": true,
709
- "docs": {
710
- "tags": [],
711
- "text": "The helper text that will be displayed for additional field guidance."
712
- },
713
- "attribute": "helper-text",
714
- "reflect": false,
715
- "defaultValue": "\"\""
716
- },
717
- "hideLabel": {
718
- "type": "boolean",
719
- "mutable": false,
720
- "complexType": {
721
- "original": "boolean",
722
- "resolved": "boolean",
723
- "references": {}
724
- },
725
- "required": false,
726
- "optional": true,
727
- "docs": {
728
- "tags": [],
729
- "text": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
730
- },
731
- "attribute": "hide-label",
732
- "reflect": false,
733
- "defaultValue": "false"
734
- },
735
- "hintText": {
736
- "type": "string",
737
- "mutable": false,
738
- "complexType": {
739
- "original": "string",
740
- "resolved": "string",
741
- "references": {}
742
- },
743
- "required": false,
744
- "optional": true,
745
- "docs": {
746
- "tags": [],
747
- "text": "The hint text for the hidden assistive description element."
748
- },
749
- "attribute": "hint-text",
750
- "reflect": false,
751
- "defaultValue": "\"When autocomplete results are available use the up and down arrows to choose and press enter to select\""
752
- },
753
- "label": {
754
- "type": "string",
755
- "mutable": false,
756
- "complexType": {
757
- "original": "string",
758
- "resolved": "string",
759
- "references": {}
760
- },
761
- "required": true,
762
- "optional": false,
763
- "docs": {
764
- "tags": [],
765
- "text": "The label for the search bar."
766
- },
767
- "attribute": "label",
768
- "reflect": false
769
- },
770
- "labelField": {
771
- "type": "string",
772
- "mutable": false,
773
- "complexType": {
774
- "original": "string",
775
- "resolved": "string",
776
- "references": {}
777
- },
778
- "required": false,
779
- "optional": true,
780
- "docs": {
781
- "tags": [],
782
- "text": "The custom name for the label field to correspond with the IcMenuOption type."
783
- },
784
- "attribute": "label-field",
785
- "reflect": false,
786
- "defaultValue": "\"label\""
787
- },
788
- "loading": {
789
- "type": "boolean",
790
- "mutable": true,
791
- "complexType": {
792
- "original": "boolean",
793
- "resolved": "boolean",
794
- "references": {}
795
- },
796
- "required": false,
797
- "optional": true,
798
- "docs": {
799
- "tags": [],
800
- "text": "Trigger loading state when fetching options asyncronously"
801
- },
802
- "attribute": "loading",
803
- "reflect": false,
804
- "defaultValue": "false"
805
- },
806
- "loadingErrorLabel": {
807
- "type": "string",
808
- "mutable": false,
809
- "complexType": {
810
- "original": "string",
811
- "resolved": "string",
812
- "references": {}
813
- },
814
- "required": false,
815
- "optional": true,
816
- "docs": {
817
- "tags": [],
818
- "text": "Change the message displayed when external loading times out."
819
- },
820
- "attribute": "loading-error-label",
821
- "reflect": false,
822
- "defaultValue": "\"Loading Error\""
823
- },
824
- "loadingLabel": {
825
- "type": "string",
826
- "mutable": false,
827
- "complexType": {
828
- "original": "string",
829
- "resolved": "string",
830
- "references": {}
831
- },
832
- "required": false,
833
- "optional": true,
834
- "docs": {
835
- "tags": [],
836
- "text": "Change the message displayed whilst the options are being loaded externally."
837
- },
838
- "attribute": "loading-label",
839
- "reflect": false,
840
- "defaultValue": "\"Loading...\""
841
- },
842
- "name": {
843
- "type": "string",
844
- "mutable": false,
845
- "complexType": {
846
- "original": "string",
847
- "resolved": "string",
848
- "references": {}
849
- },
850
- "required": false,
851
- "optional": false,
852
- "docs": {
853
- "tags": [],
854
- "text": "The name of the control, which is submitted with the form data."
855
- },
856
- "attribute": "name",
857
- "reflect": false,
858
- "defaultValue": "this.inputId"
859
- },
860
- "placeholder": {
861
- "type": "string",
862
- "mutable": false,
863
- "complexType": {
864
- "original": "string",
865
- "resolved": "string",
866
- "references": {}
867
- },
868
- "required": false,
869
- "optional": true,
870
- "docs": {
871
- "tags": [],
872
- "text": "The placeholder value to display."
873
- },
874
- "attribute": "placeholder",
875
- "reflect": false,
876
- "defaultValue": "\"Search\""
877
- },
878
- "readonly": {
879
- "type": "boolean",
880
- "mutable": false,
881
- "complexType": {
882
- "original": "boolean",
883
- "resolved": "boolean",
884
- "references": {}
885
- },
886
- "required": false,
887
- "optional": true,
888
- "docs": {
889
- "tags": [],
890
- "text": "If `true`, the readonly state will be set."
891
- },
892
- "attribute": "readonly",
893
- "reflect": false,
894
- "defaultValue": "false"
895
- },
896
- "required": {
897
- "type": "boolean",
898
- "mutable": false,
899
- "complexType": {
900
- "original": "boolean",
901
- "resolved": "boolean",
902
- "references": {}
903
- },
904
- "required": false,
905
- "optional": true,
906
- "docs": {
907
- "tags": [],
908
- "text": "If `true`, the search bar will require a value."
909
- },
910
- "attribute": "required",
911
- "reflect": false,
912
- "defaultValue": "false"
913
- },
914
- "searchMode": {
915
- "type": "string",
916
- "mutable": false,
917
- "complexType": {
918
- "original": "IcSearchBarSearchModes",
919
- "resolved": "\"navigation\" | \"query\"",
920
- "references": {
921
- "IcSearchBarSearchModes": {
922
- "location": "import",
923
- "path": "./ic-search-bar.types",
924
- "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes"
378
+ handleKeyUp(ev) {
379
+ if (ev.key === "Enter") {
380
+ if (this.preventSubmit || this.isSubmitDisabled()) {
381
+ return;
925
382
  }
926
- }
927
- },
928
- "required": false,
929
- "optional": true,
930
- "docs": {
931
- "tags": [],
932
- "text": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches."
933
- },
934
- "attribute": "search-mode",
935
- "reflect": false,
936
- "defaultValue": "\"navigation\""
937
- },
938
- "size": {
939
- "type": "string",
940
- "mutable": false,
941
- "complexType": {
942
- "original": "IcSizesNoLarge",
943
- "resolved": "\"default\" | \"small\"",
944
- "references": {
945
- "IcSizesNoLarge": {
946
- "location": "import",
947
- "path": "../../utils/types",
948
- "id": "src/utils/types.ts::IcSizesNoLarge"
949
- }
950
- }
951
- },
952
- "required": false,
953
- "optional": true,
954
- "docs": {
955
- "tags": [],
956
- "text": "The size of the search bar component."
957
- },
958
- "attribute": "size",
959
- "reflect": false,
960
- "defaultValue": "\"default\""
961
- },
962
- "small": {
963
- "type": "boolean",
964
- "mutable": false,
965
- "complexType": {
966
- "original": "boolean",
967
- "resolved": "boolean",
968
- "references": {}
969
- },
970
- "required": false,
971
- "optional": true,
972
- "docs": {
973
- "tags": [{
974
- "name": "deprecated",
975
- "text": "This prop should not be used anymore. Set prop `size` to \"small\" instead."
976
- }],
977
- "text": ""
978
- },
979
- "attribute": "small",
980
- "reflect": false,
981
- "defaultValue": "false"
982
- },
983
- "spellcheck": {
984
- "type": "boolean",
985
- "mutable": false,
986
- "complexType": {
987
- "original": "boolean",
988
- "resolved": "boolean",
989
- "references": {}
990
- },
991
- "required": false,
992
- "optional": false,
993
- "docs": {
994
- "tags": [],
995
- "text": "If `true`, the value of the search will have its spelling and grammar checked."
996
- },
997
- "attribute": "spellcheck",
998
- "reflect": false,
999
- "defaultValue": "false"
1000
- },
1001
- "timeout": {
1002
- "type": "number",
1003
- "mutable": false,
1004
- "complexType": {
1005
- "original": "number",
1006
- "resolved": "number",
1007
- "references": {}
1008
- },
1009
- "required": false,
1010
- "optional": true,
1011
- "docs": {
1012
- "tags": [],
1013
- "text": "If using external filtering, set a timeout for when loading takes too long."
1014
- },
1015
- "attribute": "timeout",
1016
- "reflect": false
1017
- },
1018
- "valueField": {
1019
- "type": "string",
1020
- "mutable": false,
1021
- "complexType": {
1022
- "original": "string",
1023
- "resolved": "string",
1024
- "references": {}
1025
- },
1026
- "required": false,
1027
- "optional": true,
1028
- "docs": {
1029
- "tags": [],
1030
- "text": "The custom name for the value field to correspond with the IcMenuOption type."
1031
- },
1032
- "attribute": "value-field",
1033
- "reflect": false,
1034
- "defaultValue": "\"value\""
1035
- },
1036
- "options": {
1037
- "type": "unknown",
1038
- "mutable": false,
1039
- "complexType": {
1040
- "original": "IcMenuOption[]",
1041
- "resolved": "IcMenuOption[]",
1042
- "references": {
1043
- "IcMenuOption": {
1044
- "location": "import",
1045
- "path": "../../utils/types",
1046
- "id": "src/utils/types.ts::IcMenuOption"
1047
- }
1048
- }
1049
- },
1050
- "required": false,
1051
- "optional": true,
1052
- "docs": {
1053
- "tags": [],
1054
- "text": "The suggested search options."
1055
- },
1056
- "defaultValue": "[]"
1057
- },
1058
- "value": {
1059
- "type": "string",
1060
- "mutable": true,
1061
- "complexType": {
1062
- "original": "string",
1063
- "resolved": "string",
1064
- "references": {}
1065
- },
1066
- "required": false,
1067
- "optional": false,
1068
- "docs": {
1069
- "tags": [],
1070
- "text": "The value of the search input."
1071
- },
1072
- "attribute": "value",
1073
- "reflect": true,
1074
- "defaultValue": "\"\""
1075
- }
1076
- };
1077
- }
1078
- static get states() {
1079
- return {
1080
- "ariaActiveDescendant": {},
1081
- "clearButtonFocused": {},
1082
- "highlightedValue": {},
1083
- "open": {},
1084
- "searchSubmitFocused": {},
1085
- "showClearButton": {},
1086
- "filteredOptions": {}
1087
- };
1088
- }
1089
- static get events() {
1090
- return [{
1091
- "method": "icChange",
1092
- "name": "icChange",
1093
- "bubbles": true,
1094
- "cancelable": true,
1095
- "composed": true,
1096
- "docs": {
1097
- "tags": [],
1098
- "text": "Emitted when the value has changed."
1099
- },
1100
- "complexType": {
1101
- "original": "IcValueEventDetail",
1102
- "resolved": "IcValueEventDetail",
1103
- "references": {
1104
- "IcValueEventDetail": {
1105
- "location": "import",
1106
- "path": "../../utils/types",
1107
- "id": "src/utils/types.ts::IcValueEventDetail"
1108
- }
1109
- }
383
+ this.handleSubmitSearch();
384
+ this.setMenuChange(false);
1110
385
  }
1111
- }, {
1112
- "method": "icClear",
1113
- "name": "icClear",
1114
- "bubbles": true,
1115
- "cancelable": true,
1116
- "composed": true,
1117
- "docs": {
1118
- "tags": [],
1119
- "text": "Emitted when value is cleared with clear button"
1120
- },
1121
- "complexType": {
1122
- "original": "void",
1123
- "resolved": "void",
1124
- "references": {}
386
+ if (ev.key === "Escape") {
387
+ this.setMenuChange(false);
1125
388
  }
1126
- }, {
1127
- "method": "icInput",
1128
- "name": "icInput",
1129
- "bubbles": true,
1130
- "cancelable": true,
1131
- "composed": true,
1132
- "docs": {
1133
- "tags": [],
1134
- "text": "Emitted when a keyboard input occurred."
1135
- },
1136
- "complexType": {
1137
- "original": "IcValueEventDetail",
1138
- "resolved": "IcValueEventDetail",
1139
- "references": {
1140
- "IcValueEventDetail": {
1141
- "location": "import",
1142
- "path": "../../utils/types",
1143
- "id": "src/utils/types.ts::IcValueEventDetail"
1144
- }
1145
- }
389
+ if (this.preventSubmit) {
390
+ this.preventSubmit = false;
1146
391
  }
1147
- }, {
1148
- "method": "icInputBlur",
1149
- "name": "icInputBlur",
1150
- "bubbles": true,
1151
- "cancelable": true,
1152
- "composed": true,
1153
- "docs": {
1154
- "tags": [{
1155
- "name": "deprecated",
1156
- "text": "This event should not be used anymore. Use icSearchBarBlur instead."
1157
- }],
1158
- "text": ""
1159
- },
1160
- "complexType": {
1161
- "original": "IcSearchBarBlurEventDetail",
1162
- "resolved": "IcSearchBarBlurEventDetail",
1163
- "references": {
1164
- "IcSearchBarBlurEventDetail": {
1165
- "location": "import",
1166
- "path": "./ic-search-bar.types",
1167
- "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail"
1168
- }
1169
- }
392
+ }
393
+ /**
394
+ * Sets focus on the native `input`.
395
+ */
396
+ async setFocus() {
397
+ this.retryViaKeyPress = false;
398
+ this.retryButtonClick = false;
399
+ if (this.inputEl) {
400
+ this.inputEl.setFocus();
1170
401
  }
1171
- }, {
1172
- "method": "icInputFocus",
1173
- "name": "icInputFocus",
1174
- "bubbles": true,
1175
- "cancelable": true,
1176
- "composed": true,
1177
- "docs": {
1178
- "tags": [{
1179
- "name": "deprecated",
1180
- "text": "This event should not be used anymore. Use icSearchBarFocus instead."
1181
- }],
1182
- "text": ""
1183
- },
1184
- "complexType": {
1185
- "original": "IcValueEventDetail",
1186
- "resolved": "IcValueEventDetail",
1187
- "references": {
1188
- "IcValueEventDetail": {
1189
- "location": "import",
1190
- "path": "../../utils/types",
1191
- "id": "src/utils/types.ts::IcValueEventDetail"
1192
- }
1193
- }
402
+ }
403
+ debounceAriaLiveUpdate() {
404
+ clearTimeout(this.debounceAriaLive);
405
+ this.debounceAriaLive = window.setTimeout(() => {
406
+ this.updateSearchResultAriaLive();
407
+ }, 500);
408
+ }
409
+ render() {
410
+ const { inputId, name, label, required, small, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, } = this;
411
+ const disabledMode = readonly || disabled ? true : false;
412
+ const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
413
+ let describedById;
414
+ if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
415
+ describedById = `${describedBy} ${this.inputId}-assistive-hint`;
1194
416
  }
1195
- }, {
1196
- "method": "icOptionSelect",
1197
- "name": "icOptionSelect",
1198
- "bubbles": true,
1199
- "cancelable": true,
1200
- "composed": true,
1201
- "docs": {
1202
- "tags": [],
1203
- "text": "Emitted when option is highlighted within the menu"
1204
- },
1205
- "complexType": {
1206
- "original": "IcOptionSelectEventDetail",
1207
- "resolved": "IcOptionSelectEventDetail",
1208
- "references": {
1209
- "IcOptionSelectEventDetail": {
1210
- "location": "import",
1211
- "path": "../ic-menu/ic-menu.types",
1212
- "id": "src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail"
1213
- }
1214
- }
417
+ else if (this.hasOptionsOrFilterDisabled()) {
418
+ describedById = `${this.inputId}-assistive-hint`;
1215
419
  }
1216
- }, {
1217
- "method": "icMenuChange",
1218
- "name": "icMenuChange",
1219
- "bubbles": true,
1220
- "cancelable": true,
1221
- "composed": true,
1222
- "docs": {
1223
- "tags": [],
1224
- "text": "Emitted when the state of the menu changes (i.e. open or close)"
1225
- },
1226
- "complexType": {
1227
- "original": "IcMenuChangeEventDetail",
1228
- "resolved": "IcMenuChangeEventDetail",
1229
- "references": {
1230
- "IcMenuChangeEventDetail": {
1231
- "location": "import",
1232
- "path": "../ic-menu/ic-menu.types",
1233
- "id": "src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail"
1234
- }
1235
- }
420
+ else if (describedBy !== "") {
421
+ describedById = describedBy;
1236
422
  }
1237
- }, {
1238
- "method": "icClearBlur",
1239
- "name": "icClearBlur",
1240
- "bubbles": true,
1241
- "cancelable": true,
1242
- "composed": true,
1243
- "docs": {
1244
- "tags": [{
1245
- "name": "internal",
1246
- "text": "- Emitted when blur is invoked from clear button"
1247
- }],
1248
- "text": ""
1249
- },
1250
- "complexType": {
1251
- "original": "IcBlurEventDetail",
1252
- "resolved": "IcBlurEventDetail",
1253
- "references": {
1254
- "IcBlurEventDetail": {
1255
- "location": "import",
1256
- "path": "../../utils/types",
1257
- "id": "src/utils/types.ts::IcBlurEventDetail"
1258
- }
1259
- }
423
+ else {
424
+ describedById = undefined;
1260
425
  }
1261
- }, {
1262
- "method": "icRetryLoad",
1263
- "name": "icRetryLoad",
1264
- "bubbles": true,
1265
- "cancelable": true,
1266
- "composed": true,
1267
- "docs": {
1268
- "tags": [],
1269
- "text": "Emitted when the 'retry loading' button is clicked"
1270
- },
1271
- "complexType": {
1272
- "original": "IcValueEventDetail",
1273
- "resolved": "IcValueEventDetail",
1274
- "references": {
1275
- "IcValueEventDetail": {
1276
- "location": "import",
1277
- "path": "../../utils/types",
1278
- "id": "src/utils/types.ts::IcValueEventDetail"
426
+ const disabledText = disabledMode && !readonly;
427
+ const hasSuggestedSearch = value && this.hasOptionsOrFilterDisabled();
428
+ const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
429
+ const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;
430
+ const isOrHasLoaded = this.filteredOptions.length === 1 &&
431
+ (this.filteredOptions[0][this.labelField] === this.loadingLabel ||
432
+ filteredOptions[0][this.labelField] === this.loadingErrorLabel);
433
+ let expanded;
434
+ if (options.length > 0) {
435
+ if (menuOpen) {
436
+ expanded = "true";
1279
437
  }
1280
- }
1281
- }
1282
- }, {
1283
- "method": "icSubmitSearch",
1284
- "name": "icSubmitSearch",
1285
- "bubbles": true,
1286
- "cancelable": true,
1287
- "composed": true,
1288
- "docs": {
1289
- "tags": [],
1290
- "text": "Emitted when the search value has been submitted"
1291
- },
1292
- "complexType": {
1293
- "original": "IcValueEventDetail",
1294
- "resolved": "IcValueEventDetail",
1295
- "references": {
1296
- "IcValueEventDetail": {
1297
- "location": "import",
1298
- "path": "../../utils/types",
1299
- "id": "src/utils/types.ts::IcValueEventDetail"
438
+ else {
439
+ expanded = "false";
1300
440
  }
1301
- }
1302
441
  }
1303
- }, {
1304
- "method": "icSubmitSearchBlur",
1305
- "name": "icSubmitSearchBlur",
1306
- "bubbles": true,
1307
- "cancelable": true,
1308
- "composed": true,
1309
- "docs": {
1310
- "tags": [{
1311
- "name": "internal",
1312
- "text": "- Emitted when blur is invoked from search submit button"
1313
- }],
1314
- "text": ""
1315
- },
1316
- "complexType": {
1317
- "original": "IcBlurEventDetail",
1318
- "resolved": "IcBlurEventDetail",
1319
- "references": {
1320
- "IcBlurEventDetail": {
1321
- "location": "import",
1322
- "path": "../../utils/types",
1323
- "id": "src/utils/types.ts::IcBlurEventDetail"
1324
- }
1325
- }
442
+ else {
443
+ expanded = undefined;
1326
444
  }
1327
- }, {
1328
- "method": "icSearchBarBlur",
1329
- "name": "icSearchBarBlur",
1330
- "bubbles": true,
1331
- "cancelable": true,
1332
- "composed": true,
1333
- "docs": {
1334
- "tags": [],
1335
- "text": "Emitted when blur is invoked from ic-search-bar"
1336
- },
1337
- "complexType": {
1338
- "original": "IcSearchBarBlurEventDetail",
1339
- "resolved": "IcSearchBarBlurEventDetail",
1340
- "references": {
1341
- "IcSearchBarBlurEventDetail": {
1342
- "location": "import",
1343
- "path": "./ic-search-bar.types",
1344
- "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail"
445
+ renderHiddenInput(true, this.el, name, value, disabledMode);
446
+ return (h(Host, { class: {
447
+ ["search"]: true,
448
+ ["fullwidth"]: fullWidth,
449
+ ["disabled"]: disabled,
450
+ ["small"]: size === "small",
451
+ }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options &&
452
+ !!getLabelFromValue(value, options, this.valueField, this.labelField)
453
+ ? getLabelFromValue(value, options, this.valueField, this.labelField)
454
+ : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, h("div", { class: {
455
+ "clear-button-container": true,
456
+ "clear-button-visible": value && !disabledMode && this.showClearButton,
457
+ }, slot: "clear-button" }, h("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
458
+ ? IcThemeForegroundEnum.Light
459
+ : IcThemeForegroundEnum.Dark }), h("div", { class: "divider" })), h("div", { class: {
460
+ "search-submit-button-container": true,
461
+ "search-submit-button-disabled": this.isSubmitDisabled(),
462
+ }, slot: "search-submit-button" }, h("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
463
+ ["search-submit-button"]: true,
464
+ ["search-submit-button-small"]: !!small,
465
+ }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
466
+ ? IcThemeForegroundEnum.Light
467
+ : IcThemeForegroundEnum.Default })), h("div", { class: {
468
+ "menu-container": true,
469
+ fullwidth: fullWidth,
470
+ }, slot: "menu" }, menuRendered && (h("ic-menu", { class: {
471
+ "no-results": this.hadNoOptions() || isOrHasLoaded,
472
+ }, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: size === "small", fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
473
+ }
474
+ static get is() { return "ic-search-bar"; }
475
+ static get encapsulation() { return "shadow"; }
476
+ static get delegatesFocus() { return true; }
477
+ static get originalStyleUrls() {
478
+ return {
479
+ "$": ["ic-search-bar.css"]
480
+ };
481
+ }
482
+ static get styleUrls() {
483
+ return {
484
+ "$": ["ic-search-bar.css"]
485
+ };
486
+ }
487
+ static get properties() {
488
+ return {
489
+ "autocapitalize": {
490
+ "type": "string",
491
+ "mutable": false,
492
+ "complexType": {
493
+ "original": "string",
494
+ "resolved": "string",
495
+ "references": {}
496
+ },
497
+ "required": false,
498
+ "optional": false,
499
+ "docs": {
500
+ "tags": [],
501
+ "text": "The automatic capitalisation of the text value as it is entered/edited by the user.\nAvailable options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\"."
502
+ },
503
+ "attribute": "autocapitalize",
504
+ "reflect": false,
505
+ "defaultValue": "\"off\""
506
+ },
507
+ "autocomplete": {
508
+ "type": "string",
509
+ "mutable": false,
510
+ "complexType": {
511
+ "original": "IcAutocompleteTypes",
512
+ "resolved": "\"name\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
513
+ "references": {
514
+ "IcAutocompleteTypes": {
515
+ "location": "import",
516
+ "path": "../../utils/types",
517
+ "id": "src/utils/types.ts::IcAutocompleteTypes"
518
+ }
519
+ }
520
+ },
521
+ "required": false,
522
+ "optional": true,
523
+ "docs": {
524
+ "tags": [],
525
+ "text": "The state of autocompletion the browser can apply on the text value."
526
+ },
527
+ "attribute": "autocomplete",
528
+ "reflect": false,
529
+ "defaultValue": "\"off\""
530
+ },
531
+ "autocorrect": {
532
+ "type": "string",
533
+ "mutable": false,
534
+ "complexType": {
535
+ "original": "IcAutocorrectStates",
536
+ "resolved": "\"off\" | \"on\"",
537
+ "references": {
538
+ "IcAutocorrectStates": {
539
+ "location": "import",
540
+ "path": "../../utils/types",
541
+ "id": "src/utils/types.ts::IcAutocorrectStates"
542
+ }
543
+ }
544
+ },
545
+ "required": false,
546
+ "optional": true,
547
+ "docs": {
548
+ "tags": [],
549
+ "text": "The state of autocorrection the browser can apply when the user is entering/editing the text value."
550
+ },
551
+ "attribute": "autocorrect",
552
+ "reflect": false,
553
+ "defaultValue": "\"off\""
554
+ },
555
+ "autofocus": {
556
+ "type": "boolean",
557
+ "mutable": false,
558
+ "complexType": {
559
+ "original": "boolean",
560
+ "resolved": "boolean",
561
+ "references": {}
562
+ },
563
+ "required": false,
564
+ "optional": false,
565
+ "docs": {
566
+ "tags": [],
567
+ "text": "If `true`, the form control will have input focus when the page loads."
568
+ },
569
+ "attribute": "autofocus",
570
+ "reflect": false,
571
+ "defaultValue": "false"
572
+ },
573
+ "charactersUntilSuggestion": {
574
+ "type": "number",
575
+ "mutable": false,
576
+ "complexType": {
577
+ "original": "number",
578
+ "resolved": "number",
579
+ "references": {}
580
+ },
581
+ "required": false,
582
+ "optional": false,
583
+ "docs": {
584
+ "tags": [],
585
+ "text": "The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number."
586
+ },
587
+ "attribute": "characters-until-suggestion",
588
+ "reflect": false,
589
+ "defaultValue": "2"
590
+ },
591
+ "disabled": {
592
+ "type": "boolean",
593
+ "mutable": false,
594
+ "complexType": {
595
+ "original": "boolean",
596
+ "resolved": "boolean",
597
+ "references": {}
598
+ },
599
+ "required": false,
600
+ "optional": true,
601
+ "docs": {
602
+ "tags": [],
603
+ "text": "If `true`, the disabled state will be set."
604
+ },
605
+ "attribute": "disabled",
606
+ "reflect": false,
607
+ "defaultValue": "false"
608
+ },
609
+ "disableFilter": {
610
+ "type": "boolean",
611
+ "mutable": false,
612
+ "complexType": {
613
+ "original": "boolean",
614
+ "resolved": "boolean",
615
+ "references": {}
616
+ },
617
+ "required": false,
618
+ "optional": true,
619
+ "docs": {
620
+ "tags": [],
621
+ "text": "Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\nIf `true`, all options provided will be displayed."
622
+ },
623
+ "attribute": "disable-filter",
624
+ "reflect": false,
625
+ "defaultValue": "false"
626
+ },
627
+ "debounce": {
628
+ "type": "number",
629
+ "mutable": false,
630
+ "complexType": {
631
+ "original": "number",
632
+ "resolved": "number",
633
+ "references": {}
634
+ },
635
+ "required": false,
636
+ "optional": true,
637
+ "docs": {
638
+ "tags": [],
639
+ "text": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
640
+ },
641
+ "attribute": "debounce",
642
+ "reflect": false,
643
+ "defaultValue": "0"
644
+ },
645
+ "emptyOptionListText": {
646
+ "type": "string",
647
+ "mutable": false,
648
+ "complexType": {
649
+ "original": "string",
650
+ "resolved": "string",
651
+ "references": {}
652
+ },
653
+ "required": false,
654
+ "optional": false,
655
+ "docs": {
656
+ "tags": [],
657
+ "text": "The text displayed when there are no options in the option list."
658
+ },
659
+ "attribute": "empty-option-list-text",
660
+ "reflect": false,
661
+ "defaultValue": "\"No results found\""
662
+ },
663
+ "focusOnLoad": {
664
+ "type": "boolean",
665
+ "mutable": false,
666
+ "complexType": {
667
+ "original": "boolean",
668
+ "resolved": "boolean",
669
+ "references": {}
670
+ },
671
+ "required": false,
672
+ "optional": true,
673
+ "docs": {
674
+ "tags": [],
675
+ "text": "If `true`, the search bar will be focused when component loaded."
676
+ },
677
+ "attribute": "focus-on-load",
678
+ "reflect": false,
679
+ "defaultValue": "false"
680
+ },
681
+ "fullWidth": {
682
+ "type": "boolean",
683
+ "mutable": false,
684
+ "complexType": {
685
+ "original": "boolean",
686
+ "resolved": "boolean",
687
+ "references": {}
688
+ },
689
+ "required": false,
690
+ "optional": true,
691
+ "docs": {
692
+ "tags": [],
693
+ "text": "Specify whether the search bar fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable."
694
+ },
695
+ "attribute": "full-width",
696
+ "reflect": false,
697
+ "defaultValue": "false"
698
+ },
699
+ "helperText": {
700
+ "type": "string",
701
+ "mutable": false,
702
+ "complexType": {
703
+ "original": "string",
704
+ "resolved": "string",
705
+ "references": {}
706
+ },
707
+ "required": false,
708
+ "optional": true,
709
+ "docs": {
710
+ "tags": [],
711
+ "text": "The helper text that will be displayed for additional field guidance."
712
+ },
713
+ "attribute": "helper-text",
714
+ "reflect": false,
715
+ "defaultValue": "\"\""
716
+ },
717
+ "hideLabel": {
718
+ "type": "boolean",
719
+ "mutable": false,
720
+ "complexType": {
721
+ "original": "boolean",
722
+ "resolved": "boolean",
723
+ "references": {}
724
+ },
725
+ "required": false,
726
+ "optional": true,
727
+ "docs": {
728
+ "tags": [],
729
+ "text": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
730
+ },
731
+ "attribute": "hide-label",
732
+ "reflect": false,
733
+ "defaultValue": "false"
734
+ },
735
+ "hintText": {
736
+ "type": "string",
737
+ "mutable": false,
738
+ "complexType": {
739
+ "original": "string",
740
+ "resolved": "string",
741
+ "references": {}
742
+ },
743
+ "required": false,
744
+ "optional": true,
745
+ "docs": {
746
+ "tags": [],
747
+ "text": "The hint text for the hidden assistive description element."
748
+ },
749
+ "attribute": "hint-text",
750
+ "reflect": false,
751
+ "defaultValue": "\"When autocomplete results are available use the up and down arrows to choose and press enter to select\""
752
+ },
753
+ "label": {
754
+ "type": "string",
755
+ "mutable": false,
756
+ "complexType": {
757
+ "original": "string",
758
+ "resolved": "string",
759
+ "references": {}
760
+ },
761
+ "required": true,
762
+ "optional": false,
763
+ "docs": {
764
+ "tags": [],
765
+ "text": "The label for the search bar."
766
+ },
767
+ "attribute": "label",
768
+ "reflect": false
769
+ },
770
+ "labelField": {
771
+ "type": "string",
772
+ "mutable": false,
773
+ "complexType": {
774
+ "original": "string",
775
+ "resolved": "string",
776
+ "references": {}
777
+ },
778
+ "required": false,
779
+ "optional": true,
780
+ "docs": {
781
+ "tags": [],
782
+ "text": "The custom name for the label field to correspond with the IcMenuOption type."
783
+ },
784
+ "attribute": "label-field",
785
+ "reflect": false,
786
+ "defaultValue": "\"label\""
787
+ },
788
+ "loading": {
789
+ "type": "boolean",
790
+ "mutable": true,
791
+ "complexType": {
792
+ "original": "boolean",
793
+ "resolved": "boolean",
794
+ "references": {}
795
+ },
796
+ "required": false,
797
+ "optional": true,
798
+ "docs": {
799
+ "tags": [],
800
+ "text": "Trigger loading state when fetching options asyncronously"
801
+ },
802
+ "attribute": "loading",
803
+ "reflect": false,
804
+ "defaultValue": "false"
805
+ },
806
+ "loadingErrorLabel": {
807
+ "type": "string",
808
+ "mutable": false,
809
+ "complexType": {
810
+ "original": "string",
811
+ "resolved": "string",
812
+ "references": {}
813
+ },
814
+ "required": false,
815
+ "optional": true,
816
+ "docs": {
817
+ "tags": [],
818
+ "text": "Change the message displayed when external loading times out."
819
+ },
820
+ "attribute": "loading-error-label",
821
+ "reflect": false,
822
+ "defaultValue": "\"Loading Error\""
823
+ },
824
+ "loadingLabel": {
825
+ "type": "string",
826
+ "mutable": false,
827
+ "complexType": {
828
+ "original": "string",
829
+ "resolved": "string",
830
+ "references": {}
831
+ },
832
+ "required": false,
833
+ "optional": true,
834
+ "docs": {
835
+ "tags": [],
836
+ "text": "Change the message displayed whilst the options are being loaded externally."
837
+ },
838
+ "attribute": "loading-label",
839
+ "reflect": false,
840
+ "defaultValue": "\"Loading...\""
841
+ },
842
+ "name": {
843
+ "type": "string",
844
+ "mutable": false,
845
+ "complexType": {
846
+ "original": "string",
847
+ "resolved": "string",
848
+ "references": {}
849
+ },
850
+ "required": false,
851
+ "optional": false,
852
+ "docs": {
853
+ "tags": [],
854
+ "text": "The name of the control, which is submitted with the form data."
855
+ },
856
+ "attribute": "name",
857
+ "reflect": false,
858
+ "defaultValue": "this.inputId"
859
+ },
860
+ "placeholder": {
861
+ "type": "string",
862
+ "mutable": false,
863
+ "complexType": {
864
+ "original": "string",
865
+ "resolved": "string",
866
+ "references": {}
867
+ },
868
+ "required": false,
869
+ "optional": true,
870
+ "docs": {
871
+ "tags": [],
872
+ "text": "The placeholder value to display."
873
+ },
874
+ "attribute": "placeholder",
875
+ "reflect": false,
876
+ "defaultValue": "\"Search\""
877
+ },
878
+ "readonly": {
879
+ "type": "boolean",
880
+ "mutable": false,
881
+ "complexType": {
882
+ "original": "boolean",
883
+ "resolved": "boolean",
884
+ "references": {}
885
+ },
886
+ "required": false,
887
+ "optional": true,
888
+ "docs": {
889
+ "tags": [],
890
+ "text": "If `true`, the readonly state will be set."
891
+ },
892
+ "attribute": "readonly",
893
+ "reflect": false,
894
+ "defaultValue": "false"
895
+ },
896
+ "required": {
897
+ "type": "boolean",
898
+ "mutable": false,
899
+ "complexType": {
900
+ "original": "boolean",
901
+ "resolved": "boolean",
902
+ "references": {}
903
+ },
904
+ "required": false,
905
+ "optional": true,
906
+ "docs": {
907
+ "tags": [],
908
+ "text": "If `true`, the search bar will require a value."
909
+ },
910
+ "attribute": "required",
911
+ "reflect": false,
912
+ "defaultValue": "false"
913
+ },
914
+ "searchMode": {
915
+ "type": "string",
916
+ "mutable": false,
917
+ "complexType": {
918
+ "original": "IcSearchBarSearchModes",
919
+ "resolved": "\"navigation\" | \"query\"",
920
+ "references": {
921
+ "IcSearchBarSearchModes": {
922
+ "location": "import",
923
+ "path": "./ic-search-bar.types",
924
+ "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes"
925
+ }
926
+ }
927
+ },
928
+ "required": false,
929
+ "optional": true,
930
+ "docs": {
931
+ "tags": [],
932
+ "text": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches."
933
+ },
934
+ "attribute": "search-mode",
935
+ "reflect": false,
936
+ "defaultValue": "\"navigation\""
937
+ },
938
+ "size": {
939
+ "type": "string",
940
+ "mutable": false,
941
+ "complexType": {
942
+ "original": "IcSizesNoLarge",
943
+ "resolved": "\"default\" | \"small\"",
944
+ "references": {
945
+ "IcSizesNoLarge": {
946
+ "location": "import",
947
+ "path": "../../utils/types",
948
+ "id": "src/utils/types.ts::IcSizesNoLarge"
949
+ }
950
+ }
951
+ },
952
+ "required": false,
953
+ "optional": true,
954
+ "docs": {
955
+ "tags": [],
956
+ "text": "The size of the search bar component."
957
+ },
958
+ "attribute": "size",
959
+ "reflect": false,
960
+ "defaultValue": "\"default\""
961
+ },
962
+ "small": {
963
+ "type": "boolean",
964
+ "mutable": false,
965
+ "complexType": {
966
+ "original": "boolean",
967
+ "resolved": "boolean",
968
+ "references": {}
969
+ },
970
+ "required": false,
971
+ "optional": true,
972
+ "docs": {
973
+ "tags": [{
974
+ "name": "deprecated",
975
+ "text": "This prop should not be used anymore. Set prop `size` to \"small\" instead."
976
+ }],
977
+ "text": ""
978
+ },
979
+ "attribute": "small",
980
+ "reflect": false,
981
+ "defaultValue": "false"
982
+ },
983
+ "spellcheck": {
984
+ "type": "boolean",
985
+ "mutable": false,
986
+ "complexType": {
987
+ "original": "boolean",
988
+ "resolved": "boolean",
989
+ "references": {}
990
+ },
991
+ "required": false,
992
+ "optional": false,
993
+ "docs": {
994
+ "tags": [],
995
+ "text": "If `true`, the value of the search will have its spelling and grammar checked."
996
+ },
997
+ "attribute": "spellcheck",
998
+ "reflect": false,
999
+ "defaultValue": "false"
1000
+ },
1001
+ "timeout": {
1002
+ "type": "number",
1003
+ "mutable": false,
1004
+ "complexType": {
1005
+ "original": "number",
1006
+ "resolved": "number",
1007
+ "references": {}
1008
+ },
1009
+ "required": false,
1010
+ "optional": true,
1011
+ "docs": {
1012
+ "tags": [],
1013
+ "text": "If using external filtering, set a timeout for when loading takes too long."
1014
+ },
1015
+ "attribute": "timeout",
1016
+ "reflect": false
1017
+ },
1018
+ "valueField": {
1019
+ "type": "string",
1020
+ "mutable": false,
1021
+ "complexType": {
1022
+ "original": "string",
1023
+ "resolved": "string",
1024
+ "references": {}
1025
+ },
1026
+ "required": false,
1027
+ "optional": true,
1028
+ "docs": {
1029
+ "tags": [],
1030
+ "text": "The custom name for the value field to correspond with the IcMenuOption type."
1031
+ },
1032
+ "attribute": "value-field",
1033
+ "reflect": false,
1034
+ "defaultValue": "\"value\""
1035
+ },
1036
+ "options": {
1037
+ "type": "unknown",
1038
+ "mutable": false,
1039
+ "complexType": {
1040
+ "original": "IcMenuOption[]",
1041
+ "resolved": "IcMenuOption[]",
1042
+ "references": {
1043
+ "IcMenuOption": {
1044
+ "location": "import",
1045
+ "path": "../../utils/types",
1046
+ "id": "src/utils/types.ts::IcMenuOption"
1047
+ }
1048
+ }
1049
+ },
1050
+ "required": false,
1051
+ "optional": true,
1052
+ "docs": {
1053
+ "tags": [],
1054
+ "text": "The suggested search options."
1055
+ },
1056
+ "defaultValue": "[]"
1057
+ },
1058
+ "value": {
1059
+ "type": "string",
1060
+ "mutable": true,
1061
+ "complexType": {
1062
+ "original": "string",
1063
+ "resolved": "string",
1064
+ "references": {}
1065
+ },
1066
+ "required": false,
1067
+ "optional": false,
1068
+ "docs": {
1069
+ "tags": [],
1070
+ "text": "The value of the search input."
1071
+ },
1072
+ "attribute": "value",
1073
+ "reflect": true,
1074
+ "defaultValue": "\"\""
1345
1075
  }
1346
- }
1347
- }
1348
- }, {
1349
- "method": "icSearchBarFocus",
1350
- "name": "icSearchBarFocus",
1351
- "bubbles": true,
1352
- "cancelable": true,
1353
- "composed": true,
1354
- "docs": {
1355
- "tags": [],
1356
- "text": "Emitted when focus is invoked from ic-search-bar"
1357
- },
1358
- "complexType": {
1359
- "original": "void",
1360
- "resolved": "void",
1361
- "references": {}
1362
- }
1363
- }];
1364
- }
1365
- static get methods() {
1366
- return {
1367
- "setFocus": {
1368
- "complexType": {
1369
- "signature": "() => Promise<void>",
1370
- "parameters": [],
1371
- "references": {
1372
- "Promise": {
1373
- "location": "global",
1374
- "id": "global::Promise"
1076
+ };
1077
+ }
1078
+ static get states() {
1079
+ return {
1080
+ "ariaActiveDescendant": {},
1081
+ "clearButtonFocused": {},
1082
+ "highlightedValue": {},
1083
+ "open": {},
1084
+ "searchSubmitFocused": {},
1085
+ "showClearButton": {},
1086
+ "filteredOptions": {}
1087
+ };
1088
+ }
1089
+ static get events() {
1090
+ return [{
1091
+ "method": "icChange",
1092
+ "name": "icChange",
1093
+ "bubbles": true,
1094
+ "cancelable": true,
1095
+ "composed": true,
1096
+ "docs": {
1097
+ "tags": [],
1098
+ "text": "Emitted when the value has changed."
1099
+ },
1100
+ "complexType": {
1101
+ "original": "IcValueEventDetail",
1102
+ "resolved": "IcValueEventDetail",
1103
+ "references": {
1104
+ "IcValueEventDetail": {
1105
+ "location": "import",
1106
+ "path": "../../utils/types",
1107
+ "id": "src/utils/types.ts::IcValueEventDetail"
1108
+ }
1109
+ }
1110
+ }
1111
+ }, {
1112
+ "method": "icClear",
1113
+ "name": "icClear",
1114
+ "bubbles": true,
1115
+ "cancelable": true,
1116
+ "composed": true,
1117
+ "docs": {
1118
+ "tags": [],
1119
+ "text": "Emitted when value is cleared with clear button"
1120
+ },
1121
+ "complexType": {
1122
+ "original": "void",
1123
+ "resolved": "void",
1124
+ "references": {}
1125
+ }
1126
+ }, {
1127
+ "method": "icInput",
1128
+ "name": "icInput",
1129
+ "bubbles": true,
1130
+ "cancelable": true,
1131
+ "composed": true,
1132
+ "docs": {
1133
+ "tags": [],
1134
+ "text": "Emitted when a keyboard input occurred."
1135
+ },
1136
+ "complexType": {
1137
+ "original": "IcValueEventDetail",
1138
+ "resolved": "IcValueEventDetail",
1139
+ "references": {
1140
+ "IcValueEventDetail": {
1141
+ "location": "import",
1142
+ "path": "../../utils/types",
1143
+ "id": "src/utils/types.ts::IcValueEventDetail"
1144
+ }
1145
+ }
1146
+ }
1147
+ }, {
1148
+ "method": "icInputBlur",
1149
+ "name": "icInputBlur",
1150
+ "bubbles": true,
1151
+ "cancelable": true,
1152
+ "composed": true,
1153
+ "docs": {
1154
+ "tags": [{
1155
+ "name": "deprecated",
1156
+ "text": "This event should not be used anymore. Use icSearchBarBlur instead."
1157
+ }],
1158
+ "text": ""
1159
+ },
1160
+ "complexType": {
1161
+ "original": "IcSearchBarBlurEventDetail",
1162
+ "resolved": "IcSearchBarBlurEventDetail",
1163
+ "references": {
1164
+ "IcSearchBarBlurEventDetail": {
1165
+ "location": "import",
1166
+ "path": "./ic-search-bar.types",
1167
+ "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail"
1168
+ }
1169
+ }
1170
+ }
1171
+ }, {
1172
+ "method": "icInputFocus",
1173
+ "name": "icInputFocus",
1174
+ "bubbles": true,
1175
+ "cancelable": true,
1176
+ "composed": true,
1177
+ "docs": {
1178
+ "tags": [{
1179
+ "name": "deprecated",
1180
+ "text": "This event should not be used anymore. Use icSearchBarFocus instead."
1181
+ }],
1182
+ "text": ""
1183
+ },
1184
+ "complexType": {
1185
+ "original": "IcValueEventDetail",
1186
+ "resolved": "IcValueEventDetail",
1187
+ "references": {
1188
+ "IcValueEventDetail": {
1189
+ "location": "import",
1190
+ "path": "../../utils/types",
1191
+ "id": "src/utils/types.ts::IcValueEventDetail"
1192
+ }
1193
+ }
1194
+ }
1195
+ }, {
1196
+ "method": "icOptionSelect",
1197
+ "name": "icOptionSelect",
1198
+ "bubbles": true,
1199
+ "cancelable": true,
1200
+ "composed": true,
1201
+ "docs": {
1202
+ "tags": [],
1203
+ "text": "Emitted when option is highlighted within the menu"
1204
+ },
1205
+ "complexType": {
1206
+ "original": "IcOptionSelectEventDetail",
1207
+ "resolved": "IcOptionSelectEventDetail",
1208
+ "references": {
1209
+ "IcOptionSelectEventDetail": {
1210
+ "location": "import",
1211
+ "path": "../ic-menu/ic-menu.types",
1212
+ "id": "src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail"
1213
+ }
1214
+ }
1215
+ }
1216
+ }, {
1217
+ "method": "icMenuChange",
1218
+ "name": "icMenuChange",
1219
+ "bubbles": true,
1220
+ "cancelable": true,
1221
+ "composed": true,
1222
+ "docs": {
1223
+ "tags": [],
1224
+ "text": "Emitted when the state of the menu changes (i.e. open or close)"
1225
+ },
1226
+ "complexType": {
1227
+ "original": "IcMenuChangeEventDetail",
1228
+ "resolved": "IcMenuChangeEventDetail",
1229
+ "references": {
1230
+ "IcMenuChangeEventDetail": {
1231
+ "location": "import",
1232
+ "path": "../ic-menu/ic-menu.types",
1233
+ "id": "src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail"
1234
+ }
1235
+ }
1236
+ }
1237
+ }, {
1238
+ "method": "icClearBlur",
1239
+ "name": "icClearBlur",
1240
+ "bubbles": true,
1241
+ "cancelable": true,
1242
+ "composed": true,
1243
+ "docs": {
1244
+ "tags": [{
1245
+ "name": "internal",
1246
+ "text": "- Emitted when blur is invoked from clear button"
1247
+ }],
1248
+ "text": ""
1249
+ },
1250
+ "complexType": {
1251
+ "original": "IcBlurEventDetail",
1252
+ "resolved": "IcBlurEventDetail",
1253
+ "references": {
1254
+ "IcBlurEventDetail": {
1255
+ "location": "import",
1256
+ "path": "../../utils/types",
1257
+ "id": "src/utils/types.ts::IcBlurEventDetail"
1258
+ }
1259
+ }
1260
+ }
1261
+ }, {
1262
+ "method": "icRetryLoad",
1263
+ "name": "icRetryLoad",
1264
+ "bubbles": true,
1265
+ "cancelable": true,
1266
+ "composed": true,
1267
+ "docs": {
1268
+ "tags": [],
1269
+ "text": "Emitted when the 'retry loading' button is clicked"
1270
+ },
1271
+ "complexType": {
1272
+ "original": "IcValueEventDetail",
1273
+ "resolved": "IcValueEventDetail",
1274
+ "references": {
1275
+ "IcValueEventDetail": {
1276
+ "location": "import",
1277
+ "path": "../../utils/types",
1278
+ "id": "src/utils/types.ts::IcValueEventDetail"
1279
+ }
1280
+ }
1281
+ }
1282
+ }, {
1283
+ "method": "icSubmitSearch",
1284
+ "name": "icSubmitSearch",
1285
+ "bubbles": true,
1286
+ "cancelable": true,
1287
+ "composed": true,
1288
+ "docs": {
1289
+ "tags": [],
1290
+ "text": "Emitted when the search value has been submitted"
1291
+ },
1292
+ "complexType": {
1293
+ "original": "IcValueEventDetail",
1294
+ "resolved": "IcValueEventDetail",
1295
+ "references": {
1296
+ "IcValueEventDetail": {
1297
+ "location": "import",
1298
+ "path": "../../utils/types",
1299
+ "id": "src/utils/types.ts::IcValueEventDetail"
1300
+ }
1301
+ }
1302
+ }
1303
+ }, {
1304
+ "method": "icSubmitSearchBlur",
1305
+ "name": "icSubmitSearchBlur",
1306
+ "bubbles": true,
1307
+ "cancelable": true,
1308
+ "composed": true,
1309
+ "docs": {
1310
+ "tags": [{
1311
+ "name": "internal",
1312
+ "text": "- Emitted when blur is invoked from search submit button"
1313
+ }],
1314
+ "text": ""
1315
+ },
1316
+ "complexType": {
1317
+ "original": "IcBlurEventDetail",
1318
+ "resolved": "IcBlurEventDetail",
1319
+ "references": {
1320
+ "IcBlurEventDetail": {
1321
+ "location": "import",
1322
+ "path": "../../utils/types",
1323
+ "id": "src/utils/types.ts::IcBlurEventDetail"
1324
+ }
1325
+ }
1326
+ }
1327
+ }, {
1328
+ "method": "icSearchBarBlur",
1329
+ "name": "icSearchBarBlur",
1330
+ "bubbles": true,
1331
+ "cancelable": true,
1332
+ "composed": true,
1333
+ "docs": {
1334
+ "tags": [],
1335
+ "text": "Emitted when blur is invoked from ic-search-bar"
1336
+ },
1337
+ "complexType": {
1338
+ "original": "IcSearchBarBlurEventDetail",
1339
+ "resolved": "IcSearchBarBlurEventDetail",
1340
+ "references": {
1341
+ "IcSearchBarBlurEventDetail": {
1342
+ "location": "import",
1343
+ "path": "./ic-search-bar.types",
1344
+ "id": "src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail"
1345
+ }
1346
+ }
1347
+ }
1348
+ }, {
1349
+ "method": "icSearchBarFocus",
1350
+ "name": "icSearchBarFocus",
1351
+ "bubbles": true,
1352
+ "cancelable": true,
1353
+ "composed": true,
1354
+ "docs": {
1355
+ "tags": [],
1356
+ "text": "Emitted when focus is invoked from ic-search-bar"
1357
+ },
1358
+ "complexType": {
1359
+ "original": "void",
1360
+ "resolved": "void",
1361
+ "references": {}
1362
+ }
1363
+ }];
1364
+ }
1365
+ static get methods() {
1366
+ return {
1367
+ "setFocus": {
1368
+ "complexType": {
1369
+ "signature": "() => Promise<void>",
1370
+ "parameters": [],
1371
+ "references": {
1372
+ "Promise": {
1373
+ "location": "global",
1374
+ "id": "global::Promise"
1375
+ }
1376
+ },
1377
+ "return": "Promise<void>"
1378
+ },
1379
+ "docs": {
1380
+ "text": "Sets focus on the native `input`.",
1381
+ "tags": []
1382
+ }
1375
1383
  }
1376
- },
1377
- "return": "Promise<void>"
1378
- },
1379
- "docs": {
1380
- "text": "Sets focus on the native `input`.",
1381
- "tags": []
1382
- }
1383
- }
1384
- };
1385
- }
1386
- static get elementRef() { return "el"; }
1387
- static get watchers() {
1388
- return [{
1389
- "propName": "loading",
1390
- "methodName": "loadingHandler"
1391
- }, {
1392
- "propName": "filteredOptions",
1393
- "methodName": "filteredOptionsHandler"
1394
- }, {
1395
- "propName": "options",
1396
- "methodName": "watchOptionsHandler"
1397
- }, {
1398
- "propName": "value",
1399
- "methodName": "watchValueHandler"
1400
- }];
1401
- }
1402
- static get listeners() {
1403
- return [{
1404
- "name": "icKeydown",
1405
- "method": "handleKeyDown",
1406
- "target": undefined,
1407
- "capture": false,
1408
- "passive": false
1409
- }, {
1410
- "name": "keyup",
1411
- "method": "handleKeyUp",
1412
- "target": undefined,
1413
- "capture": false,
1414
- "passive": false
1415
- }];
1416
- }
1384
+ };
1385
+ }
1386
+ static get elementRef() { return "el"; }
1387
+ static get watchers() {
1388
+ return [{
1389
+ "propName": "loading",
1390
+ "methodName": "loadingHandler"
1391
+ }, {
1392
+ "propName": "filteredOptions",
1393
+ "methodName": "filteredOptionsHandler"
1394
+ }, {
1395
+ "propName": "options",
1396
+ "methodName": "watchOptionsHandler"
1397
+ }, {
1398
+ "propName": "value",
1399
+ "methodName": "watchValueHandler"
1400
+ }];
1401
+ }
1402
+ static get listeners() {
1403
+ return [{
1404
+ "name": "icKeydown",
1405
+ "method": "handleKeyDown",
1406
+ "target": undefined,
1407
+ "capture": false,
1408
+ "passive": false
1409
+ }, {
1410
+ "name": "keyup",
1411
+ "method": "handleKeyUp",
1412
+ "target": undefined,
1413
+ "capture": false,
1414
+ "passive": false
1415
+ }];
1416
+ }
1417
1417
  }
1418
1418
  //# sourceMappingURL=ic-search-bar.js.map